
Relifting graphique du portail web BENETEAU
Moderniser son image sans refonte technique d’ampleur
- Type
- Design UX & UI
- Client
- BENETEAU
- Mise en ligne
- 2024
- Univers
- Industrie
Actualiser l’identité du Groupe
Le Groupe BENETEAU est un acteur mondialement reconnu dans l’industrie nautique. Il profitait depuis plusieurs années d’un site dédié au Groupe et ses activités mais celui-ci était vieillissant. Afin de le moderniser, de la simplifier et de l’accorder à son image de marque, nous avons donc accompagné le Groupe BENETEAU dans un relifting graphique de leur site vitrine, en particulier de leur page d’accueil.
Une approche spécifique au besoin client
Le choix du “simple” relifting graphique a été décidé car le Groupe restait en accord avec les contenus du site, l’enjeu était donc exclusivement graphique.
Ce n’est pas un type de prestation que nous avons l’habitude de proposer mais nous connaissions déjà le socle technique du site, sous WordPress, l’ayant en maintenance depuis plusieurs années.
Afin d’avancer de façon efficace, nous avons adopté une démarche agile, via un fonctionnement en lots. C’est-à-dire que nous faisions le webdesign de certains éléments et enchaînions avec leur développement avant de passer à d’autres. Plus exactement, nous débutions avec un atelier client puis il y a des échanges entre la partie design et la partie développement front-end pour savoir ce qu’il est possible de faire ou non, au vu du socle technique ou des blocs existants. Ensuite une proposition était faite aux clients, notamment par le biais de Mathieu, chef de projet, pour qu’ils valident et cela partait en développement.
Il y a eu 4 principaux ateliers avec les clients, chacun dédié à une partie du périmètre du projet :
- atelier 1 : la direction artistique,
- atelier 2 : le méga menu et les blocs flexibles,
- atelier 3 : d’autres blocs flexibles et les blocs détails des métiers,
- atelier 4 : la page plan du site et la page contact.
Un relifting graphique en 3 étapes
Le projet a débuté par une étude des possibilités et des contraintes techniques, pour guider la suite de la conception et des réflexions.
SEO
Nous avons ensuite produit un petit état des lieux SEO du site des clients. Cela nous a permis de guider la phase de webdesign, pour proposer quelques optimisations, dans la mesure du possible, pour le référencement du site du Groupe.
Webdesign
La refonte du site Groupe de BENETEAU n’a pas nécessité beaucoup de questionnements du point de vue de la conception : la plupart des types de blocs qui composent les pages n’avaient pas particulièrement besoin d’être réinterrogés. Arnaud, designer UX/UI, s’est alors principalement attardé sur la direction artistique et la déclinaison de celle-ci sur les différents éléments concernés par ce relifting. Son objectif : rendre le site plus immersif, plus sobre pour laisser plus de place aux photos et davantage valoriser la mer.
Il a proposé une nouvelle typographie, gratuite, permettant aussi d’alléger le site qui en utilisait deux jusqu’alors. La palette de couleurs a été enrichie afin de rappeler l’univers marin mais d’apporter aussi de la douceur. Il a également fourni des recommandations concernant le choix des photos qui seront intégrées au site pour que l’interface finale soit harmonieuse.
Il a pu prendre un peu plus de liberté pour la page d’accueil et proposer une nouvelle organisation des contenus, en mettant davantage en avant les articles.
Le menu de navigation secondaire, le footer, a lui aussi quelques ajustements, pour coller aux objectifs SEO et proposer une vue clarifiée sur les contenus du site.
Développement web
Le développement s’est fait petit à petit, par lot, comme en webdesign. La spécificité de ce projet était vraiment de s’adapter à un socle technique qui offrait peu de libertés et beaucoup de contraintes. Car, encore une fois, ce n’est pas nous qui avons développé le site. C’est Alexandre qui s’est occupé de la partie front-end et Aimerick de la partie back-end.
Il y a notamment eu un enjeu autour du lien fait avec les autres sites du groupe BENETEAU, en affichant, par exemple, des actualités externes.
« Le fait qu’on ait adopté une méthode agile a bien fonctionné. Et j’ai apprécié la confiance dans notre travail accordée par les clients. »


Une interface attractive, à l’image du Groupe
Ce relifting graphique s’est terminé en octobre 2024, après plusieurs mois de travail. Partant du socle technique d’origine, il a fallu beaucoup d’adaptations mais le résultat est là ! L’univers de BENETEAU ressort clairement et donne envie de naviguer entre les différentes pages.
« Malgré toutes ces contraintes techniques, on a réussi à faire quelque chose qui répond à la mission qu’on s’est donnée : un site sobre, plus immersif, avec une certaine modernité. »
Notre équipe sur ce projet

Chef de projet

Responsable développement back-end

UX / UI Designer

Développeur front-end
Nos expertises engagées sur ce projet