En sammenhængende brugeroplevelse på tværs af shops
I forbindelse med Made4men.dk’s migration til Shopware i 2021 arbejdede jeg med et fleksibelt tema, der kunne bruges på tværs af shops og give plads til de enkelte brands.
- Virksomhed
- Firtal Group
- Mit arbejde
- UX/UI-design og temaudvikling
- Case publiceret
Flere shops, ét fundament
De forskellige shops havde hver deres målgruppe og visuelle identitet. Temaet skulle kunne tilpasses begge dele, samtidig med at navigation og produktvisning byggede på fælles komponenter.
Jeg tog udgangspunkt i et modulært system, hvor grids, typografi, afstande og farver kunne varieres uden at begynde forfra for hver shop.
Det fælles tema anvendt på Made4men.
Komponenter med plads til brands
Genbrugelige komponenter gav mulighed for både enkle produktgrids og mere redaktionelle sider. Mobilnavigationen fik touchområder og swipefunktioner tilpasset en mindre skærm.
Luksusbrands fik deres egne universer inden for samme shop. Navigation, farver og produktpræsentation kunne tilpasses brandets retningslinjer, mens det tekniske fundament blev bevaret.
Fleksible grids
Fra enkle produktoversigter til redaktionelle layouts.
Farver og typografi
Temaet tilpasses den enkelte shops og brandets identitet.
Mobil først
Touchområder og swipe-navigation til den mindre skærm.
Fra design til Shopware-tema
Temaet blev bygget med komponenter og SCSS-variabler for de forskellige shopvarianter. Analyse af brugeradfærd og retningslinjer fra brandpartnere indgik i arbejdet med navigation og præsentation.
Det centrale resultat var et fælles system med plads til variation. Arbejdet lærte mig at skelne mellem det, der bør være ens på tværs af shops, og det, der skal kunne tilpasses.