ETISOFT WROCŁAW -

Etisoft | rekonstrukcja strony

Projekt rekonstrukcji strony internetowej dla Etisoft Wrocław, firmy specjalizującej się w druku termotransferowym oraz sprzedaży drukarek i akcesoriów do druku etykiet, zrealizowałam jako zadanie zaliczeniowe kursu Junior UX Designer. Mimo że było to ćwiczenie akademickie, poświęciłam mu pełne zaangażowanie, mając na celu stworzenie nowoczesnej, intuicyjnej i efektywnej witryny.

Brief projektowy: fundament redesignu www

Rozpoczęłam od szczegółowego briefu projektowego, zakładającego stworzenie strony internetowej od podstaw. Dokładnie przeanalizowałam dotychczasową witrynę firmy, a także przeprowadziłam wywiady, aby zgłębić jej model działania i źródła przychodów. Określiłam konkurencję oraz inspiracje rynkowe Etisoftu. Kluczowym elementem było uporządkowanie menu nawigacyjnego i zaprojektowanie nowego układu strony (layout). Z uwagi na kameralny charakter firmy, zbieranie danych odbywało się na bieżąco, bez formalnych warsztatów.

Brief projektowy: fundament redesignu www

Strategia produktu: cel, użytkownik i wyróżniki

Moja strategia projektowa koncentrowała się na precyzyjnym określeniu grupy docelowej i celów biznesowych:

Dla kogo jest produkt? Głównymi odbiorcami są firmy produkcyjne, które potrzebują usług druku termotransferowego lub są zainteresowane zakupem drukarek etykiet i akcesoriów do samodzielnego druku.
Jaki problem rozwiązuje strona? Celem było stworzenie intuicyjnej strony WWW, która w prosty sposób poprowadzi klienta do poszukiwanych produktów i usług. Zależało mi na maksymalnym ułatwieniu procesu składania zamówień oraz zapewnieniu przyjemnego doświadczenia użytkownika (UX), co zachęci do skorzystania z oferty.
Jak produkt będzie zarabiać? Głównymi źródłami przychodów firmy są usługi druku oraz sprzedaż drukarek i akcesoriów.
Czym produkt wyróżnia się na tle konkurencji? Nowa strona ma dostarczać wszystkie niezbędne informacje, ułatwiając klientom szybkie znalezienie produktów, złożenie zamówienia lub skontaktowanie się z firmą.
Kiedy uznamy sukces? Sukces mierzony będzie poprzez analizę danych z Google Analytics (m.in. liczba wejść, odsłony, współczynnik odrzuceń) oraz wzrost sprzedaży.

Persona Użytkownika

Rozpoczęłam od stworzenia persony, która stała się punktem odniesienia dla wszystkich dalszych decyzji projektowych. Pozwoliło mi to spojrzeć na końcowego użytkownika z jego perspektywy i ułatwiło podejmowanie kluczowych wyborów. Z uwagi na jednorodność grupy klientów małej firmy, skoncentrowałam się na jednej, reprezentatywnej personie.

User stories: czego potrzebuje użytkownik?

Opracowałam szereg user stories (historyjek użytkownika), aby z perspektywy klienta opisać niezbędne funkcje i cechy produktu. Pomogło to oddzielić realne wymagania od mniej istotnych. Przykłady:

Strategia produktu: cel, użytkownik i wyróżniki

Moja strategia projektowa koncentrowała się na precyzyjnym określeniu grupy docelowej i celów biznesowych:

Dla kogo jest produkt? Głównymi odbiorcami są firmy produkcyjne, które potrzebują usług druku termotransferowego lub są zainteresowane zakupem drukarek etykiet i akcesoriów do samodzielnego druku.

Jaki problem rozwiązuje strona? Celem było stworzenie intuicyjnej strony WWW, która w prosty sposób poprowadzi klienta do poszukiwanych produktów i usług. Zależało mi na maksymalnym ułatwieniu procesu składania zamówień oraz zapewnieniu przyjemnego doświadczenia użytkownika (UX), co zachęci do skorzystania z oferty.

Jak produkt będzie zarabiać? Głównymi źródłami przychodów firmy są usługi druku oraz sprzedaż drukarek i akcesoriów.

Czym produkt wyróżnia się na tle konkurencji? Nowa strona ma dostarczać wszystkie niezbędne informacje, ułatwiając klientom szybkie znalezienie produktów, złożenie zamówienia lub skontaktowanie się z firmą.

Kiedy uznamy sukces? Sukces mierzony będzie poprzez analizę danych z Google Analytics (m.in. liczba wejść, odsłony, współczynnik odrzuceń) oraz wzrost sprzedaży.

Persona Użytkownika

User stories: czego potrzebuje użytkownik?

Customer journey map: ścieżka klienta

Kolejnym etapem było stworzenie Customer Journey Map (mapy podróży klienta) – wizualnej interpretacji relacji między produktem a klientem. Pomogło mi to zrozumieć ścieżkę użytkownika i odpowiedzieć na pytania, w jaki sposób i kiedy klient korzysta z naszej strony.

