Chateau.com
Webdesign et intégration d'une boutique en ligne
ANNÉE
2012 – 2021
CLIENT
Chateau.com
MISSION
Refonte et création de l’identité de marque et du logo.
Webdesign et intégration du site en responsive design.
Création continue de nouveaux outils en binôme avec un développeur fullstack.
Conception et mise en ligne de contenus graphiques (carrousels, icones, etc…).
Webdesign et intégration des templates d’emails et programmation des campagnes via MailChimp.
Référencement naturel via la rédaction de divers contenus (pages produits, pages d’information, etc…).
Redesign du logo
La marque Chateau.com devait refléter l’aura des produits qu’elle commercialise : des vins d’exception de renommée internationale.
Pour cette raison, j’ai proposé un logo inspiré à la fois d’une couronne, symbolisant le prestige (et rappelant la marque Chateau) traversée de quatre verres à pied dans l’espace négatif.
Tout ce que nous voyons cache autre chose; nous voulons toujours voir ce qui est masqué par ce que nous voyons.
Webdesign et intégration du site
Quand j’ai rejoint Chateau.com, l’entreprise était encore jeune et son modèle économique, encore incertain. Afin de n’écarter aucune opportunité, j’ai pris la décision de bâtir un template responsive aussi versatile que possible afin de pouvoir ajouter et/ou retirer des modules sans altérer le webdesign général.
Aussi contraignante que soit cette décision, elle s’est avérée être la bonne. Malgré les multiples ajouts et changements qui se sont greffés au projet par la suite, le webdesign global de la boutique est resté cohérent !
Page d’accueil
Page produit
Listing produits
Panier
Développement d'un carrousel responsive sur mesure
La lisibilité des carrousels, quel que soit le support, est un problème récurrent depuis la démocratisation du responsive design.
En effet, étant généralement composés de simples images, ces carrousels sont limités par leur format d’origine et ne s’adaptent pas au format de l’écran.
Afin de dépasser cette difficulté, j’ai développé un carrousel responsive dédié au site qui a l’avantage de se composer de deux éléments distincts : une image de fond et un bloc de texte contenant le message.
Ainsi, lorsque que le carrousel s’affiche sur un format mobile, l’image de fond et le message s’adaptent pour occuper la moitié de la hauteur de l’écran tout en restant parfaitement lisibles !
Développement de nouveaux outils
Au cours de son développement, Chateau.com a décidé de doubler la taille de son catalogue en indexant les produits de fournisseurs tiers. Afin de ne pas désorienter les clients, ces produits tiers sont intégrés de la même manière que les produits commercialisés directement par l’entreprise.
Cependant, un problème s’est présenté : comment inciter le client à acheter le produit vendu directement par Chateau.com sans lui cacher l’existence d’un éventuel vendeur tiers ?
Affichage de l’ajout au panier normal
Ajout au panier lorsque des produits d’autres fournisseurs sont disponibles
Ajout au panier lorsque des produits d’autres fournisseurs sont disponibles et que le client a déplié le panel
J’ai résolu ce problème par un subtil changement d’affichage. En effet, lorsqu’un produit est disponible via plusieurs fournisseurs :
– le bouton d’ajout au panier est remplacé par un bouton amenant à un listing des différents prix
– les produits commercialisés par des vendeurs tiers sont masqués derrière un bouton avertissant les clients qu’ils sont également disponibles chez des cavistes partenaires.
– lorsqu’un client clique sur le bouton, un listing des différents vendeurs tiers s’affiche, ainsi qu’un message les avertissant des délais de livraison plus longs.
Webdesign et intégration de templates e-mails responsives
Dans le cadre de la refonte du webdesign du site, j’ai crée des templates d’e-mails promotionnels responsives. J’ai testé ces templates en vue de garantir la meilleure compatibilité sur toutes les plateformes (PC, Mac, Android, iPhone, etc…) ainsi que les principaux logiciels de gestion d’e-mails du marché (Mail, Courrier, Gmail, Outlook, etc…). Ces e-mails sont optimisés pour être utilisés via Mailchimp.
Sélection de visuels promotionnels crées pour Chateau.com
Visuels crées pour animer les réseaux sociaux
Et qu'en pensent les clients ?
Juger de la qualité de son travail n’est jamais aisé. Aussi, laissons la parole aux principaux utilisateurs du site : les clients. Voici quelques commentaires TrustPilot mentionnant le design et l’ergonomie du site Chateau.com.
