Redesign strony internetowej

(https://www.figma.com/design/9N5RPhfNuek0bxOQsfMWdH/Untitled?node-id=0-1&t=A65Ro3nZVDsiyKXN-1) na nowy, ulepszony.

Główna cel redesignu:

• Poprawić wizualną prezentację, uczynić stronę bardziej nowoczesną

• Zwiększyć konwersję dzięki lepszej strukturze i zrozumiałemu UX/UI

• Wprowadzić nową kolorystykę

• Dodać więcej dowodów społecznych i CTA

• były dobrze widoczne, koloru niebieskiego #4B87FF

1. Ogólne wymagania dotyczące projektu

• Styl: Czysty, nowoczesny, bez zbędnych elementów

• Skupienie na CTA: Przyciski powinny być wyraziste i jasno wzywać do działania

• Dowody społeczne: Wykorzystanie opinii, liczb, rzeczywistych zaproszeń

• Wygodna nawigacja: Łatwy UX/UI, intuicyjna struktura

Kolorystyka

• Kolor podstawowy: Czarny (tło, tekst)

• Kolor akcentowy: #4B87FF (dla przycisków CTA, ważnych elementów)

• Tło: #DDFF11 (tło, które tworzy kontrast)

Czcionki

• Podstawowa: Nowoczesna, czytelna (Open Sans, Roboto, Montserrat lub podobna)

• Nagłówki: Pogrubione, wyraźne, łatwe do zauważenia

• Tekst: Łatwy do przeczytania, 14-16px

Adaptacja

• Mobilna wersja priorytetowa

• Treść dobrze czytelna na każdym ekranie

• Maksymalnie szybkie ładowanie

2. Struktura landing page

Header

• Logo Let Me Study (czarne na żółtym tle)

• Przycisk CTA "Zarezerwuj konsultację" (#4B87FF)

Główny ekran (Hero Section)

Nagłówek (H1):
"Jak uzyskać BEZPŁATNE WYKSZTAŁCENIE w AUSTRII w Uniwersytecie Państwowym dla Twojego dziecka?"

Podtytuł (H2):
"Nauczanie w języku angielskim lub niemieckim. Rozpocznij od poziomu B2 lub A2."

Formularz zbierania zgłoszeń:

• Pola: Imię, Telefon, Email

• Przycisk CTA: "Zarejestruj się" (#4B87FF)

Wizual:

• Zdjęcia ekspertów

• Dowód społeczny (100% przyjęć lub zwrot pieniędzy, 90+ studentów już uczy się w Austrii)

Blok "Co zyskasz na konsultacji?"

Treść w formacie ikon lub checklisty:

• Uzyskasz jasną wizję nauki w Austrii

• Dowiesz się o odpowiednim programie

• Nie przegapisz terminów składania

• Sformułujesz odpowiedni pakiet dokumentów

• Uzyskasz jasny plan przeprowadzki i legalizacji

Wizual:

• Ikony (czarne na żółtym tle)

Blok "Dlaczego my?" (Dowód społeczny)

Treść w formie kart lub kolumn:

• Eksperci z Austrii

• 100% przyjęć lub zwrot pieniędzy

• 90+ studentów już uczy się w Austrii

• 300+ zaproszeń od uniwersytetów

Wizual:

• Zdjęcie zespołu

• Czarny tekst na żółtym tle dla wyróżnienia ważnych momentów

Opinie i zaproszenia (Testimonials)

Format:

• Slider lub blok ze scrollowaniem

• Listy-zaproszenia od uniwersytetów (screeny, PDF)

• Opinie studentów i rodziców (cytaty, zdjęcia, możliwe wideo)

Wizual:

• Prawdziwe dokumenty z pieczątkami (rozmyte informacje poufne)

• Tło #DDFF11, tekst czarny

Końcowe CTA (Formularz zgłoszeniowy + powtórne wezwanie)

Nagłówek:
"Uzyskaj bezpłatną konsultację od ekspertów, którzy uczyli się w Austrii!"

Formularz zbierania danych

• Imię

• Telefon

• Email

Przycisk CTA:
"Zarejestruj się teraz" (#4B87FF)

Dodatkowe elementy budujące zaufanie:

• Ikony bezpieczeństwa danych

• Możliwość wyboru wygodnego komunikatora (WhatsApp, Telegram)

Footer

• Logo

• Media społecznościowe (Facebook, Instagram, YouTube)

• Informacje kontaktowe

3. Funkcjonalność i integracje

• Formularz zbierania zgłoszeń zintegrowany z CRM lub Google Sheets

• Przycisk WhatsApp / Telegram do natychmiastowego kontaktu z menedżerem

• Facebook Pixel + Google Analytics do śledzenia konwersji i efektywności reklamy

• Optymalizacja ładowania strony – minimalizacja ciężkich obrazów i zbędnych animacji

• Responsywny design – idealnie wyświetla się na urządzeniach mobilnych i tabletach

4. Główne zadania dla projektanta

• Wykorzystać nową markową paletę:

  • Czarny background (#000000) dla kontrastu

  • Żółty background (#DDFF11) dla głównej treści

  • Niebieski (#4B87FF) dla przycisków CTA, aby się wyróżniały

• Zapewnić logiczną strukturę strony – wyraźne rozmieszczenie bloków, odpowiednie marginesy, uproszczony UX

• Przyciski CTA powinny być jasne i łatwe do kliknięcia

• Dowody społeczne powinny być maksymalnie widoczne (liczby, przypadki, screeny zaproszeń)

• Zrobić mobilną wersję priorytetową – duża część ruchu będzie z telefonów

• Optymalizować czcionki i tekst – unikamy zbyt długich akapitów, podajemy informacje jasno

5. Elementy wizualne do dodania

Główny ekran (Hero Section)

• Zdjęcia ekspertów lub studentów, którzy już się zapisali

• Element graficzny z flagą Austrii (nieobowiązkowe, ale może dodać skojarzenia)

Ikony do checklisty (Co zyskasz na konsultacji?)

• Czapka uniwersytecka (dla aspektu edukacyjnego)

• Zegar (nie przegapisz terminów)

• Dokument (załatwienie dokumentów)

Opinie i zaproszenia

• Zdjęcia studentów, którzy uczyli się w Austrii

• Prawdziwe screeny zaproszeń z pieczątkami

Przyciski CTA

• Powinny być dobrze widoczne, koloru niebieskiego #4B87FF

6. Terminy i przekazanie materiałów

• Oczekiwana data gotowości projektu: [uzupełnić datę]

• Przekazanie plików w formatach: Figma / Adobe XD / PSD (do kodowania)

Pliki do przekazania:

• Makieta wersji desktopowej i mobilnej

• Wszystkie ikony i obrazy w wysokiej jakości

• Zalecenia stylistyczne do kodowania

Ostateczny cel: stworzyć stylowy, konwersyjny, przyjazny dla rodziców i maksymalnie prosty w nawigacji landing!