Przejdź do treści

Etykietomat.pl

Etykietomat.pl

Prezentujemy case study naszego procesu UX’owego w jego tworzeniu portalu etykietomat.pl

Info ↘

Etykietomat.pl to internetowy portal umożliwiający szybkie i intuicyjne zamówienie etykiet produktowych.

Zadaniem UX designera jest odpowiedzieć na wyzwania, które stawia przed nim projekt. W przypadku etykietomatu tych wyzwań mieliśmy kilka.

Zakres

Branding / Strategy / UX

Narzędzia

Figma / Illustrator

Klient

Flexon

Wyzwanie 1

Pierwszym z nich było skrócenie ścieżki użytkownika od selekcji do zamówienia i ułatwienie mu wyboru odpowiedniej etykiety dla jego produktu. Trudności jakie napotkaliśmy spowodowane były głównie szeroką paletą zastosowań, wariantów i technologii (rozróżnienie m.in. ze względu na podłoże, zawartość opakowania, sposób przechowywania lub użytkowania produktów), z których wybierać może użytkownik zamawiając etykietę.

Rozwiązania jakie zaproponowaliśmy to smart szukajka, dedykowane rozwijane menu, skrócone ścieżki użytkownika oraz predefiniowane ustawienia konfiguratora podpowiadające użytkownikowi optymalne rozwiązanie.

Wyzwanie 2

Jak najlepiej poradzić sobie ze skomplikowanym i wielostopniowym procesem konfigurowania własnej etykiety?

To proste – uprościć go i skrócić ścieżki użytkownika, tak by jak najszybciej osiągnąć mógł swój zamierzony efekt.

… oraz wyzwanie 3

Etykietomat.pl oferuje dwie technologie druku – cyfrowy oraz flexo. Żeby ułatwić użytkownikowi najbardziej optymalny – najtańszy i najlepiej spasowany – wybór techniki, wprowadziliśmy szereg usprawnień.  Zakotwiczony cennik porównuje dwie technologie druku, zliczając na bieżąco konfigurację dla przykładowych nakładów (oraz opcjonalnie dla nakładu customowego). Pasek postępu w przejrzysty sposób pokazuje, gdzie w procesie składania zamówienia użytkownik się znajduje.

Rekomendacja elementów takich jak podłoże, ułożenie i rozmiar czy typ zadruku połączone z propozycją optymalizacji wyceny sprawiają, że proces jest klarowny i intuicyjny. Wszelkie niejasności rozwiewa bieżące wsparcie w skomplikowanych wyborach, a pełną kontrolę nad zamówieniem gwarantuje wgląd w jego podsumowanie. Wprowadzone rozwiązania pomagają również przekonać użytkownika do druku flexo – rekomendując go w stosownych momentach.

Projekt przewidywał, między innymi, zakotwiczony cennik porównujący dwie technologie druku, rekomendowane wybory, propozycję optymalizacji ceny, bieżące wsparcie w skomplikowanych wyborach… i wiele innych!

Credits

Zespół Leniva° Studio

Strategy, Concept, UX Concept: Lena Mitkowa
Concept and Key Visual: Neon Neonov
Design: Janek Mońka, Kamil Przybyła
UX/UI: Janek Mońka

Zewnętrzne wsparcie

Customer Experience, User Experience:
dr Iwo Zmyślony
Concept & Client Service:
Marcin Zaporowski

Zespół Klienta

Michał Pabiasz

Sprawdź także

Sprawdź także

Codefunded
Nadszedł czas, aby blockchain i kryptowaluty weszły do głównego nurtu. Dowiedz się więcej o naszym projekcie identyfikacji wizualnej Codefunded.
Read more
Altkom Software
Przy rebrandingu często istotne jest nie to, co się zmienia, ale to, co musi pozostać z poprzedniej identyfikacji. Altkom jest elementem spinającym oba sub-brandy – zostawiliśmy to, co było w starej identyfikacji wspólne wizualnie dla marek. W tym wypadku był to kwadrat. W każdym projekcie zaczął on jednak pracować inaczej. W przypadku Altkom Software piksel i zabawa nim jest podstawą całej struktury identyfikacji wizualnej.
Read more

⌥♡⌘

Lenivastudio°com  używa ciasteczek.   Dowiedz się więcej