// CAS CLIENT · CORPORATE

Bagatelle

Visiter le site

Année2020

SecteurCorporate

défiler

2020

Année

Corporate

Secteur

// CONTEXTE

Une marque international, un site, une langue

Bagatelle est une marque internationale de restaurants et de beach clubs de luxe, héritée de l'esprit French Mediterranean et de la joie de vivre du Sud de la France. Une quinzaine d'adresses sur trois continents : New York, Saint-Tropez, Saint-Barth, Londres, Miami, Dubaï, Courchevel, Mykonos, Bahrain, Tulum, São Paulo, Los Cabos, Bodrum. La marque réunit gastronomie soignée, ambiance festive et univers visuel haut de gamme dans des destinations où la concurrence se joue à la nuance.

Le site répond à cette géographie. Une plateforme unique, en anglais, qui couvre l'ensemble des adresses du monde et qui doit parler d'une seule voix à une clientèle qui réserve à Saint-Tropez en juillet et à Courchevel en février. Chaque adresse a son contexte, sa carte, ses horaires, son atmosphère, et toutes doivent cohabiter dans le même dispositif sans diluer la marque ni la fragmenter en autant de mini-sites.

Au démarrage du projet, Bagatelle a confié la refonte de son site web international avec deux exigences serrées : une architecture WordPress qui tienne la charge d'une marque multi-localisations sans l'éclater en multisite, et un chantier d'accessibilité au niveau d'une clientèle internationale exigeante. Notre mission a couvert le développement front-end et l'ensemble du WordPress sur la refonte initiale. La collaboration se prolonge depuis sur les évolutions, qui incluent désormais aussi la création graphique UX / UI des nouvelles fonctionnalités et adresses.

// 003 · galerie

03GALERIE PROJET

Captures du projet galerie.

04VISUELS

Accueil de la marque

Page adresse, fiche restaurant

Page beach club, ambiance saison

Navigation entre destinations

01 / 04

// SOLUTION

Architecture WordPress, multi-localisations dans un site unique

On a choisi de tenir l'ensemble des adresses dans un seul WordPress, pas dans un multisite. Le multisite aurait coupé la marque en autant d'instances séparées, avec leurs back-offices, leurs mises à jour, leurs divergences de plugins. La maintenance et la cohérence de marque y auraient laissé des plumes à chaque nouvelle ville. Une architecture multi-localisations dans un seul site garde la charte, la grille de templates et la mécanique éditoriale au même endroit, et permet de pousser une évolution d'un coup sur toutes les adresses.

Côté front-end, le développement a été pensé pour porter un univers visuel haut de gamme sans l'alourdir. La grille de templates couvre l'accueil de la marque, les pages d'adresse, les pages éditoriales et les déclinaisons de saison. L'anglais est la seule langue affichée : le site joue le rôle d'une vitrine internationale unifiée, là où les chaînes de luxe glissent souvent vers des sites pays qui se contredisent. Cette décision linguistique a guidé la structure de navigation entre les destinations.

L'accessibilité a été un chantier majeur du projet, conduit en parallèle du dev. Une marque qui s'adresse à une clientèle internationale exigeante doit fonctionner pour des visiteurs qui naviguent au clavier, avec un lecteur d'écran, avec un contraste augmenté, avec une connexion variable. On a repris la structure sémantique, les contrastes, la hiérarchie des titres, les alternatives textuelles, le focus visible et le comportement clavier sur les composants interactifs. L'accessibilité ne s'est pas posée comme un complément en fin de livrable ; elle a tenu la main au front pendant tout le projet.

La refonte s'est livrée en 2020 et continue d'évoluer. La TMA prend le relais sur les correctifs, l'infogérance et l'intégration des nouvelles ouvertures, et la collaboration s'est étendue à la création graphique UX / UI des nouvelles fonctionnalités et adresses. Une chaîne internationale qui ouvre, qui ferme et qui décline son offre par saison a besoin d'un site qui suit ce rythme sans casser les briques précédentes.

09PROJETS LIÉS