De productpagina van Kabelshop.nl was toe aan een redesign. Uit gebruikersonderzoek kwam voornamelijk naar voren dat de productpagina’s onoverzichtelijk wordt ervaren. Als visual designer heb ik de opdracht gekregen om een redesign te maken van de productpagina met de functionaliteiten die horen bij het maken van de juiste keuze tijdens online shoppen. Ook speelde UX hier uiteraard een grote rol.
Tools
- Sketch
- Adobe XD
- Adobe Photoshop
Doel
Gebruikers helpen met het maken van de juiste keuzes bij hun online journey op de website.
Oplossing 1: Functionaliteit meerdere afbeeldingen product
Functionaliteit bestel mee en andere kochten ook
Huisstijl van Kabelshop
#91C13E
#DAF5E1
#DE0D7C
#FFFFFF
#111210
Open Sans Bold
Aa
A B C D E F G H I J K L M N O P Q R S T U V W X Y Z
a b c d e f g h i j k l m n o p q r s t u v w x y z
Open Sans Regular
Aa
A B C D E F G H I J K L M N O P Q R S T U V W X Y Z
a b c d e f g h i j k l m n o p q r s t u v w x y z
Meerdere afbeeldingen
Technisch haalbaar
Must
Content positie aanpassen
Technisch haalbaar
Must
Iconen CTA aanpassen
Technisch haalbaar
Nice to have
Kleuren headers aanpassen
Technisch haalbaar
Nice to have
Huidige productpagina
Redesign productpagina
Meerdere afbeeldingen functie zodat gebruikers een product goed kunnen bekijken voordat zij een keuze maken.
Aantallen en CTA toevoegen is nu een geheel geworden. Dit bespaart ruimte en is veel overzichtelijker voor een gebruiker.
Bestel mee wordt nu onderin weergeven. Dit maakt de pagina wat rustiger en witruimte is nu gevuld met relevante content.
Andere kochten ook wordt nu onderin weergeven. Dit maakt de pagina wat rustiger en witruimte is nu gevuld met relevante content.
De belangrijkste informatie over een product wordt als eerst weergeven. Aanbevolen accessoires wordt aan de rechterkant getoond. Het is op een productpagina als eerst belangrijk dat een gebruiker volledige informatie eerst over een product leest.