Добрый день, уважаемые фрилансеры.
Описываю текущую задачу по одному из проектов. Прошу предоставить сроки и стоимость, а также указать ваши похожие завершенные проекты.
Требуется разработка сайта на 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 на мобильных и десктопе
✅ Предоставлена документация
