Opracować konwersyjny design landing page'a do sprzedaży produktu — „Portret/obraz jako idealny prezent”.
Głównym zadaniem jest przekonanie użytkownika, że portret to dokładnie to, czego szuka: uniwersalne rozwiązanie na prezent, które zaspokaja jego potrzeby i wątpliwości.
Design powinien być dostosowany do GEO SEO, aby zapewnić dobrą widoczność i pozycjonowanie w wyszukiwarkach.
Celem jest od pierwszych sekund przyciągnąć uwagę użytkownika i przekonać go, że to najlepsze rozwiązanie na prezent: emocjonalne, unikalne i zapadające w pamięć. Design powinien rozwiewać wszystkie wątpliwości klienta (wątpliwości co do jakości, terminów, efektu) i prowadzić do zakupu.
Ważne: struktura i wizualizacja powinny wzmacniać zaufanie, demonstrować wartość produktu i prowadzić użytkownika do działania docelowego (zamówienia).
Link do opisu produktu i potrzeb klienta poniżej - 2 linki
Obecnie tworzy prototyp 1 etap. Ale całe zadanie opisane jest poniżej
Zadanie - Najpierw UX-prototyp, potem UI design
- logiczna struktura
- fokus na konwersję
- przemyślane CTA
Potrzebujemy strony głównej dla strony internetowej. I strony sprzedażowej dla - Prezenty dla osób (mama, siostra, dziewczyna, przyjaciel, szef) Prezenty na święta - urodziny, 8 marca, jubileusz. Strony powinny być szablonowe, aby po zmianie treści można je było dostosować do każdej z kategorii.
Oto nasze życzenia i ważne punkty dotyczące naszego biznesu, które należy zbadać i uwzględnić. To nie jest ścisła instrukcja, jak stworzyć konwersyjny design, ale to nasze wizje, jednak oczekujemy profesjonalnego i zrozumiałego rozwiązania od Ciebie! - https://docs.google.com/document/d/1EOG1CuuEVsPByIvOiu2YpohyxjNUm-RpiPlWeiwnAxs/edit?tab=t.0
https://docs.google.com/document/d/1kABojNw3AicI0Agnb_DXxSlVHRixs2w2xQwqv-7wXos/edit?tab=t.0#heading=h.ib5a1w36qyr3
Etap 1:
1 - Należy zacząć od prototypu
Co powinno być:
struktura strony
układ bloków
logika CTA
ścieżka użytkownika
Na przykład z TŻ:
- Hero → korzyści → style → konfigurator → zaufanie → CTA (to lejek sprzedażowy)
- Opracowanie bloków
Na przykład:
Blok „Co otrzymuje klient”
Nie tylko: ikony + tekst
Należy jasno pokazać - wizualnie jak/co „jest w cenie”
- uczucie korzyści wyjaśnić Informacja nie powinna być dwuznaczna ani niejasna, a bardzo jasna i pokazana
scenariusz (flow)
- wszedł → zobaczył → zainteresował się → wybrał → zamówił
- 2- Blok konfiguratora
- Trzeba go:
- osobno prototypować
- osobno testować UX
Etap 2:
UI design:
Etap 3:
Przygotowanie do kodowania
✔ Auto Layout
✔ Komponenty
✔ Warianty
✔ Nazewnictwo warstw
✔ UI kit
Responsywność