Case Study Gatta. Wdrożenie nowego sklepu internetowego

HTML
DOWNLOAD

Wielkość: px

Rozpocząć pokaz od strony:

Download "Case Study Gatta. Wdrożenie nowego sklepu internetowego"

Magdalena Domagała
8 lat temu
Przeglądów:

1 Case Study Gatta Wdrożenie nowego sklepu internetowego

2 INDEKS O projekcie Zadanie 04 Wyzwania 05 Projekt graficzny 06 Testy A/B oraz heatmapy 07 Wsparcie działu marketingu 08 Budowanie marki Efekt końcowy 11 Rekomendacja 12 Team projektowy i narzędzia 13 Zróbmy Razem COŚ Spektakularnego 14

3 03 O projekcie Gatta.pl to jedna z wiodących i najbardziej rozpoznawalnych marek modowych w Polsce. Mamy O PROJEKCIE przyjemność wspierać ją w rozwoju i optymalizacji ważnego dla firmy kanału sprzedaży, jakim jest e-commerce.

4 04 Zadanie Jednym z najważniejszych celów Gatta. pl jest stałe monitorowanie zachowań oraz potrzeb swoich klientek, na bazie ZADANIE których sklep internetowy poddawany jest cyklicznym modyfikacjom i usprawnieniom. Dotyczy to zarówno silnika sklepu, jak i architektury informacji czy procesu składania zamówienia. Gatta.pl w roku 2017 postawiła na elegancką stylistykę, prostotę oraz szyk. Naszym zadaniem było przekuć te założenia w sprawnie funkcjonujący sklep internetowy.

5 05 Wyzwania WYZWANIA

6 06 Projekt graficzny Najważniejszym wyzwaniem przy tworzeniu nowej Gatta.pl było przeprojektowanie strony wizualnej sklepu w taki sposób, żeby zachować elegancję i jednocześnie WYZWANIA sprawić, że odbiór estetyki sklepu będzie lżejszy dla klientek. W związku z tym gruntownie zmieniliśmy menu główne. Jest teraz znacznie prostsze i bardziej intuicyjne, a jednocześnie pozwala na umieszczenie w nim większej ilości kategorii i podkategorii, niż miało to miejsce w poprzedniej odsłonie. Dążenie do prostoty widać najlepiej w projekcie strony głównej, listingu oraz karcie produktu. Żeby dać pełen wyraz nowemu kierunkowi, jaki przyjęła Gatta. pl, wzmocniliśmy minimalistyczny przekaz odpowiednim doborem czcionek oraz ikonografik.

7 07 Testy A/B oraz heatmapy Bazując na wynikach testów A/B oraz heatmapach staraliśmy się maksymalnie dostosować widok strony głównej, listingu oraz karty produktu do preferencji klientek Gatta.pl. W związku z tym: WYZWANIA strona główna - położyliśmy nacisk na prezentację linii produktów i promocji w postaci banerów, zamiast pojedynczych artykułów, karta produktu - uwzględniając najpopularniejsze rozdzielczości ekranów komputerów w Polsce (1366x768 pixeli), zadbaliśmy o to żeby przycisk listing - pole filtrów zostało umieszczone po lewej stronie tej sekcji sklepu i jednocześnie wzbogaciliśmy je o najczęściej poszukiwane przez klientki parametry, m.in. grupowanie kolorów oraz grubość tkaniny czy rozmiar, Do koszyka pojawiał się klientce od razu na wysokości wzroku, bez konieczności przewijania strony w dół. Gatta.pl działa na silniku, który jest bardzo przyjazny dla SEO, dlatego mogliśmy pozwolić sobie na umieszczeniu opisu produktu w dolnej części podstrony, bez ryzyka utraty pozycji w wynikach wyszukiwań Google.

