top of page
Must have
-
Interaktywny quiz do zbierania informacji o projekcie tatuażu
-
Podstawowe zarządzanie czatami po stronie studia
-
Zintegrowany kalendarz do umawiania sesji przez studio
-
Rozbudowane profile studiów tatuażu
-
Podstawowe zarządzanie czatami po stronie studia
Should have
-
System ocen i opinii
-
Możliwość przesyłania zdjęć w czacie
-
Automatyczne odpowiedzi (autozwrotki)
Could have
-
Integracja z kalendarzem Google
-
System przypomnień o sesji dla klienta
-
Zaawansowany system płatności online z prowizją platformy
Won't have
-
Scrollsy (krótkie formy treści budujące zaangażowanie użytkowników)
-
Tworzenie zgłoszeń i zarządzanie nimi poprzez rozbudowane centrum zgłoszeń
-
Profil studia z możliwością większej personalizacji wizualnej
-
Funkcja „Zapytaj tatuażystki/tatuażysty”
-
Sekcja edukacyjna dla klientów (infografiki, materiały)
-
Otwarty Tattoo Market umożliwiający sprzedaż gotowych projektów
INK-REASE
UX/UI Design | Branding
Zakres realizacji
Badania jakościowe/ilościowe, architektura informacji, prototypy lo-fi/hi-fi/klikalny, identyfikacja wizualna.
Cel projektu
Zaprojektowanie platformy, która rozwiąże problemy komunikacyjne pomiędzy tatuażystami a klientami.
ROBIĄC SWOJE TATUAŻE, w dwóch różnych studiach tatuażu, uświadomiłem sobie że proces ten pozostawia wiele do życzenia. Już na etapie szukania odpowiedniego studia, zorientowałem się, że Google pokazuje bardzo mało wyników jak na wyszukiwania w obrębie Krakowa.
Kolejne problemy pojawiły się przy próbach kontaktu i wzajemnego zrozumienia zamysłu na projekt. W mojej głowie pojawiły się dwa oczywiste pytanie – czy inni postrzegają ten proces podobnie? Czy dla tatuażystów to również jest problematyczne?
Pierwsze rozpoznanie branży
Pracę nad projektem rozpocząłem od analizy branży tatuażu oraz istniejących rozwiązań. Pozwoliła mi ona zidentyfikować pierwsze obszary problemowe, które następnie zweryfikowałem w badaniach z dwiema grupami użytkowników: klientami oraz tatuażystami.
Rozwiązania konkurencji
Analizę konkurencyjnych platform prowadziłem zarówno z perspektywy klienta jak i tatuażysty/-ki, co pozwoliło mi ustalić słabe punkty zastosowanych przez nich mechanizmów.
Perspektywa klienta
Analiza wykazała brak kompleksowych rozwiązań. Problemy obejmują również słabe UX, ograniczoną komunikację oraz brak elastycznego zarządzania rezerwacjami. Często brakuje też systemów ocen, wyszukiwarki, portfolio i pełniejszego zarządzania kontami użytkowników. W efekcie żadna z platform nie zapewnia spójnego, całościowego doświadczenia użytkownika.
Perspektywa tatuażystów
Wyniki analizy sugerowały brak integracji kluczowych funkcji, takich jak rezerwacje, komunikacja i zarządzanie profilem. Często platformom brakuje systemu ocen czy rozbudowanego portfolio. Komunikacja bywa przenoszona poza platformę, a część narzędzi oferuje jedynie podstawowy formularz kontaktowy bez onboardingu, statystyk i panelu administracyjnego.
Badania pogłębiające problem
Badania zostały przeprowadzone z udziałem respondentów obydwu grup docelowych. Dla grupy klienckiej zastosowane zostały tylko badania kwestionariuszowe o charakterze eksploracyjnym, natomiast do badań grupy tatuażystów zdecydowałem się na ankietę oraz wywiady pogłębione. Było to podyktowane satysfakcjonującymi wynikami ankiety dla klientów, a także złożonością procesów zachodzących w pracy tatuażystów/-ek.
Grupa kliencka
Badanie ukazało tendencję klientów do posługiwania się popularnymi aplikacjami do social mediów w celu realizacji tatuażu, lecz metody te nie są pozbawione wad. Wyszczególniłem kilka najważniejszych danych:
34% respondentów
napotkało problemy w realizacji swojego tatuażowego marzenia.
31% ankietowanych
wskazało że proces poszukiwania odpowiedniego tatuażysty trwał
14 dni lub dłużej.
Jak badani szukali studia tatuażu?
64% w social mediach, a 41% poprzez marketing szeptany.
Żródło danych: badania własne, w których udział wzięło 176 respondentów.
Często napotykane problemy
Respondenci wskazywali na trudności w wyszukiwaniu tatuażystów specjalizujących się w konkretnych stylach oraz niską widoczność artystów z mniejszych miejscowości. Problemem były także ograniczona liczba wygojonych prac w portfolio i niewystarczające możliwości wyszukiwania na Instagramie. Dodatkowo użytkownicy mają trudność w przełożeniu własnego pomysłu na projekt, a kontakt ze studiami często wiąże się z długim czasem oczekiwania na odpowiedź lub jej całkowitym brakiem.
Decyzje projektowe
W projektowanym przeze mnie narzędziu, konieczne było położenie dużego nacisku na ułatwienie klientom wyszukiwania odpowiednich dla nich studiów tatuażu/artystów. Z tego powodu, istotne było zaimplementowanie odpowiednich filtrów oraz sortowania. Co więcej, projektowany kwestionariusz będzie miał za zadanie zbierać i analizować upodobania ludzi oraz na ich podstawie dobierać najlepsze studia tatuażu.
Dostrzegłem również problem z zaufaniem. Ludzie pragną zaufać komuś zanim zdecydują się, gdzie wykonać swój tatuaż. Dlatego też istotne jest, aby posiadali wystarczająco dużo informacji na temat danego miejsca. To wskazuje na potrzebę stworzenia rozbudowanego profilu studia tatuażu, który przy skrupulatnym uzupełnieniu będzie faktycznie tych informacji dostarczał i pomagał budować zaufanie już od pierwszego kontaktu.
Grupa tatuatorska
W tej turze najpierw przeprowadziłem badania kwestionariuszowe w celu identyfikacji istnienia problemów, by następnie móc je pogłębić w wywiadach. Kluczowe dane przedstawiały się następująco:
Social media przodują
Instagram pojawił się w 77% odpowiedzi,
a Messenger w 55% odpowiedzi respondentów.
63% ankietowanych
korzysta z cyfrowych rozwiązań do zarządzania sesjami. 37% to tradycjonaliści, korzystający z papierowego kalendarza/planera.
24% badanych
jest otwarta na współpracę z innymi artystami w zakresie tworzenie projektów.
22% badanych
wskazało, że doświadczają problemów
w komunikacji z klientami.
Żródło danych: badania własne, w których udział wzięło 27 respondentów.
Wywiady z tatuażystami/-kami
Rozmawiałem w sumie z czterema tatuażystami/-kami posiadającymi zróżnicowany staż pracy w zawodzie oraz lokalizacji (mniejsze i większe miasta w Polsce). Zabieg ten pozwolił na obserwacje jak funkcjonuje branża w różnych środowiskach, co z kolei pozwala na lepsze dopasowanie ewentualnego rozwiązania do szerszego grona użytkowników.
„Jeśli chodzi o samo umawianie się, to co tak bardzo wydłuża proces, to na pewno jak ktoś nie napisze właśnie od razu czego chce tylko napisze: „hej”. I czeka i czeka. Ja wtedy odpiszę za dwa dni: „hej”. Potem ktoś pisze: „czy można umówić się na tatuaż?” Tak to wygląda jak ktoś po prostu nie pisze od razu konkretów.” – cytat z jednego z wywiadów.
Najważniejsze wnioski i decyzje projektowe
Wniosek: Zdecydowana większość studiów tatuażu opiera swoją komunikację z klientami o Instagram; jednocześnie wskazano ograniczenia platformy. Badani podkreślali także potrzebę integracji funkcji (w tym czatu) w jednym miejscu oraz rozbudowanie ich o przydatne narzędzia.
Decyzja projektowa: Zaprojektowanie spójnej platformy łączącej wiele aspektów: komunikator (z automatycznymi odpowiedziami czy przypomnienia), kalendarz oraz profil studia pozwalający oddać unikatowy charakter artystyczny i budować zaufanie z klientem.
Wniosek: Badani wskazali, że wiele zapytań klientów jest niekompletnych lub niejasnych, co wynika z nieczytelnych wytycznych oraz braku wiedzy o tatuażach. Powoduje to dodatkową wymianę wiadomości, wydłużając proces i utrudniając współpracę.
Decyzja projektowa: Pojawiła się potrzeba uporządkowania żmudnego procesu zbierania podstawowych informacji/wymagań od klientów, którzy zlecają wykonanie projektu. Rozwiązaniem tego okazał się interaktywny kwestionariusz, który w intuicyjny sposób przeprowadzi klientów przez podstawowe zagadnienia, które zostały wypracowane podczas badań.
Wniosek: Badani wskazali, że platformy tatuażowe nie budują aktywnej społeczności, ponieważ użytkownicy korzystają z nich głównie przy umawianiu wizyt. Ogranicza to regularne korzystanie i wpływa na ich niską popularność.
Decyzja projektowa: Potrzebne okazały się funkcje zwiększające ruch i zaangażowanie klientów, aby platforma nie była kolejną wersją Ink Serach czy Books. Biorąc pod uwagę popularność Instagrama wśród klientów i samych tatuażystów/-ek, postanowiłem wprowadzić format krótkich treści video, które miałyby skupiać się wyłącznie na na branży tatuatorskiej. Oprócz tego, powstanie osobny moduł dedykowany popularyzacji i nauczaniu o świecie tatuażu.
Charakterystyka odbiorców
Podsumowanie badań przeprowadziłem za pomocą mapy empatii. Analizując uczucia, myśli i bolączki moich respondentów, byłem w stanie ich scharakteryzować w formie person. W ten sposób określiłem ich kluczowe frustracje i priorytety.
Klient
Poznaj Kasię. Jest potencjalną klientką, która zamarzyła o zrobieniu sobie pierwszego tatuażu by upamiętnić swoją zmarłą mamę. Ma to być kwiatek, ponieważ jej mama bardzo lubiła kwiaty. Niestety, już na samym początku czuje się zagubiona. Szuka odpowiedzi w Google, czyta o stylach w tatuażu, ale to za mało. Kasia idzie na żywioł i wysyła zapytanie do studia.
„Od czego mam zacząć?
Co mam napisać/powiedzieć?
Czy to bardzo boli?
Kto zrobi mi taki tatuaż?”
Tatuażysta
To jest Bartek. Jest tatuażystą. W dniu swojej pracy, dostaje nową wiadomość od niejakiej Kasi. Po prośbie o doprecyzowanie, już wie że to będzie kolejny ciężki przypadek.
Definiowanie wymagań i zakresu produktu
Problemów okazało się być całkiem sporo, ale ze względu na ograniczone ramy czasowe realizacji tego projektu (projekt dyplomowy) i działalności w pojedynkę, ograniczyłem zakres projektu za pomocą analizy MoSCoW.
Historyjki użycia
Znając frustracje i pragnienia obydwu grup użytkowników, przełożyłem je na potencjalne korzyści, które czerpaliby obcując z projektowanym narzędziem. Zdefiniowanie historyjek użycia znacznie ułatwiło mi stworzenie listy funkcji, którym później mogłem nadać odpowiedni priorytet do pierwszej iteracji.
Przykładowe historyjki użycia dla obu grup:
-
Jako tatuażysta chcę otrzymywać zapytania zawierające możliwie jak najwięcej potrzebnych informacji, aby móc szybciej zacząć tworzyć dopasowany projekt.
-
Jako klient chcę mieć narzędzie pomagające przekazać mój pomysł na tatuaż, aby otrzymać lepiej dostosowany projekt.
MVP
Fundament rozwiązania miał stanowić interaktywny quiz, który ma za zadanie porządkować proces zgłoszeniowy i umożliwiać klientowi precyzyjniejsze opisanie pomysłu na tatuaż. Wysłane zgłoszenie trafia bezpośrednio do studia tatuażu przez wbudowany czat, stanowiący centralne miejsce komunikacji pomiędzy stronami. Po stronie studia dostępne są podstawowe narzędzia organizacyjne, takie jak podział rozmów na czaty otwarte i zamknięte, filtrowanie konwersacji oraz integracja z kalendarzem umożliwiająca planowanie sesji.
Architektura informacji
Mapa strony
Mając zawężoną listę funkcji i obraz zastosowania mojego narzędzia dla obu grup, było mi dużo łatwiej zmapować hierarchię kategorii i treści. Podczas pracy nad nią rozpocząłem modelowanie nazewnictwa poszczególnych kategorii i zależności pomiędzy podstronami.
Tree testing
Architektura informacji została oceniona jako intuicyjna i logiczna zarówno przez klientów, jak i tatuażystów. Badanie wskazało jednak potrzebę doprecyzowania nazewnictwa niektórych sekcji (zwłaszcza „Scrollsy”), wyraźniejszego osadzenia w strukturze funkcji wysyłania zapytania oraz lepszego rozróżnienia elementów związanych z profilem studia. Ogólny poziom pozytywnych odpowiedzi potwierdził dostateczną intuicyjność architektury informacji.
Projektowanie intereakcji
Aby zweryfikować sposób działania produktu przed rozpoczęciem projektowania interfejsu, opracowałem przepływy użytkowników dla kluczowych scenariuszy. Pozwoliło to uporządkować logikę interakcji i upewnić się, że najważniejsze zadania można zrealizować w prosty i spójny sposób.
User flow - kwestionariusz zbierania informacji
Jako że moje narzędzie miało skupiać się głównie na uporządkowaniu procesu zbierania informacji od klientów, najwięcej uwagi poświęciłem na zaprojektowaniu kwestionariusza. Moim priorytetem było uczynienie go wystarczająco rozbudowanym i intuicyjnym, ale nie nużącym.
Etap 1 - Określenie doświadczenia
Istotne było rozdzielenie osób, które nie mają w ogóle tatuaży od tych z jakimś już doświadczeniem. Był to dobry moment, aby tej pierwszej grupie zaprezentować przydatne i podstawowe informacje, które mogą mieć wpływ na decyzję.
Etap 2 - Pomysł na projekt tatuażu
Osoby z konkretnym pomysłem na tatuaż, wiedzą czego oczekują i chcą po prostu skontaktować się z odpowiednim studiem tatuażu. Dlatego ta część kwestionariusza została delikatnie okrojona. Dla osób nie wiedzących, kwestionariusz zawiera więcej pozycji, ma bardziej informacyjny charakter i prowadzi użytkownika krok po kroku.
Etap 3 - Wybór studia i dane uzupełniające
Użytkownicy dostali możliwość wyszukania studia po nazwie, jeśli już wcześniej mieli konkretne na myśli lub możliwość zapoznania się z miejscami, które dopasowała dla nich aplikacja na podstawie zmiennych, które wcześniej wprowadzili (styl, dokładne motywy). W rezultacie, klient miał mieć wybrane studio tatuażu, a także gotowy zestaw podstawowych informacji. Po zatwierdzeniu, dane te zostają wysłane do wybranego studia w formie wiadomości (z automatycznie wygenerowanym zestawem danych).
Makiety Lo-Fi
Projektowanie makiet niskiej wierności rozpocząłem od opracowania kluczowych interakcji i przepływów użytkowników. Najwięcej uwagi poświęciłem interaktywnemu kwestionariuszowi, który porządkuje proces zbierania informacji od klientów i przekazuje kompletne zgłoszenie do wybranego studia tatuażu. Kolejne jego iteracje, konsultowane z klientami i tatuażystami, pozwoliły uprościć przebieg procesu, dopracować kolejność kroków oraz udoskonalić nazewnictwo i hierarchię treści przed przejściem do projektowania interfejsu.
Makiety Lo-Fi przedstawiające wycinek flow kwestionariusza.
Makiety Lo-Fi przedstawiające wczesny wygląd profilu studia.
Projektowanie wizualne interfejsu
Identyfikacja wizualna
Identyfikacja wizualna została zaprojektowana z myślą o młodych dorosłych (18–34 lata), którzy według badań stanowią dominującą grupę odbiorców. Jej celem było oddanie ciekawego połączenia funkcji w jednym produkcie. Mowa tu o innowacyjnym podejściu, przejrzystości i zachowaniu charakteru branży tatuatorskiej. Paleta kolorystyczna opiera się na granacie nawiązującym do tuszu tatuatorskiego oraz jasnej szarości zapewniającej kontrast i przejrzystość interfejsu. Zielony kolor akcentowy wyróżnia kluczowe elementy interfejsu, symbolizując dobrą energię i nowoczesność. Komunikację oparto na prostym i bezpośrednim języku, wspieranym elementami wizualnymi, a całość uzupełniają autorski logotyp oraz spójny system typograficzny, które oparłem na kroju Gesta.
Trzy warianty logotypu opartego na zmodyfikowanym kroju Gesta.
Podstawowa paleta kolorystyczna wraz z przybliżonymi proporcjami zastosowania w projekcie.
Makiety Hi-Fi
Zdecydowanie najprzyjemniejsza część projektu, czyli nadanie finalnego wyglądu szkieletowi, który zbudowałem w oparciu o opracowaną architekturę informacji i ekrany o niskiej szczegółowości. Interfejs obejmuje doświadczenia użytkownika dla klientów oraz tatuażystów. Projekt wizualny powstał w oparciu o identyfikację wizualną i design system, zapewniając czytelność, intuicyjność, dostępność oraz spójność całego produktu.
Perspektywa klienta
Interfejs klienta prowadzi użytkownika przez cały proces – od znalezienia odpowiedniego studia, przez przygotowanie zapytania za pomocą quizu, aż po komunikację z tatuażystą. Projekt skupia się na uproszczeniu złożonych czynności i ograniczeniu liczby niekompletnych zgłoszeń.
Perspektywa tatuażysty/-ki
Interfejs wspiera organizację pracy poprzez centralizację komunikacji połączonej z zarządzaniem zgłoszeniami. Aplikacja oferuje również intuicyjny terminarz oraz panel zarządzania profilem studia i pracownikami.
Design system
Został zaprojektowany z myślą o najnowszych wytycznych WCAG. Podczas prac nad nim, chciałem zachować równowagę pomiędzy estetyką w klimacie branży tatuatorskiej, ale zachowując przejrzystość i wystarczający poziom dostępności. Za pomocą tokenów uporządkowana zostały kolorystyka, typografia, paddingi, spacingi, tak by ostatecznie zbudować spójne i responsywne komponenty.
Testy użyteczności
Na potrzeby testów z użytkownikami obu grup docelowych, stworzyłem interaktywny prototyp. Celem testów było sprawdzenie czy zaprojektowane rozwiązanie w swojej finalnej wersji jest dostatecznie zrozumiałe dla użytkowników. Testom poddane zostało siedem kluczowych scenariuszy użytkowania aplikacji.
Obserwacja: Hero section była odbierana jako zbyt infantylna i nie komunikowała odpowiednio powagi decyzji o wykonaniu tatuażu.
Rekomendacja: Zastosowanie bardziej dojrzałej warstwy wizualnej, np. zdjęcia lub materiału wideo.
Obserwacja: Niektóre nazwy i komunikaty nie były wystarczająco intuicyjne – użytkownicy mieli trudność ze zrozumieniem funkcji głównego CTA.
Rekomendacja: Doprecyzowanie nazewnictwa i lepsze powiązanie komunikacji z działaniem użytkownika.
Obserwacja: Pojawiły się drobne niejasności dotyczące zarządzania rezerwacjami i autozwrotkami.
Rekomendacja: Uproszczenie wybranych funkcji oraz dodanie dodatkowych objaśnień.
Podsumowanie i refleksja
Projekt został zawieszony po testach użyteczności, po których zdefiniowane zostały rekomendacje zmian. Projektując makiety Lo-Fi, stworzyłem również inne ekrany. Obejmują one takie kategorie jak moduł edukacyjny, Scrollsy, rozbudowane centrum zgłoszeń i zarządzania nimi czy bazę klientów. Są one gotowe do testów i konsultacji z użytkownikami, aby móc je wprowadzić w kolejnych iteracjach.
Podczas tego projektu, dostrzegłem jak duże znaczenie w procesie projektowym mają badania. Mam tu na myśli, nie tylko badania poprzedzające etap kreatywny, ale regularne konsultacje z użytkownikami docelowymi. Im więcej etapów jest konsultowana, tym mniejszy zakres testów użyteczności i lepsze dopasowanie produktu.
Dobry projektant nie powinien projektować rozwiązania w próżni, ale rozmawiać z użytkownikami, bo to w nich kryje się odpowiedź na każdą wątpliwość czy pytanie.
bottom of page