UI Design du site web standard de la solution Octave

En collaboration avec l’équipe produit, j’ai travaillé comme UI designer pour représenter sous forme de zoning l’ensemble des pages web proposées en standard pour les sites e-commerce de la solution Octave.
Cela englobe plusieurs centaines de pages zonées durant 4 ans, allant des pages d’accueil, de rubrique, de liste, de détail article, en passant par les différents paniers de commande, le compte client ou encore les pages magasins, formulaires, pages CMS, etc.

Le tout a été décliné en version mobile mais aussi en version desktop. Associé au design system, l’ensemble des éléments du site standard permet de définir la structuration des pages des sites clients et sert de support à la charte graphique que je réalise en aval.

© Wireframes et design réalisés en tant que directeur artistique / UI designer de la société Octave.

0
wireframes complets

C’est plus de 200 wireframes réalisés en 4 ans pour concevoir l’ensemble de l’UI design du site internet standard de la solution Octave avec une approche mobile first.

Design system et charte graphique web

Pour concevoir et personnaliser facilement les wireframes, j’ai créé tout le design system qui sert de base pour le standard mais aussi pour chaque nouveau projet. Il permet également de simplifier l’intégration et le développement des sites clients.

Des wireframes aux maquettes graphiques

Que ce soit en desktop ou mobile, les wireframes servent de base de création pour les maquettes graphiques réalisées aussi sur Adobe XD.