8 08 Wsparcie działu marketingu Zdając sobie sprawę z ciągle zmieniających się upodobań klientek, dział marketingu Gatta.pl otrzymał odświeżoną wersję narzędzia FlowTool oraz konfigurator menu, dzięki którym może skuteczniej prezentować ofertę sklepu internetowego. WYZWANIA Konfigurator menu Specjalnie dla Gatta.pl przygotowaliśmy również konfigurator menu, który pozwala w wygodny i praktycznie nieograniczony sposób edytować zawartość menu głównego sklepu. Menu zostało zbudowane w taki sposób, żeby obsługa sklepu mogła: samodzielnie zarządzać jego strukturą, definiować dowolne czcionki i grafiki na poziomie menu głównego, budować strukturę menu tworząc dowolny układ podkategorii, banerów oraz grafik, Konfigurator umożliwia również zapisywanie, kopiowanie struktury menu, a nawet grupowanie czy filtrowanie poszczególnych elementów.

9 09 FlowTool FlowTool to dedykowana aplikacja, pozwalające marketerom Gatta.pl samodzielnie zarządzać układem strony głównej, nie angażując przy tym wsparcia IT. Dzięki temu rozwiązaniu dział WYZWANIA marketingu może dosłownie w ciągu kliku sekund umieścić: informacje o promocjach specjalne oferty banery do ważnych stron Działanie aplikacji jest intuicyjne i opiera się na zasadzie drag n drop. Dodatkowo możliwe jest definiowanie osobnej siatki banerów dla urządzeń mobilnych.

10 10 Budowanie marki Wraz z nową odsłoną sklepu internetowego, Gatta.pl podejmuje działania rozbudowywania i wzmacniania świadomości marki u swoich klientek. Strategię tę wspierać mają landing page, które spełniają dwa zasadnicze cele: WYZWANIA edukować klientki Gatta.pl, promować konkretne produkty w ramach kampanii reklamowych, Dodatkowym wsparciem dla sprzedaży jest położenie silniejszego nacisku w nowej odsłonie sklepu na ekspozycję newslettera. Nadal znajduje się on w dolnej sekcji, ale tym razem zajmuje on znacznie więcej miejsca.

11 11 Efekt końcowy Po sześciu miesiącach intensywnej współpracy z Gatta.pl stworzyliśmy całkiem nową odsłonę sklepu internetowego. W najnowszej wersji położyliśmy nacisk na prostotę i użyteczność, czego efektem było przeprojektowanie najważniejszych podstron sklepu. Wykorzystując heatmapy i testy A/B cały czas dostosowujemy witrynę do zachowań i wymagań klientek EFEKT KOŃCOWY Gatta.pl, jednocześnie skupiając się na wyposażeniu działu marketingu i sprzedaży w odpowiednie narzędzia ułatwiające ich pracę. Zobacz projekt online Behance

12 12 Rekomendacja REKOMENDACJA Przez ponad 6 miesięcy, poszukiwaliśmy partnera, z którym moglibyśmy współtworzyć dział e-commerce w naszej firmie. [...] W finale przetargu pojawiły się trzy firmy, z których kazda z nich miała w swoim portfolio imponujący bagaż doświadczeń w pracy z klientami Polskimi i zagranicznymi, jak i kreatywne rozwiązania systemowe [...] Powinienem dodać, że to właśnie drużyna eengine zdobyła zaufanie przedstawicieli działów IT, Marketingu, Retailu jak i Zarządu firmy. Pracujemy już razem od roku i wdrażamy kolejne modyfikacje sklepu gatta.pl opierając się na sugestiach i propozycjach eengine. MACIEJ KOPYTEK Bussiness inteligence Manager

13 13 Team projektowy: TEAM PROJEKTOWY I NARZĘDZIA Narzędzia:

14 Zróbmy Razem COŚ Spektakularnego 14 Zatrudnij nas Poznaj naszą kulturę pracy ZRÓBMY RAZEM COŚ SPEKTAKULARNEGO

Podobne dokumenty

Case Study MniamMniam.pl. Wdrożenie szablonu RWD dla portalu i sklepu internetowego

Case Study MniamMniam.pl. Wdrożenie szablonu RWD dla portalu i sklepu internetowego Case Study MniamMniam.pl Wdrożenie szablonu RWD dla portalu i sklepu internetowego INDEKS O projekcie 03 01 02 03 Zadanie 04 Wyzwania 05 Responsive Web Design 06 Projekt graficzny 07 Sklep internetowy