Morten Eberhardt Flak
UX/UI designer & webudvikler

Tilbage til portfolio

Udvikling af en Intuitiv Magento 2 Platform

En genopbygning fra Magento 1 til Magento 2 med fokus på at gøre køb af vinduer og døre forståeligt. Mål, materialer og åbningsretninger skulle hænge sammen i både design og konfigurator.

Vinduesgrossisten.dk vist på tablet og mobil
Virksomhed
Skanva Group
Mit arbejde
UX/UI og e-handelsudvikling
Case publiceret

Et komplekst produkt skal være til at vælge

Den eksisterende Magento 1-løsning var stærkt tilpasset. Projektet krævede en genopbygning frem for en direkte flytning.

Vinduer og døre har afhængigheder mellem mål, materialer, profiler og åbninger. Opgaven var at gøre valgene tydelige og hjælpe kunden med at undgå kombinationer, der ikke kunne produceres.

Navigation med tre tydelige formål

Navigationen blev delt op i tre lag. Certificeringer og kontaktoplysninger skabte en indgang til tryghed. Informationslaget samlede viden om opmåling og installation. Produktkategorierne gav en direkte vej til vinduer og døre.

Terrassedøre og skydedøre fik egne kategorier, så kunden lettere kunne finde den relevante produkttype.

  1. USP-bar

    Certificeringer, vurderinger og kontaktoplysninger.

  2. Informationsbar

    Opmåling, materialer og levering.

  3. Shoppingbar

    Vinduer, døre, terrassedøre og skydedøre.

Valg og tegning følges ad

Konfiguratoren opdaterer visualiseringen, når kunden ændrer mål og åbninger. Specifikationsbilleder og 3D-illustrationer hjælper med at forklare, hvad de enkelte valg betyder.

Afhængigheder mellem valgene begrænser inkompatible kombinationer. Kunden kan derfor se produktet tage form undervejs frem for kun at forholde sig til en liste af tekniske felter.

Dynamiske opdateringer

Tegningen følger ændringer i mål og åbningsretning.

3D-visualiseringer

Illustrationer viser, hvordan specifikationerne ser ud.

Afhængighedsstyring

Inkompatible produktvalg begrænses undervejs.

Vinduesgrossisten · Konfigurator

Konfiguratoren viser ændringer i produktet undervejs.

Samme opgave på en mindre skærm

På mobilen blev de vigtigste handlinger placeret tæt på tommelfingeren. En bundnavigation, tydelige knapper og større touchområder skulle gøre det lettere at bevæge sig gennem valgene.

Det var især vigtigt i konfiguratoren, hvor kunden både skal forstå produktet og betjene flere kontroller på begrænset plads.

Mobilversionen af Vinduesgrossisten

Viden omkring købet

Landingssider og guides samlede information om materialer, opmåling og installation. Illustrationen og teksten skulle hjælpe kunden med at forstå produktet, før de tekniske valg blev truffet.

Det, jeg tog med videre

Projektet viste, hvor meget produktets afhængigheder påvirker brugeroplevelsen. En konfigurator kan fungere teknisk og stadig kræve for mange forklaringer. Jeg ville derfor begynde brugertest tidligere og forenkle valgene yderligere.

Tilgængelighed er også et punkt, der fortsat kræver arbejde på platformen. Det er ikke noget, et visuelt redesign alene løser.

  • Magento
  • E-commerce
  • Platform Development