Design UX/UI et intégration HTML pour Atelier Verrière, configurateur de verrières sur mesure

2021

Site vitrine

Rennes
Atelier Verrière est une marque spécialisée dans la conception et la vente de verrières sur mesure. Sa plateforme en ligne permet à l'internaute de configurer entièrement sa verrière, de choisir ses dimensions et options, de visualiser le résultat et de passer commande directement en ligne. Un outil pensé pour une autonomie totale du client dans son parcours d'achat.
Atelier Verrière

Sur ce projet, notre périmètre était clairement délimité : la direction artistique, le design UX/UI et l’intégration des gabarits en HTML/CSS/JS. Le développement du configurateur et du tunnel d’achat a été pris en charge par les équipes techniques du client. Ce mode de collaboration est relativement rare dans notre métier. Il demande une rigueur particulière dans la livraison des gabarits pour que l’intégration côté client se passe sans friction.

Un logo et une charte graphique pour lancer la marque

Atelier Verrière partait de zéro. Nous avons commencé par la direction artistique de la marque : plusieurs planches de logos proposées, un choix final dans l’esprit verrière avec une typographie en accord avec l’univers du produit. La charte graphique posait ensuite les bases visuelles du site et du configurateur : couleurs, typographies, composants. Un travail fondateur qui a guidé toutes les décisions de design qui ont suivi.

Webdesign Homepage Atelier Verriere

Quinze gabarits de pages livrés en HTML responsive

Le résultat de notre intervention est un ensemble de quinze gabarits de pages montés et livrés en HTML/CSS/JS responsive, prêts à être intégrés par les équipes du client autour du configurateur maison. Page d’accueil, galerie inspirations, fiches produits, panier, création de compte, tunnel d’achat : chaque template a été pensé pour s’articuler naturellement avec le configurateur développé en interne. Un travail d’intégration front-end pur, sans back-office ni saisie de contenus.

Reunion Atelier Verriere

Une expérience mobile-first pour le configurateur

Permettre à quelqu’un de configurer une verrière depuis son smartphone est un vrai défi UX. Chaque étape du configurateur, chaque choix de dimension, chaque option et chaque écran du tunnel d’achat ont été conçus pour fonctionner de façon fluide sur mobile. Même exigence pour le panier et la création de compte. Un travail de conception minutieux pour garantir que l’autonomie promise à l’acheteur soit réelle, quelle que soit la taille de son écran.