Доброго дня, шановні фрілансери.
Описую поточне завдання по одному з проектів. Прошу надати терміни та вартість, а також вказати ваші схожі завершені проекти.
Потрібна розробка сайту на Astro.
1. Поточна версія: на Gatsby ([getresidency.eu](https://getresidency.eu/)). Є вихідні файли.
Дизайн: Figma ([посилання на макет](https://www.figma.com/design/uqst0m5S5LQ0522MYjEaUM/GetResidency?node-id=64-224553&p=f))
2. Технологічний стек
**Frontend:**
- Astro.js (остання стабільна версія)
- CSS/SCSS або Tailwind CSS
- Адаптивна верстка (Mobile First)
**Backend (CMS):**
- Strapi (headless CMS)
- База даних: PostgreSQL або MySQL
- REST API для зв'язку з фронтендом
**Додатково:**
- Багатомовність (RU, EN)
- SEO-оптимізація
- Інтеграція форм зворотного зв'язку
---
3. Структура сайту
#### Основні сторінки:
1. **Головна сторінка**
- Hero-секція з основною пропозицією
- Про компанію (короткий опис)
- Блок "Громадянство та ВНЖ"
- Блок "Реєстрація бізнесу" (картки країн)
- Форма заявки на розрахунок вартості
- Переваги компанії (4 блоки)
- Останні новини блогу (3 записи)
- Відгуки клієнтів (слайдер)
- Форма підписки на розсилку
2. **Громадянство та ВНЖ** (`/residency/`)
- Опис послуг
- Список країн з програмами
- Умови отримання
3. **Реєстрація бізнесу** (`/business-registration/`)
- Огляд послуг
- Картки країн (Нідерланди, Португалія, Угорщина, Латвія та ін.)
- Опис процесу реєстрації
- Пакети послуг
4. **Сторінки окремих країн** (динамічні)
- Детальна інформація про реєстрацію бізнесу
- Вимоги та документи
- Терміни та вартість
- Форма заявки
5. **Блог** (`/blog/`)
- Список статей з пагінацією
- Фільтрація за категоріями
- Сторінка окремої статті
6. **Ціни** (`/price/`)
- Прайс-лист послуг
- Порівняльна таблиця
7. **Контакти** (`/contacts/`)
- Контактна інформація
- Форма зворотного зв'язку
- Карта (опціонально)
8. **Відгуки** (`/reviews/`)
- Список відгуків клієнтів
9. **Користувацька угода** (`/privacy-policy/`)
---
4. Функціональні вимоги
#### Frontend (Astro.js):
- ✅ Статична генерація сторінок (SSG) для максимальної продуктивності
- ✅ Адаптивний дизайн (десктоп, планшет, мобільні пристрої)
- ✅ Плавні анімації та переходи
- ✅ Lazy loading зображень
- ✅ Інтеграція з дизайном Figma (pixel-perfect верстка)
- ✅ SEO-мета теги, Open Graph, Schema.org розмітка
- ✅ Sitemap.xml та robots.txt
- ✅ Швидка завантаження (Google PageSpeed >90)
#### Backend (Strapi):
- ✅ Налаштування панелі адміністратора
- ✅ Створення колекцій контенту:
- Країни (назва, прапор, опис, ціна, вимоги)
- Статті блогу (заголовок, текст, зображення, категорія, дата)
- Відгуки (ім'я, текст, рейтинг, фото)
- Послуги (назва, опис, вартість)
- Налаштування сайту (контакти, соцмережі)
- ✅ Медіа-бібліотека для завантаження зображень
- ✅ Ролі та права доступу адміністратора
- ✅ API endpoints для отримання даних
#### Форми:
- Форма заявки на розрахунок вартості
- Форма зворотного зв'язку на сторінці контактів
- Форма підписки на розсилку
- Обробка та валідація даних
- Відправка сповіщень на email
---
5. Дизайн та UX
- Дотримуватись макетів Figma
- Використовувати фірмові кольори та шрифти
- Прапори країн у форматі SVG
- Іконки (використовувати готові бібліотеки)
- Слайдери для відгуків та новин
- Hover-ефекти на кнопках та картках
- Плавна прокрутка до секцій
---
6. Технічні вимоги
**Продуктивність:**
- Оптимізація зображень (WebP, AVIF)
- Мініфікація CSS/JS
- Кешування статичних ресурсів
- CDN для медіа-файлів (опціонально)
**Безпека:**
- HTTPS
- Захист форм від спаму (reCAPTCHA або hCaptcha)
- Sanitization користувацьких даних
- Rate limiting для API
**SEO:**
- Семантична HTML-розмітка
- Налаштування мета-тегів для кожної сторінки
- Альтернативні тексти для зображень
- Структуровані дані (JSON-LD)
---
7. Інтеграції
- Email-розсилка (опціонально: MailChimp, SendGrid)
- Google Analytics
- Месенджери (WhatsApp, Telegram кнопки)
- Соціальні мережі (посилання в футері)
---
8. Вимоги до розгортання
**Хостинг:**
- Frontend: Cloudflare, Vercel, Netlify тощо.
- Backend (Strapi) + бд: свій сервер
---
9. Документація
Надати:
- Інструкцію по роботі з адмін-панеллю Strapi
- Документацію по налаштуванню середовища
- Посібник по деплою та оновленням
---
10. Бюджет
Вкажіть передбачувані терміни та вартість
11. Критерії приймання
✅ Сайт повністю відповідає дизайну Figma
✅ Усі сторінки адаптивні та коректно відображаються на всіх пристроях
✅ Форми працюють коректно, відправляють дані на email
✅ CMS Strapi налаштована, можливість редагування контенту
✅ SEO-оптимізація виконана (мета-теги, sitemap)
✅ Google PageSpeed Score > 90 на мобільних та десктопі
✅ Надана документація
