Dzień dobry, szanowni freelancerzy.
Opisuję bieżące zadanie w jednym z projektów. Proszę o podanie terminów i kosztów, a także o wskazanie podobnych zakończonych projektów.
Wymagana jest разработка сайта на Astro.
1. Bieżąca wersja: na Gatsby ([getresidency.eu](https://getresidency.eu/)). Są źródła.
Design: Figma ([link do makiety](https://www.figma.com/design/uqst0m5S5LQ0522MYjEaUM/GetResidency?node-id=64-224553&p=f))
2. Stos technologiczny
**Frontend:**
- Astro.js (najbardziej stabilna wersja)
- CSS/SCSS lub Tailwind CSS
- Responsywne układanie (Mobile First)
**Backend (CMS):**
- Strapi (headless CMS)
- Baza danych: PostgreSQL lub MySQL
- REST API do komunikacji z frontendem
**Dodatkowo:**
- Wielojęzyczność (RU, EN)
- SEO-optymalizacja
- Integracja formularzy kontaktowych
---
3. Struktura strony
#### Główne strony:
1. **Strona główna**
- Sekcja Hero z główną ofertą
- O firmie (krótkie opisanie)
- Blok "Obywatelstwo i WNŻ"
- Blok "Rejestracja biznesu" (karty krajów)
- Formularz wniosku o wycenę
- Zalety firmy (4 bloki)
- Najnowsze wiadomości z bloga (3 wpisy)
- Opinie klientów (slider)
- Formularz subskrypcji newslettera
2. **Obywatelstwo i WNŻ** (`/residency/`)
- Opis usług
- Lista krajów z programami
- Warunki uzyskania
3. **Rejestracja biznesu** (`/business-registration/`)
- Przegląd usług
- Karty krajów (Holandia, Portugalia, Węgry, Łotwa i inne)
- Opis procesu rejestracji
- Pakiety usług
4. **Strony poszczególnych krajów** (dynamiczne)
- Szczegółowe informacje o rejestracji biznesu
- Wymagania i dokumenty
- Terminy i koszty
- Formularz wniosku
5. **Blog** (`/blog/`)
- Lista artykułów z paginacją
- Filtrowanie według kategorii
- Strona pojedynczego artykułu
6. **Ceny** (`/price/`)
- Cennik usług
- Tabela porównawcza
7. **Kontakty** (`/contacts/`)
- Informacje kontaktowe
- Formularz kontaktowy
- Mapa (opcjonalnie)
8. **Opinie** (`/reviews/`)
- Lista opinii klientów
9. **Umowa użytkownika** (`/privacy-policy/`)
---
4. Wymagania funkcjonalne
#### Frontend (Astro.js):
- ✅ Statyczna generacja stron (SSG) dla maksymalnej wydajności
- ✅ Responsywny design (desktop, tablet, urządzenia mobilne)
- ✅ Płynne animacje i przejścia
- ✅ Lazy loading obrazów
- ✅ Integracja z designem Figma (pixel-perfect układ)
- ✅ SEO-meta tagi, Open Graph, Schema.org markup
- ✅ Sitemap.xml i robots.txt
- ✅ Szybkie ładowanie (Google PageSpeed >90)
#### Backend (Strapi):
- ✅ Konfiguracja panelu administratora
- ✅ Tworzenie kolekcji treści:
- Kraje (nazwa, flaga, opis, cena, wymagania)
- Artykuły blogowe (tytuł, tekst, obraz, kategoria, data)
- Opinie (imię, tekst, ocena, zdjęcie)
- Usługi (nazwa, opis, koszt)
- Ustawienia strony (kontakty, media społecznościowe)
- ✅ Biblioteka mediów do przesyłania obrazów
- ✅ Role i uprawnienia administratora
- ✅ API endpoints do pobierania danych
#### Formularze:
- Formularz wniosku o wycenę
- Formularz kontaktowy na stronie kontaktów
- Formularz subskrypcji newslettera
- Przetwarzanie i walidacja danych
- Wysyłanie powiadomień na email
---
5. Design i UX
- Podążać za makietami Figma
- Używać firmowych kolorów i czcionek
- Flagi krajów w formacie SVG
- Ikony (używać gotowych bibliotek)
- Slidery dla opinii i wiadomości
- Efekty hover na przyciskach i kartach
- Płynne przewijanie do sekcji
---
6. Wymagania techniczne
**Wydajność:**
- Optymalizacja obrazów (WebP, AVIF)
- Minifikacja CSS/JS
- Cache'owanie statycznych zasobów
- CDN dla plików multimedialnych (opcjonalnie)
**Bezpieczeństwo:**
- HTTPS
- Ochrona formularzy przed spamem (reCAPTCHA lub hCaptcha)
- Sanitizacja danych użytkowników
- Ograniczenie liczby zapytań do API
**SEO:**
- Semantyczna HTML-markup
- Konfiguracja meta-tagów dla każdej strony
- Alternatywne teksty dla obrazów
- Strukturalne dane (JSON-LD)
---
7. Integracje
- Email marketing (opcjonalnie: MailChimp, SendGrid)
- Google Analytics
- Komunikatory (przyciski WhatsApp, Telegram)
- Media społecznościowe (linki w stopce)
---
8. Wymagania dotyczące wdrożenia
**Hosting:**
- Frontend: Cloudflare, Vercel, Netlify itp.
- Backend (Strapi) + bazy danych: własny serwer
---
9. Dokumentacja
Proszę o dostarczenie:
- Instrukcji obsługi panelu administracyjnego Strapi
- Dokumentacji dotyczącej konfiguracji środowiska
- Przewodnika po wdrożeniu i aktualizacjach
---
10. Budżet
Proszę o podanie przewidywanych terminów i kosztów
11. Kryteria akceptacji
✅ Strona w pełni odpowiada designowi Figma
✅ Wszystkie strony są responsywne i poprawnie wyświetlają się na wszystkich urządzeniach
✅ Formularze działają poprawnie, wysyłają dane na email
✅ CMS Strapi jest skonfigurowany, możliwość edytowania treści
✅ SEO-optymalizacja została wykonana (meta-tag, sitemap)
✅ Google PageSpeed Score > 90 na urządzeniach mobilnych i desktopowych
✅ Dokumentacja została dostarczona
