YesPls
Skapa en e-handelsmarknadsplats
I det här projektet var målet att bygga en komplett e-handelsmarknadsplats med plattformar för köpare, säljare och administratörer. Min roll var huvuddesigner i ett team med fem andra designers med bakgrund inom användarupplevelse och gränssnittsdesign.
Vårt tillvägagångssätt var att inleda med en workshop för designupptäckt för att förstå affärsmål, målgrupp, tekniska begränsningar och hur tjänsten skulle administreras genom externa API:er för exempelvis betalningar och logistik.
- Tidslinje
- 5 månader
- Roll
- Chefs designer
- Produkt design
- Klient
- YesPls
- Industi
- E-handel
- Marknadsplats
Utmaningen
Att koppla samman olika tjänstekomponenter
En av de mest komplexa delarna i projektet var att koppla samman tre plattformar med olika användarresor och kontaktpunkter till en sammanhängande tjänstedesign.
Vi beslutade därför tidigt att använda en tjänsteplan och swimlanes för att kartlägga hur användarhandlingar på en plattform kunde kopplas till kontaktpunkter i en användarresa på en annan plattform.
Designupptäckt
Börja med intressentintervjuer
När vi hade skapat en förståelse för designbriefen och den tekniska dokumentationen genomförde vi en workshop för designupptäckt samt intressentintervjuer. Syftet var att anpassa funktionerna efter verksamhetens och användarnas förväntningar.
Detta hjälpte oss att snabbt koppla funktioner till protopersonor, värdeerbjudanden och kontaktpunkter. Därefter kunde vi etablera övergripande kundresor i en tjänsteplan för varje plattform.
Lågdetaljerade wireframes
Validera användarresor och tjänstekomponenter
När informationsarkitekturen och tjänsteplanerna för respektive plattform var på plats började vi skapa lågdetaljerade wireframes för alla nödvändiga moduler och funktioner.
Detta hjälpte oss att validera användarresor och skapa enkla wireflows för att förstå hur kontaktpunkter på en plattform kunde påverka interaktioner och resultat på en annan.
- Insikter hjälpte oss att strukturera informationsarkitekturen
- Krav och riktlinjer hjälpte oss att börja skissa på wireframes på övergripande nivå
- Konkurrensanalys gav oss idéer om hur komplexa användarresor kan lösas
- Wireflows visade kopplingar och interaktioner mellan plattformarna
Vad händer när någon inte är inloggad med leverans- och fraktkostnader, kanske det behövs ett standardpris baserat på geografisk plats.
Resekartläggning
Förstå kontaktpunkter mellan plattformar
När de lågdetaljerade wireframesen för varje plattform hade tagits fram som visuella representationer började vi kartlägga några av de mer komplexa användarflödena.
Det handlade om kontaktpunkter och interaktioner mellan tjänstekomponenter som sträckte sig över flera plattformar eller API:er, där flera användartyper var involverade. Exempel på sådana flöden var logistik, utbetalningar, returer och ersättningar.
Agil design
Kartläggning av tjänstedesign
Vi bestämde att vår strategi skulle vara att först utforma en minimalt genomförbar lösning. Det innebar att en användare skulle kunna hitta en produkt, lägga den i varukorgen, genomföra ett köp och få produkten levererad hem.
Med en agil designprocess började vi ta fram mer detaljerade wireframes för varje modul i tjänstedesignen, både för säljare, köpare och administratörer.
Prototypframtagning
Testning och designkritik
För varje uppsättning wireframes som representerade en tjänstemodul skapade vi snabba prototyper för att validera och testa hur interaktionerna skulle fungera i en slutlig produkt.
Detta hjälpte oss att iterera snabbare och hitta lösningar med en bättre användarupplevelse. Vi genomförde även designkritik tillsammans med produktchefer, ingenjörer och andra designers.
Responsiv webb
Skala upp från mobil design
För att minska ledtiden och göra designen mer skalbar beslutade vi tidigt att utgå från ett mobil-först-perspektiv vid utformningen av interaktioner, innehåll och layout.
Detta hjälpte oss att använda samma designspråk och interaktionsmönster i native-applikationer, responsiva webbgränssnitt och mobilanpassade upplevelser.
Konceptdesign
Att föra samman alla delar
Mitt fokus var att skapa struktur, visuellt uttryck och interaktion för köparplattformen, vilket framgår av denna fallstudie. Samtidigt krävdes ett omfattande arbete för att samordna de övriga plattformarna.
I varje designsprint behövde vi därför designa, testa och ta fram underlag för användarresor och flödesscheman över flera tjänstekomponenter för att skapa en enhetlig upplevelse.
Resultatet
En komplett e-handelsmarknadsplats
Projektet var utmanande eftersom det testade mina färdigheter och kunskaper i att utforma komplexa tjänster som sträcker sig över flera plattformar och tjänstekomponenter.
I slutändan levererade vi en komplett e-handelsmarknadsplats med informationsarkitektur, designsystem och visuella gränssnitt för både mobilapplikationer och responsiv webb.
- 3
- Plattformar
- 110
- Moduler
- 46
- Trådramar
- 2360
- Mallar
Bläddra bland fler projekt
Outsmart
Bygga en fintech-upplevelse
Scubago
Designa för dykupplevelser
