VaïaWeb Studio

Réalisation · Refonte en ligne

Le Vin en Soie : la même maison, une tout autre impression.

Refonte complète du site d’un négociant en vins itinérant : une direction bleu nuit plus éditoriale, une boutique repensée et un Atelier du carton pour composer trois bouteilles.

levinensoie.fr
Couverture du portfolio Le Vin en Soie : captures réelles de la version ordinateur et mobile

Le projet

Réorganiser, sans effacer la personnalité.

  1. 01

    Contexte

    Yann Maes sélectionne ses vins auprès des domaines puis les propose sur les marchés et en ligne. Son site associe récit du négociant et boutique WooCommerce.

  2. 02

    Le besoin

    Cuvées, domaines, marchés et parcours de Yann étaient présents, mais dispersés. La refonte devait clarifier la navigation et simplifier la commande sans effacer la personnalité du projet.

  3. 03

    Mon intervention

    Direction artistique · UX/UI · Développement WordPress et WooCommerce

    Une direction éditoriale bleu nuit, une navigation plus courte, Yann mis en avant et un Atelier du carton pour composer librement sa sélection.

Avant / après

Mêmes contenus, même maison.

À gauche, l’ancien site. À droite, la refonte, aujourd’hui en ligne. Déplacez le curseur, ou utilisez les flèches du clavier.

Après — Accueil : refonte en ligne
Avant — Accueil : ancien site
AVANT · ancien site APRÈS · refonte en ligne

Accueil. Une promesse lisible — « Des vins de caractère, choisis avec cœur » — et la commande par carton annoncée dès le premier écran.

Un module créé pour le projet

L’Atelier du carton : panacher en ligne, comme au marché.

Sur un marché, on ne remplit pas un panier : on discute, on hésite, on panache. L’Atelier du carton transpose ce geste en ligne.

Le visiteur voit un carton de trois emplacements. Il filtre par famille — blancs, rouges, rosés, bulles —, ajoute une bouteille d’un geste, et le carton se remplit sous ses yeux. Trois fois la même cuvée ou trois vins différents : le panachage est libre. Cette fonctionnalité n’existait pas sur l’ancien site.

  • Carton visuel de trois emplacements
  • Filtres par famille de vins
  • Ajout en un geste, sur ordinateur comme sur téléphone
  • Relié au catalogue et au panier WooCommerce
Atelier du carton
Atelier du carton sur le site du Vin en Soie : carton de trois bouteilles à composer et liste de vins filtrable
L’Atelier du carton, en ligne sur levinensoie.fr.

Les choix

Quatre décisions, et pourquoi.

  • Le ton d’une carte des vins

    Grands titres à empattements, fond bleu nuit, photographies mises en scène : une maison de caractère doit le paraître dès le premier écran.

  • Une navigation resserrée

    Yann, les cuvées, composer, les domaines, les marchés. Cinq entrées qui répondent à ce que l’on vient chercher, et la boutique toujours accessible.

  • L’humain au premier plan

    On achète à Yann parce qu’on lui fait confiance. Son parcours et sa façon de choisir sont montrés, pas relégués en bas de page.

  • Un catalogue tenu à jour

    La sélection de l’accueil et l’Atelier lisent le catalogue WooCommerce : photos, prix et disponibilités se gèrent à un seul endroit.

Livré

Ce qui a été livré, et ce que le site permet.

Livrables

  • Refonte complète du thème WordPress
  • Direction artistique bleu nuit, typographie éditoriale
  • Navigation resserrée : Yann, les cuvées, composer, les domaines, les marchés
  • Page « Yann » consacrée au parcours du négociant
  • Boutique WooCommerce repensée : cartes produits homogènes, tri
  • Atelier du carton : composer trois bouteilles, panachage libre
  • Sélection de l’accueil reliée au catalogue WooCommerce

Outils WordPress · WooCommerce · JavaScript

En ligne

La refonte est en ligne sur levinensoie.fr : chaque élément décrit ici y est consultable. Les captures « avant » montrent l’ancien site, tel qu’il était avant le projet.

levinensoie.fr (nouvel onglet)

Ce que le site permet

Découvrir le négociant et ses domaines, composer un carton de trois bouteilles en panachage libre, puis commander en ligne.

Votre site ne vous ressemble plus ? Parlons de sa refonte.

Dites-moi ce qui ne va plus et ce que vous voulez garder. Une refonte réussie part toujours de ce qui fait votre valeur.