Projekt UX/UI strony House of Attraction | Część 2

Projekty: Redesign UX/UI korporacyjnej strony House of Attraction
Typ strony: Strona korporacyjna z funkcją koszyka i możliwością zakupu biletów online
CMS: WordPress
Wersje językowe: Polski, Angielski, Arabski (w tym wsparcie RTL)
Responsywność: Pełna – dla urządzeń mobilnych, tabletów, komputerów stacjonarnych

🎯 Cel projektu

Zwiększenie konwersji strony poprzez:

• Dogłębną analizę UX

• Tworzenie nowoczesnego, intuicyjnego interfejsu

• Poprawę doświadczenia użytkownika (user experience)

🧩 Zakres prac

🔍 1. Analiza UX i audyt obecnej strony

• Analiza danych z Google Analytics, Microsoft Clarity i innych systemów analitycznych

• Identyfikacja wąskich gardeł w lejku sprzedażowym: punkty wyjścia użytkowników, słabe punkty UX

• Formułowanie hipotez dotyczących poprawy konwersji

👥 2. Badania UX

• Przeprowadzenie wywiadów z:

  • zespołem zamawiającego

  • obecnymi i potencjalnymi klientami

• Budowa user flows dla różnych grup docelowych

• Formułowanie i testowanie hipotez dotyczących poprawy interakcji

🎨 3. Tworzenie makiet UX/UI strony

• Tworzenie makiet low-fidelity i high-fidelity (Figma)

• Uwzględnienie wyników audytu i badań

• Wdrażanie zasad:

  • użyteczności

  • dostępności

  • responsywnego projektowania

  • celów biznesowych

🧱 4. Tworzenie systemu designu

• Określenie:

  • komponentów UI (przyciski, formularze, ikony itp.)

  • palety kolorów

  • typografii

  • stylów stanów elementów (hover, active, disabled)

• Budowa systemu łatwego do skalowania strony

📦 Ostateczne wyniki, które musi dostarczyć Wykonawca:

• Projekt UX/UI w Figma (lub innym uzgodnionym formacie)

• Raport z audytu UX i przeprowadzonych badań

• Gotowy system designu

• Zbudowane user flows

• Lista hipotez i uzasadnione rozwiązania

🛠 Wymagania techniczne

• Uniwersalny system zarządzania treścią (interfejsy pod WordPress)

• Responsywny design dla urządzeń mobilnych i desktopów

• Wielojęzyczność (w tym RTL dla języka arabskiego)

• Bloki SEO (meta dane: title, description)

• Formularz kontaktowy, adres, telefony

• Interfejs do wstawiania wideo (YouTube/Vimeo)

• Optymalizacja pod kątem szybkiego ładowania (czcionki, grafika, waga)

📄 Struktura strony (może się zmieniać w trakcie)

• Strona główna

• Bilety

• Grupy

• Atrakcje (+ strona każdego atrakcji)

• FAQ

• O nas

• Blog

• Kontakt