1. Ogólny opis projektu
Opracowanie strony internetowej typu one-page (landing page) dla psychologa w celu zaprezentowania specjalisty, jego usług, materiałów i wydarzeń. Strona ma przyciągać odwiedzających, utrzymywać ich uwagę i konwertować na zgłoszenia.
Referencja: https://deynegina.com/
Ważne: nie kopiować designu referencji, a stworzyć unikalne rozwiązanie z własną tożsamością.
2. Cele strony
— Prezentacja psychologa jako eksperta
— Demonstrowanie usług, materiałów i wydarzeń
— Zbieranie zgłoszeń od potencjalnych klientów
— Śledzenie działań użytkowników dla analityki i retargetingu
3. Wymagania funkcjonalne
3.1. Responsywność
Strona ma poprawnie wyświetlać się na:
— Desktop (1920px, 1440px, 1280px)
— Tablet (768px)
— Urządzenia mobilne (375px, 320px)
3.2. Struktura strony
Pierwszy ekran (sekcja Hero)
— Nagłówek przyciągający uwagę
— Krótki opis / USP
— Przycisk CTA (zgłoszenie lub rejestracja)
— Zdjęcie psychologa lub wideo powitalne
O psychologu
— Biografia, doświadczenie, podejście do pracy
— Zdjęcie
— Certyfikaty / osiągnięcia (opcjonalnie)
Usługi
— Lista usług z krótkim opisem
— Przycisk CTA do rejestracji
Materiały
— Materiały darmowe (przewodniki, checklisty, wideo)
— Możliwość pobrania w zamian za kontakt (lead magnet)
Wydarzenia
— Najbliższe webinary, warsztaty, sesje grupowe
— Data, czas, krótki opis
— Przycisk rejestracji
Opinie
— Slider lub karty z opiniami klientów
Kontakt / Formularz zgłoszeniowy
— Formularz: imię, telefon/email, wiadomość (opcjonalnie)
— Dane kontaktowe
— Linki do mediów społecznościowych
4. Integracje
4.1. Facebook Pixel
Skonfigurować śledzenie zdarzeń:
— <b>PageView</b> — wyświetlenie strony
— <b>ViewContent</b> — wyświetlenie usługi/materiału
— <b>Lead</b> — wysłanie formularza zgłoszeniowego
— <b>Schedule</b> — rejestracja na wydarzenie
— <b>Contact</b> — kliknięcie na kontakt (telefon, email, messenger)
— <b>SubmitApplication</b> — pobranie lead magnetu
4.2. Wysyłanie zgłoszeń na email
— Wszystkie zgłoszenia z formularzy są wysyłane na podany adres email
— Format wiadomości: strukturalny, ze wszystkimi danymi formularza
— Preferowane: kopia zgłoszenia do klienta (opcjonalnie)
5. Wymagania dotyczące designu
— Nowoczesny, czysty design
— Paleta kolorów: spokojne, zaufane odcienie (można omówić)
— Typografia: czytelne czcionki, odpowiednie odstępy
— Wizualne akcenty dla utrzymania uwagi
— Mikroanimacje dla zaangażowania (płynne pojawianie się elementów, efekty hover)
6. Wymagania dotyczące treści
Zleceniodawca dostarcza:
— Teksty lub tezy do tekstów
— Zdjęcie psychologa
— Logo (jeśli jest)
— Lista usług, wydarzeń, materiałów
— Opinie klientów
— ID Facebook Pixel
— Email do odbierania zgłoszeń
7. Wymagania techniczne
— HTML/CSS/JS lub konstruktor (do uzgodnienia)
— Czas ładowania: do 3 sekund
— Podstawowa optymalizacja SEO (meta tagi, alt dla obrazów)
— Certyfikat SSL (https)
— Cross-browserowość (Chrome, Safari, Firefox, Edge)