TZ dla projektanta strony Orehova molds
1. Zadanie
Należy opracować projekt trzech kluczowych stron serwisu mold.com.ua:
- Strona główna
- Karta produktu
- Koszyk / składanie zamówienia
Makiety potrzebne są w dwóch wersjach:
- desktop — 1440 px;
- mobile — 375/390 px.
Projekt ma być nowoczesny, wygodny, estetyczny i nastawiony na sprzedaż.
2. O marce
Orehova molds — ukraińska marka, która produkuje i sprzedaje silikonowe formy dla cukierników, chocolatierów, deserów musowych, florystyki marshmallow oraz domowych cukierników.
Główny akcent marki — nie tylko forma, ale piękny rezultat, który klient uzyskuje dzięki niej. W projekcie ważne jest pokazanie estetyki deserów, premium, zaufania do producenta oraz prostoty zakupu.
3. Cel projektu
Należy poprawić ścieżkę klienta:
reklama / Instagram / Google → produkt → zaufanie → koszyk → składanie zamówienia.
Projekt ma pomóc:
- zwiększyć konwersję strony;
- uprościć zakupy z telefonu;
- lepiej pokazać zalety produktów;
- zwiększyć średni koszyk dzięki produktom dodatkowym;
- zmniejszyć liczbę pytań do menedżerów.
4. Strona główna
Należy przewidzieć takie bloki:
- Pierwszy ekran
- logo;
- zrozumiały nagłówek;
- krótkie wyjaśnienie, co sprzedajemy;
- jakościowa wizualizacja produktów lub gotowych deserów;
- przycisk „Przejdź do katalogu”.
- Kategorie produktów
- silikonowe formy;
- formy do czekolady;
- formy do marshmallow;
- barwniki;
- czekolada;
- dekoracje / opakowania.
- Popularne produkty i nowości
- zdjęcie;
- cena;
- krótkie zalety;
- przycisk zakupu.
- Blok zaufania
- własna produkcja;
- silikon spożywczy;
- szybka wysyłka;
- międzynarodowa dostawa;
- doświadczenie marki.
- Rezultat z naszymi formami
- zdjęcia gotowych deserów;
- przykłady prac klientów;
- akcent na „efekt wow”.
- FAQ
- dostawa;
- płatność;
- użycie form;
- międzynarodowe zamówienia.
5. Karta produktu
Karta produktu ma być maksymalnie wygodna i sprzedażowa.
Obowiązkowe elementy:
- duże zdjęcie produktu;
- galeria zdjęć;
- nazwa produktu;
- cena;
- dostępność;
- przycisk „Dodaj do koszyka”;
- krótkie zalety obok przycisku;
- charakterystyki;
- opis produktu;
- blok „Do czego się nadaje”;
- produkty polecane;
- opinie;
- FAQ dotyczące produktu.
W wersji mobilnej warto przewidzieć sticky-blok z ceną i przyciskiem zakupu.
Ważne jest pokazanie nie tylko samej formy, ale i gotowego deseru, który można z nią zrobić.
6. Koszyk / składanie zamówienia
Koszyk ma być prosty i zrozumiały.
Należy przewidzieć:
- lista produktów;
- zdjęcie produktu;
- nazwę;
- cena;
- ilość;
- możliwość usunięcia produktu;
- podsumowanie zamówienia;
- kod promocyjny;
- dostawę;
- łączną kwotę;
- blok produktów dodatkowych;
- formularz składania zamówienia.
W formularzu zamówienia:
- imię;
- telefon;
- email;
- miasto;
- sposób dostawy;
- sposób płatności;
- komentarz.
Na mobile przycisk składania zamówienia powinien być dobrze widoczny.
7. Styl projektu
Projekt ma być:
- premium;
- czysty;
- nowoczesny;
- kobiece, ale nie dziecięcy;
- wygodny;
- z dużymi, jakościowymi zdjęciami;
- bez przeciążenia;
- z akcentem na produkty i gotowy rezultat.
Wzór: nowoczesny e-commerce, logika Etsy/Amazon, ale w stylu marki Orehova.
8. Wymagania UX
Projektant musi przemyśleć:
- jak szybko znaleźć potrzebną kategorię;
- jak klient rozumie zalety produktu;
- jak szybko dodać produkt do koszyka;
- jak zwiększyć średni koszyk;
- jak zmniejszyć wątpliwości przed zakupem;
- jak ułatwić zakupy z telefonu.
9. Co ma być w rezultacie
Projektant ma przekazać:
- plik Figma.
- Strona główna — desktop i mobile.
- Karta produktu — desktop i mobile.
- Koszyk — desktop i mobile.
- Podstawowy UI-kit:
- przyciski;
- pola;
- kolory;
- czcionki;
- karty produktów.
- Komentarze dla programisty.
10. Kryteria akceptacji
Praca uznawana jest za wykonaną, jeśli:
- projekt odpowiada marce Orehova;
- strona wygląda nowocześnie;
- wersja mobilna jest wygodna;
- jasno widać, jak kupić produkt;
- karta produktu sprzedaje rezultat;
- koszyk nie jest przeciążony;
- jest logika sprzedaży dodatkowej;
- plik Figma jest starannie przygotowany dla dewelopera.
11. Termin wykonania
Orientacyjny termin: 7–14 dni roboczych.
Etapy:
- Analiza obecnej strony.
- Prototyp.
- Zatwierdzenie struktury.
- Projekt UI.
- Wersje mobilne.
- Poprawki.
- Przekazanie pliku Figma.
