Studium przypadku
NudeProject
W tym projekcie końcowym studiów magisterskich badałem, jak połączyć modę, społeczność i zakupy w doświadczeniu mobilnym, po którym można poruszać się bez gubienia drogi.
- Telefon
- projektowanie doświadczenia zakupowego
- Komponenty
- język wizualny wielokrotnego użytku w Figmie
- Przepływy
- połączone ścieżki przed programowaniem
Współpraca: Zespołowa praca akademicka; to studium przypadku przedstawia wspólną propozycję.
Nieoficjalna propozycja akademicka dla Nude Project. Zaprojektowana w Figmie i Adobe CC; nie została zaprogramowana ani opublikowana produkcyjnie. Marka i fotografie należą do ich właścicieli.
Projekt, warstwa po warstwie
Małe decyzje budują system.
Kolekcja otwiera doświadczenie; wyszukiwanie i nawigacja pozostają rozpoznawalne.
Rozmiar, ilość i cena są zebrane w jednej decyzji przed kontynuowaniem zakupu.
Nawigacja łączy sklep, podcast, markę, ulubione i profil poprzez wspólne komponenty.
Mapa pozwala prześledzić punkty wejścia, decyzje i ścieżki powrotu. Powiększalny oryginał jest podlinkowany w Figmie.
Wyzwanie
Zacząłem od pytania: jak marka modowa może połączyć zakupy i kulturę, nie traktując ich jako odrębnych doświadczeń? Wraz z zespołem przełożyłem to pytanie na ścieżki odkrywania, zapisywania i kupowania.
Pokazuję tu projekt akademicki: ekrany i schemat dokumentują proponowane rozwiązanie, nie wyniki konwersji ani metryki rzeczywistej aplikacji.
Wspólny język
Pracowałem z jasną paletą i odcieniami brązu, które uzupełniają fotografie kolekcji. Nagłówek, wyszukiwarka, karty, rozmiary i nawigacja są zorganizowane jako komponenty i warianty w Figmie.
Prototyp łączy sklep, podcast, ulubione i profil. Schemat przepływów pozwolił mi jasno opisać decyzje dotyczące zakupu, rejestracji, odzyskiwania dostępu i zarządzania kontem przed programowaniem.
Prototyp, nie kod
Rezultat powstał w Figmie i Adobe CC. Nie było implementacji frontendu ani backendu i integracji płatności: interakcje należą do prototypu.
W torbie zakupowej połączyłem wybór rozmiaru, ilość, rabat i sumę; dolna nawigacja utrzymuje główne obszary w zasięgu przez całą ścieżkę.
Dowody i ograniczenia
Oryginalne ekrany, komponenty i przepływy pozwalają ocenić spójność propozycji. Nie przypisuję temu studium nieudokumentowanych testów z użytkownikami ani ilościowych usprawnień.
Przekształcenie tego w produkt wymagałoby sprawdzenia dostępności i zadań z ludźmi, zaprogramowania sklepu oraz integracji stanów magazynowych, płatności i rzeczywistych danych. To przyszłe kroki, nie już wdrożone możliwości.
Od prototypu do komponentu
Organizacja systemu
- Identyfikacja / logo
- Nagłówek / wyszukiwanie
- Nawigacja / warianty
- Produkt / rozmiary
- Torba zakupowa / ilości
- Profil / formularze
Dowody
Praca otwarta na ocenę.
Prototyp jest częścią procesu: dokumentuje system, decyzje i przepływy, na których opiera się produkt.
Poznaj ekrany i komponenty Otwórz pierwszy ekran Powiększ schemat przepływówWnioski
Nauczyłem się, że doświadczenie marki potrzebuje ścieżek równie jasnych jak jej identyfikacja wizualna.
Zdefiniowanie komponentów i przepływów pozwoliło mi przejrzeć całe doświadczenie przed programowaniem.
Otwarte pytanie:Jak zachować osobowość marki, upraszczając zadania zakupowe?
Kontakt
Porozmawiajmy.
Jeśli uważasz, że mój sposób pracy pasuje do Twojego zespołu, albo masz produkt lub projekt badawczy, który chcesz rozwijać, chętnie dowiem się więcej. Napisz, czego potrzebujesz i na jakim jesteś etapie. Osobiście przeczytam Twoją wiadomość.
Znajdziesz mnie również na LinkedIn