Value proposition: unikalna wartość Etisoftu

W ramach tego zadania odpowiedziałam na pytanie, dlaczego użytkownik powinien wybrać właśnie ofertę Etisoft. Skupiałam się na unikalnej propozycji wartości i korzyściach płynących z korzystania z ich usług i produktów.

Business model canvas: model biznesowy E-commerce

Następnie przełożyłam wizję produktu na model biznesowy, opisując klientów, ich relacje z produktem, kanały dotarcia, propozycję wartości, kluczowe działania, niezbędne zasoby, partnerów, generowane koszty oraz potencjalne przychody. Etisoft działa głównie w modelu B2B (biznes do biznesu), kierując ofertę do innych firm, ale również dąży do pozyskiwania klientów indywidualnych (B2C). Produkt wpisuje się w model E-commerce (sprzedaży online).

Analiza konkurencji i SWOT

Przeprowadziłam analizę konkurencji, aby zrozumieć pozycję Etisoft na rynku. Porównałam modele biznesowe, grupy docelowe, strategie i propozycje wartości konkurentów, czerpiąc wiedzę z forów internetowych, opinii klientów i analizy ich stron WWW. Dodatkowo, wykonałam strategiczną analizę SWOT, identyfikując mocne i słabe strony firmy, a także szanse i zagrożenia.

Google analytics: analiza danych strony

Podłączyłam Google Analytics do strony Etisoft. Skupiłam się na kluczowych wskaźnikach, takich jak liczba wejść, odsłony stron i współczynnik odrzuceń. Choć szczegółowe dane są poufne, mogę zaznaczyć, że w pierwszej kolejności analizowałam strony generujące najwyższy koszt oraz te z najwyższym współczynnikiem odrzuceń, aby zidentyfikować obszary do poprawy.

Analiza konkurencji i SWOT

Google analytics: analiza danych strony

Diagram oceny stron WWW

W ramach analizy konkurencji stworzyłam diagram oceny dla Etisoft i dwóch firm konkurencyjnych, stosując skalę 0-10 punktów. Poprosiłam kilka osób o ocenę stron na podstawie pytań: „Czy łatwo znajdujesz to, czego szukasz?”, „Czy bez znajomości tematu wiedziałbyś, co i jak zamówić?”, „Jakie jest Twoje ogólne wrażenie (1-10)?”. Wyniki pokazały, że konkurencja również ma wiele do poprawy.

Diagram oceny stron WWW

Architektura informacji: nawigacja strony

To kluczowy element, który zapewnia klientowi jasność, gdzie się znajduje, dokąd może przejść i jak wrócić. Proces tworzenia architektury informacji obejmował sortowanie kart, a następnie testowanie, jak inni radzą sobie z nawigacją. Zadawałam respondentom trzy pytania: „Znajdź etykiety z folii uszczelniającej?”, „Znajdź drukarki przemysłowe?”, „Zamów usługę?”. Badania wykazały, że nawigacja była intuicyjna, choć pojawiły się drobne wątpliwości dotyczące umiejscowienia drukarek (w „produktach” czy „sprzęcie i akcesoriach”). Ze względu na niski odsetek błędów, menu pozostało niezmienione, z planem dalszego monitorowania po uruchomieniu strony.

User flow: ścieżki użytkownika

Ostatnim etapem przed prototypowaniem było stworzenie mapy ścieżek użytkownika (User Flow). Wizualizuje ona całą drogę, którą użytkownik musi pokonać, aby wykonać zadanie. Pozwoliło mi to zrozumieć potrzeby użytkownika i odpowiedzieć na pytania: co jest dla niego ważne, co próbuje osiągnąć i czy napotyka bariery.

Prototypowanie w Figmie

Zdecydowałam się na stworzenie modelu i prototypu w Figmie. Dzięki regularnym konsultacjom z mamą, prototyp był bardzo szczegółowy. Strona została zaprojektowana zgodnie z heurystykami użyteczności. Szczególną uwagę poświęciłam stronie głównej, która miała zachęcać potencjalnych klientów. Bazując na wcześniej opracowanym User Flow, zdecydowałam się na umieszczenie bezpośrednich informacji i ścieżek do „usług”, które generują firmie największy zysk. Wyzwaniem okazała się podstrona do składania zamówień. Ponieważ nie jest to typowy sklep internetowy, a zamówienia realizowane są telefonicznie lub mailowo, musiałam znaleźć inne rozwiązanie, szczególnie w przypadku zamawiania wielu pozycji jednocześnie. Wymyśliłam, że w polu do wpisywania wiadomości powinna być opcja zapamiętywania treści.

Front-end Web development: od projektu do realizacji w WordPressie

Postanowiłam pójść o krok dalej i rozwijać się w dziedzinie tworzenia stron internetowych na platformie WordPress. Zbudowałam stronę od podstaw, bazując na wiedzy z kursu. Mogłam przy tym liczyć na pomoc bardziej doświadczonych osób. Zapraszam do zapoznania się z moją pierwszą kompleksową realizacją strony WWW.