Refonte du site vitrine de Bordeaux City Bond : de l’étude d'avant-projet au développement intégral

Réalisé en alternance pour l'entreprise Bordeaux City Bond
UX / UI design
Développement WordPress
Graphic design
Motion design
Outils et technologies utilisés
logo Figmalogo Illustratorlogo Photoshoplogo Premiere Prologo After Effectlogo WordPresslogo Oxygen
  • page d'accueil du nouveau site de Bordeaux City Bond
  • page "nos services" du nouveau site
  • page "nos solutions de stockage" du nouveau site
  • page "nos fondements" du nouveau site

Le projet

Bordeaux City Bond est une entreprise créée à l'initiative de la Chambre de Commerce et d'Industrie de Bordeaux Gironde, et spécialisée dans l’entreposage et l’exportation de vins fins et spiritueux. Elle se distingue par son expertise en matière de conservation des grands crus classés, sa maîtrise des régimes fiscaux et douaniers spécifiques, et sa capacité à offrir des solutions fiables, neutres et confidentielles à ses clients professionnels, qu’ils soient restaurateurs, cavistes ou importateurs français ou internationaux. L'entreprise a également permis, de part son implication directe auprès des institutions et des grands acteurs économiques français, de faire évoluer la règlementation douanière.
Bordeaux City Bond projettait de repenser complètement l’interface utilisateur de son site internet en proposant une expérience nouvelle qui reflèterait davantage son positionnement.
Visiter le site

Objectifs de la refonte

Rafraîchir l'image de marque de l'entreprise pour refléter son positionnement haut de gamme en proposant une nouvelle direction artistique, plus épurée et originale vis-à-vis du secteur d’activité, tout en restant fidèle à l’identité de la marque.
Renforcer la confiance des utilisateurs envers les services proposés en mettant en avant le côté humain du fonctionnement de l’entreprise à travers le wording et les illustrations utilisées.
Faciliter le contact des utilisateurs avec l'entreprise tout en préservant sa confidentialité. Cela va passer notamment par la mise en avant d’un e-mail et d’un formulaire de contact vers lequel l’utilisateur sera orienté.
Optimiser le site pour le SEO afin de générer davantage de trafic organique et d’attirer une audience ciblée.

Grandes étapes du projet

1. 
Étude d'avant-projet : analyse et définition des besoins
Analyse de l’ancien site pour identifier ses points faibles (navigation complexe, absence de stratégie SEO, design obsolète et absence d'ergonomie).
Mise en place d'une grille de questionnements pour reccueillir les besoins du client et permettre l'élaboration du cahier des charges ainsi que des stratégies à adpoter.
Étude du public cible via des personas (Cheng Xian, restaurateur en Chine, et Louis Dubois, caviste à Bordeaux) pour cerner leurs besoins et leurs comportements en ligne.
Définition des priorités et des objectifs tels que la simplification de l’arborescence, le renforcement du message clé et l'optimisation de l’expérience utilisateur.
2. 
Analyse concurrentielle et veille graphique
Étude des forces et faiblesses d'un site concurrent à travers : le parcours de navigation, l'UX/UI, le public cible, l'ambiance graphique et l'analyse de l’écosystème de réseaux sociaux.
Création du moodboard pour définir l'ambiance graphique du nouveau site.
3. 
Conception et direction artistique
Définition du parcours de navigation de l'utilisateur (flow chart / user flow) et de l’arborescence du site : réduction des éléments de navigation principale pour passer de 9 à 5 onglets, avec des sous-menus structurés pour une hiérarchie claire. L'objectif est de mettre en avant plus clairement les points différençiants.
Création d’une nouvelle identité visuelle adaptée aux valeurs de Bordeaux City Bond, en jouant sur un design épuré et élégant reflétant l’univers haut de gamme du vin.
Maquettage responsive du site : création du zoning sur papier puis réalisation des wireframes et des maquettes graphiques prototypées sur Figma pour version mobile et desktop.
4. 
Stratégie de contenu
Adaptation du discours des pages clés pour mettre en avant les points différenciants de l’entreprise (positionnement) : expertise fiscale et douanière, conservation premium des vins, équipe de confiance proche de sa clientèle et experte dans son domaine.
Adaptation du ton de la communication et des illustrations pour mettre davantage en avant le côté humain dans les processus logistiques.
Rédaction d'articles stratégiques pour améliorer le SEO et engager les visiteurs sur des thématiques liées au secteur (présence dans les médias, tendances vinicoles, événements comme Vinexpo Paris / Asia ou le Ban des Vendanges).
Fonctionnalité multilingue : traduction intégrale et fiable du site en anglais pour toucher un public international.
5. 
Développement et intégration
Développement du site sur un nouvel environnement et intégration des pages à partir des maquettes graphiques sous le CMS WordPress et le constructeur de pages Oxygen, qui permet une grande flexibilité.
Implémentation des bonnes pratiques techniques en matière de SEO : temps de chargement optimisé, gestion du poids des images, balisage HTML structuré, responsive design, optimisation pour l’accessibilité.
6. 
Optimisation et tests
Tests UX pour valider l’ergonomie et la fluidité de navigation.
Ajustements techniques et SEO avant le lancement : vérification des redirections, cohérence des balises, et mise en place des outils d’analyse (Google Analytics, Search Console).

L'ancien site en images

page page
Ancien site
Nouveau site
Mentions légales
Copyright © 2025 Martin Petit. Tous droits réservés.