Wstęp
Projekt sklepu online dla Marty, która tworzy ubrania z duszÄ… – robione na drutach. Celem strony byÅ‚a bezpoÅ›rednia sprzedaż gotowych produktów, a także możliwość zÅ‚ożenia zamówienia. Odbiorcami sÄ… osoby, które ceniÄ… naturalne rzeczy, zrobione z dobrej jakoÅ›ci materiałów.
Brief i analiza konkurencji
Pierwszy etap to brief – zebranie informacji na temat potrzeb klientki, zapoznanie siÄ™ z jej dziaÅ‚alnoÅ›ciÄ… i strategiÄ…. NastÄ™pnie przeanalizowaÅ‚am konkurencjÄ™, ich strony internetowe, styl komunikacji i sposób prezentacji swoich produktów i usÅ‚ug. MajÄ…c tÄ™ wiedzÄ™, mogÅ‚yÅ›my pochylić siÄ™ nad wyróżnikami marki Marty. StanowiÅ‚o to podstawy do kolejnych etapów procesu.
Site map – architektura informacji
Po analizie konkurencji, a także zbieraniu benchmarków – przykÅ‚adów rozwiÄ…zaÅ„ w innych sklepach, zaprojektowaÅ‚am site map, czyli ogólny szkielet sklepu. Pokazuje on logikÄ™ strony i powiÄ…zania miÄ™dzy poszczególnymi podstronami oraz elementami.
Persony i ścieżka użytkownika
Na podstawie rozmów z Martą oraz jej bezpośrednich kontaktów z klientami, stworzyłyśmy persony zakupowe. Na bazie doświadczeń z klientami Marty, nazwałyśmy potrzeby potencjalnych klientów: na co zwracają uwagę przy zakupie, co ich motywuje do skorzystania z oferty, jakie mogą mieć wątpliwości i obawy.
Wszystko to nadało kierunek w jaki sposób i w jakiej kolejności budować narrację na stronie Marty oraz jakich informacji szukają potencjalni klienci na stronie.
Makieta – podstrony i content
Makieta strony ma formÄ™ bardzo uproszczonÄ…. Przedstawia po kolei sekcje oraz opis zawartoÅ›ci. Na tym etapie nie byÅ‚o jeszcze treÅ›ci na stronÄ™, co miaÅ‚o swoje zalety. Taki plan byÅ‚ pomocny przy tworzeniu contentu. ByÅ‚o wiadomo, w których miejscach bÄ™dÄ… potrzebne treÅ›ci oraz mniej wiÄ™cej ile np. 2-3 zdania na temat X, dwa wezwania do dziaÅ‚ania (CTA – call to action).
Kierunki wizualne i moodboard
Piasek, plaża, woda, niebo – Marta mieszka nad polskim morzem. PostanowiÅ‚yÅ›my nawiÄ…zać charakter marki i wyglÄ…d do miejsca pochodzenia Marty. PoÅ‚Ä…czenie koloru niebieskiego nieba i morza z ciepÅ‚ym kolorem piasku daje poczucie wolnoÅ›ci i miÄ™kkoÅ›ci. A robótki wydziergane przez klientkÄ™ same w sobie sÄ… miÄ™kkie, komfortowe i naturalne. Marta byÅ‚a jeszcze przed sesjÄ… zdjÄ™ciowÄ…. ZaproponowaÅ‚am rodzaje zdjęć oraz ujÄ™cia, jakie bÄ™dzie można wykorzystać na stronie sklepu.
Design sklepu
Postawiłam na duże formy: zdjęcia oraz miejscami na dużą typografię. Układ strony geometryczny, symetria przeplatana z kompozycją asymetryczną, co wprowadza dodatkowe urozmaicenie na stronie.
Chcesz przejść ze mną przez podobny proces?
Umów się na 30-minutową rozmowę i sprawdźmy co możemy razem zrobić.