Strona internetowa dla Skoda Plichta

W 2019 roku rozpoczęliśmy współpracę z marka Skoda Plichta od wdrożenia zmian i poprawek na obecnej wtedy stronie marki. Ponad 2 lata później otrzymaliśmy zlecenie zaprojektowania i wdrożenia nowej strony internetowej.
Główną motywacją klienta było stworzenie strony internetowe w taki sposób, aby mogła się rozwijać i była bezpieczna oraz aby maksymalizowała potencjał ruchu, który ją odwiedzi poprzez przemyślaną architekturę informacji i funkcjonalności wspierające proces decyzji o zakupie.

Etap 1 – Strategia UX

Projektowanie rozpoczęliśmy od przygotowania strategi UX i opracowania na jej podstawie architektury informacji. Prace nad strategią przebiegały dwutorowo: warsztatowo z udziałem zespołu projektowego klienta i badawczo. Takie podejście umożliwiło nam wspólne wyznaczenie i ustalenie priorytetów, celów, uwzględnienie potrzeb wszystkich interesariuszy i uspójnienie wiedzy. Przepracowanie i ustalenie wszystkich kluczowych kwestii w początkowej fazie projektu pozwoliło nam uniknąć kosztownych i czasochłonnych zmian na dalszych etapach projektu.

Analiza danych zastanych

W ramach procesu tworzenia architektury informacji przeprowadziliśmy analizy i badania na podstawie których została stworzona architektura informacji. W ramach procesu przeprowadziliśmy:

• Warsztaty z interesariuszami projektu czyli przedstawicielami działów firmy i zarządu, których potrzeby są realizowane przy udziale lub poprzez stronę internetową.
• Ankiety – w celu pogłębienia wiedzy na temat użytkowników i ich potrzeb zostały przeprowadzone ankiety wśród pracowników, którzy bezpośrednio obsługują klientów.
• Nieformalne, „korytarzowe” wywiady z użytkownikami przeprowadzone wśród osób, które w ostatnich kilku miesiącach zakupiły nowy samochód lub są na etapie zmiany samochodu.
• Analiza danych Google Analytics & Hotjar – te narzędzia analityczne dały nam możliwość poznania co na dotychczasowej stronie internetowej robią użytkownicy, czego szukają, w co klikają.
• Konkurencja – przeanalizowaliśmy strony internetowe konkurencji, określiliśmy dobre i słabe praktyki.

W oparciu o pozyskane dane zaprojektowaliśmy ścieżki użytkowników i finalną architekturę informacji.

Etap 2 – Makiety UX

Kolejnym krokiem w procesie realizacji było zaprojektowanie makiet UX dla telefonów i komputerów. Celem makiet było stworzenie prototypu układu strony i zweryfikowanie założeń architektury informacji. Makieta pozwoliła także na wycenę pozostałych etapów wdrożenia.

Etap 3 – Projekt graficzny

W ramach etapu projektowania graficznego stworzyliśmy przejrzysty layout bazujący na identyfikacji wizualnej (CI) marki Skoda. Proces rozpoczął się od określenia Design Systemu. Layout cechuje się wysoką użytecznością i czytelnością zarówno na komputerach jak i telefonach.

Etap 4 – Kodowanie i wdrożenie

Etap kodowania i wdrożenia był najbardziej czasochłonnym etapem w projekcie z uwagi na funkcjonalności w nim zawarte. Poza samym zakodowaniem projektu graficznego wyzwaniem zespołu developerskiego były:

• integracja z Otomoto i wdrożenie filtracji w module aut od ręki -> https://skodaplichta.pl/auta-dostepne-od-reki/
• wdrożenie formularza zintegrowanego z VW Bankiem umożliwiającego weryfikację kosztów leasingu / kredytu. -> https://skodaplichta.pl/finansowanie/
• wdrożenie porównywarki modeli samochodów

Etap 5 – Testy

Po zakodowaniu serwisu i umieszczeniu na serwerze roboczym przeprowadziliśmy szereg testów pozwalających na weryfikację poprawności funkcjonowania serwisu na różnych przeglądarkach i urządzeniach. Do tego procesu nasz Tester wykorzystał aplikację „Browserstack” z pomocą której dokonał testów.

Etap 6 – Publikacja

Po odebraniu serwisu od klienta opublikowaliśmy go zastępując dotychczasową stronę skodaplichta.pl