Création d’une boutique Shopify et refonte du site Château La Fon du Berger

Secteur
Type de projet
Accompagnement UX designDéveloppement CMSPrototypage UI design

Projet

Contexte
Objectifs

Migrer et refondre le site lafonduberger.com sur Shopify :

  • mettre le contenu à jour : présentation de la propriété, de son histoire et de ses valeurs, des produits et de la nouvelle offre oenotouristique (visite, dégustation, séjour dans les gîtes du domaine)
  • donner la possibilité au client d’être autonome dans la mise à jour du contenu et des produits
  • centraliser les demandes de contact liées au château : création et redirection d’adresses mail
  • retravailler l’identité graphique du site

Créer la boutique en ligne :

  • ouvrir la propriété aux achats en ligne sur différents types de produits : bouteilles, accessoires…
  • faciliter les commandes internationales

Ma contribution

Besoins identifiés
Méthodologie et livrables
  • Estimation de charges
  • Élaboration d’une méthodologie UX Design
  • Définition des besoins et des problématiques avec le client
  • Préconisations d’hébergeurs
  • Aide au paramétrage des moyens de paiement (Paypal)
  • Définition de la liste de mots clés
  • Création d’un plan de redirection des URLs
  • Rédaction de méta-descriptions

Représenter au mieux le Château et le terroir

  • Veille graphique, moodboards
  • Choix d’une ligne directrice en accord avec la charte des étiquettes

Déterminer les informations et les organiser

  • Arborescence du site.
  • Aide à la rédaction des textes et des pages juridiques obligatoires : politiques commerciales et mentions légales.

Communiquer par l’image

  • Shooting photo du domaine et post-traitement des images.

Donner envie d’en apprendre plus sur le Château dès l’accueil et de naviguer sur le reste du site

  • Penser l’accueil comme un point d’entrée vers le reste des pages principales.
  • Proposer des moyens de contact alternatifs comme l’affichage des prochains événements auxquels participera le château.
  • Utiliser les photographies pour plonger l’utilisateur dans l’ambiance du terroir, dans une promenade au milieu des rangées de vignes.

Trouver facilement les informations en fonction de ses besoins

  • Revoir l’arborescence pour simplifier la prise de décision : équilibrer sa largeur et sa profondeur, choisir des intitulés clairs.
  • Proposer des raccourcis pour accéder à des sous-entrées plus profondes dans l’architecture du site.
  • Donner envie de découvrir plus d’informations grâce à l’aperçu du méga-menu.

Imaginer les pages des nouveaux services

  • Détailler les offres de services annexes : oenotourisme avec la présentation de la location de gîtes, agricole avec la vente de bétail…
  • Donner les informations pratiques.
  • Inviter à prendre contact ou rediriger vers les services tierces de réservation.

Mettre en valeur le produit et faciliter l’achat

  • Apporter de la précision dans les informations : afficher des descriptions des vins différentes en fonction des millésimes grâce à du contenu dynamique.
  • Diminuer la surcharge cognitive : cacher les informations secondaires avec des onglets déroulants.
  • Être transparent sur les modalités de livraison.

Préconisations techniques

  • Benchmark de CMSs.
  • Benchmark de thèmes Shopify et sélection.
  • Paramétrage et tests du site Shopify.

Création et paramétrage de la boutique

  • Création des produits, catégories et variantes.
  • Paramétrage des moyens de paiement, options de livraison, gestions des marchés (France, EU, international).
  • Version internationale : traduction anglaise du site, des contenus et des médias.

Accessibilité et performance

  • Rédaction des balises alt des médias.
  • Travail sur les contrastes.
  • Ajout d’un plan du site.
  • Export allégé et compression des images.
  • Tests de bout en bout sur mobile, tablette et desktop.
  • Rédaction d’un guide d’administration du site (scribehow) pour faciliter l’ajout de contenu et le paramétrage du backoffice Shopify.
  • Méthode Agile : planification, itérations, réunions et validations récurrentes avec le client.

Résultats

Retombées et apprentissages

“Je suis vraiment très satisfait du rendu du site internet, qui correspond tout à fait à nos attentes. »

Guillaume Bougès – Château La Fon du Berger et Vignobles Bougès

Témoignage

« Nous avons reçu des compliments de nos clients, ainsi qu’une bien meilleure image et visibilité numérique.

L’accompagnement a été très professionnel, avec de nombreux points d’étape permettant d’avancer de manière organisée sur le projet. Les échanges ont toujours été faciles, réactifs et pédagogiques.” – Guillaume Bougès,  Château La Fon du Berger et Vignobles Bougès

Résultats après la mise en ligne

  • 5 nouveaux contacts professionnels obtenus via le site.
  • 2 nouveaux partenariats commerciaux conclus avec des cavistes.
  • 3 922 € de chiffre d’affaires généré durant la première année.
  • Renforcement de l’image de marque et de la présence numérique.

Retour d’expérience et particularités du projet

  • Le projet le plus complet et polyvalent en terme de compétence réalisé jusqu’ici.
  • Développement Shopify : maîtriser l’environnement et les mécanismes du CMS.
  • Partage de tâches : travailler en duo avec un autre freelance qui s’est occupé de tâches techniques comme le benchmark des CMS de e-commerce, la migration de l’hébergement, création des adresses emails professionnelles, etc.
  • Gestion de planning : apprendre à encadrer et superviser les tâches données au client (rappel des deadlines, des implications…).