Les Saisons du thé / Nouvel Eshop
Lors de l’année 2023, nous nous sommes attelés à une grande mise à jour de l'eshop des Saisons du thé. Structure vieillissante, codes graphiques datés, après 10 ans de bons et loyaux services, il était temps de faire évoluer la boutique en ligne et proposer une nouvelle expérience d’achat sur le web. Outre le côté technique et la remise à jour des fondations de la boutique en ligne, il était important de retravailler l’image de la marque et la faire évoluer pour correspondre aux valeurs de la nouvelle direction.
Évolution du logo
aperçu du nouvel eshop 2023
Nous avons choisi de créer une toute nouvelle identité graphique basée sur une gamme de couleurs plus douces et naturelles, nuances de bruns / oranges rappelant la terre cuite, teintes vertes lumineuses et brillantes de la mousse du matcha, harmonie de beige et crème ou encore vert céladon légèrement bleuté. L’idée était avant tout de créer une gamme pour mettre en valeur les produits, exit les teintes trop tranchées et sombres place à plus de douceur et naturel.
2 gammes colorées proposées : Céladon & Setsuna / Terre cuite & Matcha
Recherches colorées pour les maquettes des différentes pages
Pour l’ux du site, nous nous sommes inspirés des sites japonais et coréens de produits de bouche : pâtisseries, coffee shops ou boissons typiques. Nous voulions également un côté botanique et avons puisé l’inspiration dans la communication de Diptyque ou les emballages naturels et typiques des thés chinois. Nous voulions créer une structure, comme un cadre ou un sceau pour communiquer les informations et certifier le produit.
Maquette de la page d'accueil
Nous avons retravaillé la page d’accueil pour mettre en valeur les catégories de produits et les suggestions d’achat. Adieu le slider trop 2010, place à une grande photo d’ambiance pour transmettre directement l’univers des Saisons du thé, un carrousel de produits mais en avant la sélection du moment. Nous avons également ajouté des bannières pour mettre en avant des catégories et exploiter le matériel photographique et le set design que nous réalisons pour les campagnes saisonnières. Cela nous a permis de créer une page d’accueil plus vivante avec de nombreuses photos et la possibilité de mettre plusieurs sélections de produits en avant.
Nouvelle organisation de la home / mise en valeur des produits / photo de mise en scène
Nouveau footer : Réassurances / Inscription newsletter / Horaires dynamiques des boutiques
Nous avons fait le choix de créer un système de carte pour présenter les produits. L’utilisation est simple : un clique sur la “carte produit” permet de retourner celle-ci et faire le choix de la quantité de thé à ajouter à son panier. Cela permet de simplifier les intéractions d’achat et facilite la mise au panier, à la fois sur la home et sur les pages catégories.
Maquette système de carte / fiche produit
aperçu des pages de produits
La création de ses cartes nous permettait d’avoir une structure pour communiquer les informations. Nous avons repris cette mise en page pour créer le buy block ou bloc d’achat dans la page produit. Nous avons pu mettre en avant les informations importantes du produit : Nom, type, provenance, description courte, conditionnement disponible, quantité, prix et bouton d’ajout au panier.
Maquette / Recherches pour la fiche produit
Le buy block reste épinglé lors du scrolling pour faciliter l’achat. Il est épinglé à droite pour permettre de faire défiler les photos, les informations complémentaires et détails du produit du bloc de gauche.
Évolution du buy block
Recherches pour la mise en valeur des caractériques du produit + description
Nous avons également changé nos modes de représentations. Nous avons joué sur les fonds et la transparence. Notre idée était d’avoir un trait plus enlevé, moins “vectorisé” pour créer des icônes “plus dessinées” comme à la main ou gravées.
Création d'icones pour les différentes types de thé / Inspiration théière du monde
Icônes de réassurance pour la home
Le grand enjeu de cette refonte était également les photos des produits. Nous avons fait le choix de changer la prise de vue pour un thé vue du dessus. Cela nous permettait de mieux calibrer les photos et d'avoir un rendu plus réaliste et détaillé du thé. Nous avons shooté nous-même l’intégralité du catalogue des Saisons du thé ainsi qu’une sélection de produits indispensable à la boutique en ligne.
Shooting du catalogue complet des Saisons du thé / Nouvelle prise de vue
Aperçu d'une fiche produit
Nous retrouvons également sur la page produit, des photos de mise en scène des thés dans la partie détails et parfois un petit texte complémentaire sur la provenance, la méthode de fabrication ou encore des suggestions d’infusion.
Aperçu de la fiche produit Yuzucha + description & photo du produit