Przeprojektowanie witryny e-commerce Poezenparadijs.

Rynek produktów dla zwierząt dostarczanych online jest ogromny i rośnie, aw wyniku epidemii COVID jeszcze więcej właścicieli zwierząt zwraca się do Internetu w celu zaspokojenia potrzeb swoich zwierząt.

Mając na uwadze tę ekspansję, nasz zespół postanowił przeprojektować Poezenparadijs , holenderską witrynę e-commerce, która sprzedaje wysokiej jakości artykuły dla kotów.

Przeprojektowanie strony internetowej może być trudne, ale przy starannym przemyśleniu i wykonaniu możliwe jest stworzenie takiej, która będzie zarówno przyjazna dla użytkownika, jak i estetyczna. W tym studium przypadku zostaną omówione kroki związane z przeprojektowaniem witryny e-commerce.

Od identyfikacji problemu do analizy konkurencji, następnie tworzenie kafelków stylów i wreszcie szkielet prototypu hi-fi .

Pozwól, że przeprowadzę Cię przez nasz proces projektowania.

1. Badania wtórne Zaczęliśmy
   od badań wtórnych i odkryliśmy, że rynek internetowych artykułów dla zwierząt prawdopodobnie podwoi się w ciągu najbliższych pięciu lat. Z oczekiwaną kapitalizacją rynkową na poziomie 358 miliardów dolarów do 2027 roku. Badania te pomogły zespołowi zrozumieć wielkość rynku i możliwości Poezenparadijs .
2. Wywiad z zainteresowanymi stronami
   Przeprowadziliśmy wywiad z zainteresowanymi stronami z założycielem Poezenparadijs, Henkiem . Dzięki wywiadowi uzyskaliśmy wgląd w pasję Henka do kotów i wyzwania, przed którymi stoi, prowadząc firmę.

3. Analiza konkurencji
Nasza analiza konkurencji została oparta na wynikach wywiadów z interesariuszami.

W naszym podejściu wykorzystaliśmy różnorodne narzędzia, w tym analizę porównawczą marek , analizę cech i mapę pozycjonowania rynkowego .

Analiza SWOT pomogła nam udokumentować nasze ustalenia. Zauważyliśmy, że obecne miejsce na mapie pozycjonowania na rynku nie odbiega tak bardzo od idealnego miejsca. Zidentyfikowaliśmy istniejące mocne i słabe strony serwisu. Odkryliśmy, że obecna witryna była trudna w nawigacji i zawierała niejasne kategorie. Aby rozwiązać te problemy, zdecydowaliśmy się wyróżnić specjalnie wybrane produkty wysokiej jakości, jednocześnie upraszczając nawigację użytkownika .

4. Wywiady
Aby upewnić się, że przeprojektowany projekt spełnia potrzeby użytkowników, przeprowadziliśmy wywiady z pięcioma rodzicami zwierząt domowych. Dzięki tym wywiadom dowiedzieliśmy się, co rozmówcy kupowali dla swoich zwierząt domowych i jakie były przyczyny ich wyborów. Kupując żywność, trzech na pięciu ankietowanych na ogół stosuje się do zaleceń lekarzy weterynarii.

Jeden właściciel zwierzęcia, z którym rozmawialiśmy, miał kota z nadwagą , co wpłynęło na jego decyzję.

5. Diagram powinowactwa
Mapa powinowactwa, którą stworzyliśmy na podstawie danych otrzymanych z wywiadów, pomogła nam w zebraniu informacji i stworzeniu pięciu supergrup.

Dwie opinie, które otrzymały najwięcej głosów, to: „Decyduję się na zakupy online, ponieważ jest to mniej czasochłonne” oraz „Otrzymuję informacje o tym, co jest najlepsze dla mojego kota, od mojego lekarza weterynarii” .

Na podstawie tych notatek i zachowań rozmówców nasz zespół zdał sobie sprawę, że głównym problemem każdego z nich jest zarówno czas , jak i zaufanie .

6. Persona użytkownika
Następnie stworzyliśmy personę użytkownika, Lisę. Lisa jest pełnoetatową pielęgniarką i samotną matką Luny i Belle. Mimo pracy w szpitalu ma mało wolnego czasu i chce dawać swoim kotom najlepsze produkty. Dlatego woli kupować artykuły dla kotów przez Internet. Nasza osobowość użytkownika odzwierciedla przeciętnego rodzica zwierzaka , z którym przeprowadziliśmy wywiad.

Czasami potrzebuje pomocy w dokonywaniu mądrych wyborów ze względu na szeroką gamę dostępnych produktów.

7. Mapa podróży użytkownika
Następnie opisaliśmy „ dzień z życia ” Lisy i trudności, jakie napotkała, próbując zamówić karmę dla zwierząt przez Internet. Prowadzi szybkie poszukiwania „zdrowej karmy dla kotów”, ponieważ jeden z jej kotów ma nadwagę .

Czuje się zagubiona w poszukiwaniach. Co pogarsza się , gdy wybiera produkt i odkrywa, że ​​nie ma wyjaśnienia , dlaczego uważa się, że jest odpowiedni dla kota z nadwagą. Czuje się niepewnie w związku z tym i żałuje, że to zadanie nie było prostsze.

