Jag designade för förare, så jag körde själv.
24MX kunder är entusiaster som beställer ofta: en ny kedja, ett par handskar, en reservdel inför tävlingen. Varje ny beställning innebar att skriva samma adress och kortuppgifter igen, och varje extra fält är ett skäl att lämna varukorgen. Teamet tog med mig på en provkörning, så att jag skulle känna varför en förare som beställer en del inför helgen inte har tålamod att skriva allt igen.
En inloggning som minns dig, så att kassan inte behöver fråga.
Research före pixlar
Jag samlade det kunderna hade sagt till 24MX och kopplade det till kassaflödet. En förare uttryckte det rakt: han letade efter ett sätt att spara sina uppgifter, och drog slutsatsen att butiken helt enkelt ”does not keep the client’s data”.
Mönstret var tydligt: kunderna ville ha orderhistorik, sparade uppgifter och lojalitetspoäng, allt sådant som kräver ett konto.
Det jag bestämde: en samlad inloggning med inloggning via sociala konton och automatiskt sparade leverans- och betaluppgifter, så att kontot känns som en bieffekt av köpet, inte som en extra uppgift.
Vändningen mot mobilen först
Det jag såg: kontosidorna var designade för dator först, med en sidomeny som inte fungerade i mobilen, där många förare handlar.
Det jag bestämde: tillsammans med utvecklare och en senior UX-lead byggde jag om strukturen kring en flikrad som går att scrolla i sidled och fungerar från mobil till dator utan en andra design.
Det som ändrades: ett och samma kontomönster på alla enheter, och en struktur som utvecklarna kunde bygga vidare på utan ny design.
Från ”leveranskaos” till ett tydligt besked.
24MX skickar från eget lager, från partner och via dropshipping. En order kan komma som flera paket på olika dagar, och kunderna förstod inte varför. Tillsammans med logistik- och marknadsteamen kartlade jag varje fall innan jag designade ett enda mejl.
- LagerVaror i lager skickas tillsammans, i ett paket.
- PartnervarorGår via lagret först och tar därför längre tid. Datumet visas vid beställningen.
- DropshippingSkickas direkt från säljaren.
- Blandade orderKommer i separata paket, som var och ett går att spåra live.
En rad som svarar på frågan
Det jag såg: kunder med delade order fick ett paket och trodde att resten hade försvunnit.
Det jag bestämde: behåll samma mejllayout i alla fall, och lägg till en notis bara när en order kommer i flera försändelser, precis ovanför en tydlig knapp: ”Se orderstatus”.
Det som ändrades: designen berättar om delade leveranser innan kunden hinner undra, i stället för efteråt.
Att designa inom mejlets begränsningar
Mejl är inte webben. Jag anpassade varumärket till 800 px bredd, höll varje mejl under 100 kB så att Gmail inte skulle klippa det, och använde säkra reservtypsnitt som Verdana så att det ser rätt ut överallt.
För inkorgar som ändå förstör layouten har sidhuvudet en diskret länk för att visa mejlet i webbläsaren.
Komponenter till designsystemet och en sida byggd i CMS
Jag lade till nya komponenter i Pierce designsystem, bland annat ett produktkort, en översikt och en textruta, var och en med val som går att slå av och på så att redaktörer kan återanvända dem utan en designer.
Sedan använde jag komponenterna för att bygga Om oss-sidan i Storyblok, företagets CMS.
“Sreehas is curious, open minded and dedicated, and he takes on every task with a positive attitude. He makes it his mission to acquire knowledge and learn what he needs to get the work done well.” Ann Hedberg · Customer Experience Innovation Manager, Pierce Group
Bra UX finns ofta utanför skärmen.
Mejlen fungerade bara för att logistikteamet förklarade hur paketen faktiskt rör sig. Genom att luta mig mot deras kunskap blev logistiken bakom kulisserna ett enkelt och lugnande besked.
Inloggningen lärde mig att designa tillsammans med utvecklare från första dagen: vändningen mot mobilen först kom från ett samtal, inte från en granskning.