8. Sformułowanie problemu
W ten sposób powstaje nasze ostateczne sformułowanie problemu:

„Zatroskany i kochający właściciel kota musi znaleźć sposób na bezproblemowe kupowanie i otrzymywanie wysokiej jakości żywności i produktów z wiarygodnej strony internetowej, ponieważ chce zapewnić im dobrą jakość życia, ale ma ograniczony czas na poszukiwanie informacji”

9.HMW
Znalezienie problemów z obecną witryną to pierwszy krok do jej przeprojektowania. W tym przypadku skupiliśmy się na sposobach pomagania użytkownikom w znajdowaniu odpowiednich produktów i podejmowaniu szybkich , świadomych decyzji. Aby rozwiązać ten problem, stworzyliśmy trzy stwierdzenia „jak moglibyśmy” w celu przeprowadzenia burzy mózgów.

10. Metoda moskiewska / MVP
Zastosowaliśmy metodę moskiewską, aby nadać priorytet funkcjom, które zostaną uwzględnione w przeprojektowaniu. Ustaliliśmy, że układ strony głównej powinien zostać uproszczony , opinie użytkowników lepiej pokazywane, a filtry powinny być uwzględnione. Celem serwisu jest zapewnienie użytkownikom, którym zależy na zapewnieniu swoim kotom zdrowego życia, wysokiej wartości odżywczej, samodzielnie przetestowanych zabawek i akcesoriów, a także pomoc właścicielom kotów w skutecznym filtrowaniu, selekcji i podejmowaniu świadomych decyzji. Te funkcje są zgodne z minimalnym opłacalnym produktem witryny .

11. Mapa witryny / Przepływ użytkowników
Pracując nad przepływem użytkowników, w którym użytkownik szuka specjalnie niskokalorycznej karmy dla swojego kota, stworzyliśmy mapę witryny. Aby uczynić stronę bardziej przyjazną dla użytkownika , pamiętaliśmy, że mniej kliknięć oznacza mniej czasu.

12. Model szkieletowy o niskiej/średniej wartości
Po przepływie użytkowników stworzyliśmy model szkieletowy o niskiej wierności i przetestowaliśmy jego skuteczność, prosząc ludzi o „zakup niskokalorycznej karmy dla kota z nadwagą”. Wprowadziliśmy więcej zmian w oparciu o testy użytkowników przed utworzeniem modelu szkieletowego mid-fi.

13. Analiza wizualna / moodboard / kafelek stylu
Po analizie wizualnej konkurencji ustaliliśmy pozycję marki i stworzyliśmy moodboard. Aby wzbudzić zaufanie odbiorców, przeprowadziliśmy test atrakcyjności i ustaliliśmy nasz styl.

Wybraliśmy „DM sans”, czyli czcionkę bezszeryfową z geometrycznym wzorem o niskim kontraście. „DM sans” jest przeznaczone do czytelności w mniejszych rozmiarach tekstu, a ponieważ treść witryny zawiera dużo tekstu, byłoby to idealne dopasowanie.

Jako główny kolor wybraliśmy niebieski ze względu na jego godne zaufania i uspokajające działanie, które odzwierciedlało atrybuty marki Poezenparadijs , którymi były: Przyjazny, Godny zaufania, Delikatny, Troskliwy i Osobisty. Aby przekazać uczucie życzliwości i troski, wybraliśmy również różowe i neutralne odcienie, które mają czysty i nowoczesny wygląd.

14. Prototyp Hi-Fi
Na koniec stworzyliśmy prototyp Hi-Fi i skupiliśmy się na responsywnym projekcie. Prototyp hi-fi zostanie przetestowany i udoskonalony; zostaną zbadane akcesoria i strony o nas serwisu oraz podkreślona zostanie wysoka jakość produktów serwisu ; Filmy i zdjęcia z Instagrama zostaną dołączone , aby zwiększyć zaufanie i osobowość marki.

Nasz prototyp o wysokiej wierności i responsywny projekt.

Aby samemu wyruszyć na przygodę. Kliknij tutaj

Podczas przeprojektowywania witryny internetowej ważne jest, aby mieć plan . Plan ten powinien obejmować ustalenie, jakie problemy chcesz rozwiązać, przyjrzenie się konkurentom, stworzenie podstawowego układu i wybór odpowiedniego stylu.

Postępując zgodnie z tą procedurą, byliśmy w stanie zaprojektować stronę internetową, która jest przyjazna dla użytkownika , atrakcyjna wizualnie i odpowiada potrzebom docelowych odbiorców .

Mogę tylko powiedzieć, że jestem niezmiernie wdzięczny i podekscytowany widząc, jakie wspaniałe rzeczy będą tworzyć moi koledzy z zespołu w przyszłości.

Specjalne podziękowania dla

Salomé Mesquita Ivy van Regteren Altena Estefania Mariño Ezquerro Anaelle Ubaldino

Zostaw komentarz i śledź więcej projektów lub połącz się ze mną na LinkedIn .