Boomsy & Pétille : deux sites, un même lieu et un projet web 360°

3 500 m², cinq pratiques sportives, un espace restauration panoramique et une ambition assez claire : créer à Saint-Malo un lieu où l’on vient autant pour bouger que pour passer du temps ensemble.

Sur le papier, Boomsy et Pétille nous offraient déjà un sacré terrain de jeu : une architecture forte, deux univers à faire cohabiter et un projet digital à construire presque intégralement.

De la stratégie à la conception, du SEO au développement, jusqu’à l’hébergement et la maintenance, retour sur un projet local comme on les aime chez Cobalt.

Un lieu, mais deux expériences à raconter

Padel, squash, badminton, pickleball, escalade d’un côté. Bar, restaurant et moments de convivialité de l’autre.

Le complexe a été imaginé comme un lieu de vie global. Sur le web, nous avons pourtant rapidement fait un choix différent : séparer les deux univers pour mieux les valoriser.

Boomsy dispose donc de son propre site consacré à l’expérience sportive. Pétille possède le sien pour développer l’univers bar-restauration.

Ce choix répondait d’abord à une logique utilisateur. Quelqu’un qui cherche un terrain de padel à Saint-Malo n’a pas la même intention que quelqu’un qui cherche une adresse pour déjeuner, bruncher ou boire un verre.

Il répondait aussi à un enjeu de visibilité. Deux sites permettent de construire deux territoires éditoriaux beaucoup plus lisibles, avec leurs propres pages, leurs contenus et leurs requêtes cibles.

Deux marques suffisamment fortes pour exister seules, mais une expérience qui reste liée une fois sur place.

Avant d’entrer sur le terrain, définir la stratégie

Le projet ne pouvait pas commencer directement dans Figma.

Nous avons d’abord travaillé sur les besoins, les cibles et les parcours. Les sites devaient répondre à plusieurs attentes fortes :

• accompagner le lancement du lieu ;
• installer sa notoriété locale ;
• présenter des activités encore nouvelles pour certaines audiences ;
• et générer des réservations (bien évidemment).

À cela s’ajoutait un enjeu important de référencement naturel. Des recherches comme « padel Saint-Malo » ou « escalade Saint-Malo » représentent des intentions particulièrement intéressantes : derrière la requête, il y a souvent quelqu’un qui cherche concrètement où pratiquer.

Il fallait donc construire l’arborescence et les contenus autour de ces usages, plutôt que simplement reproduire l’organisation interne du complexe.

C’est un point auquel nous tenons chez Cobalt : un site ne doit pas seulement raconter l’entreprise telle qu’elle se voit. Il doit aussi répondre à la manière dont ses futurs clients la cherchent.

Cette réflexion a guidé la structure des deux sites, leur rédaction et le travail SEO, mais elle prend aujourd’hui une dimension supplémentaire avec l’évolution de la recherche. Un contenu bien structuré doit pouvoir être trouvé dans Google, mais également être suffisamment explicite et contextualisé pour être compris et potentiellement cité par les moteurs de réponse et les IA génératives.

SEO et GEO ont donc été intégrés à la conception, plutôt qu’ajoutés comme une couche après la mise en ligne.

Faire vivre l’architecture jusque dans l’écran

Il y avait aussi un beau défi graphique dans ce projet.

Le lieu physique possède une identité architecturale forte, imaginée par l’incontournable cabinet Wunder. Il aurait été dommage de créer deux sites parfaitement fonctionnels… mais sans rapport avec l’expérience vécue sur place.

Nous avons donc travaillé à prolonger cet univers sur le web. Couleurs, typographies, espaces, photographies, rythme des pages, animations : l’objectif n’était pas de reproduire littéralement le bâtiment dans un navigateur, mais d’en retrouver l’énergie et la personnalité.

C’est particulièrement important sur ce type de projet. Avant même de réserver un terrain ou une table, le site constitue déjà une première visite du lieu.

Le design devait donc donner envie sans gêner l’usage. Les animations accompagnent la lecture, les compositions donnent du rythme aux contenus et l’identité graphique différencie clairement Boomsy et Pétille tout en conservant une cohérence entre les deux univers.

Un design fort, oui. Mais jamais au détriment de la navigation, des performances ou de la compréhension.

🔗 À lire aussi : Webdesign premium : quand le design devient un levier, pas une décoration

Deux sites, mais une architecture technique qui joue collectif

Côté développement, nous avions une problématique intéressante : les deux sites devaient posséder leur propre identité tout en partageant un certain nombre de besoins et de mécaniques.

Plutôt que de développer deux projets complètement indépendants, nous avons donc conçu une architecture commune basée sur une bibliothèque de blocs réutilisables.

Concrètement, certains composants et certaines structures peuvent être exploités sur les deux sites puis adaptés à leur univers respectif.

Un bloc développé pour Boomsy peut ainsi constituer la base d’un besoin similaire sur Pétille, sans repartir de zéro et sans imposer pour autant exactement la même interface.

C’est l’intérêt d’une approche modulaire : mutualiser ce qui mérite de l’être sans standardiser ce qui doit rester singulier.

Pour le client, cette architecture est smart côté budget, et facilite aussi les évolutions futures. Une nouvelle page, une nouvelle offre ou un nouveau besoin peuvent s’appuyer sur une bibliothèque déjà éprouvée.

Le sur-mesure ne consiste pas forcément à réinventer chaque ligne de code. Il consiste aussi à construire intelligemment ce qui pourra être réutilisé.

Et après la mise en ligne ?

C’est une partie moins visible du projet, mais elle compte beaucoup. Notre intervention ne s’est pas arrêtée au bouton « publier ».

Cobalt assure également l’hébergement, la maintenance et la supervision continue des deux sites. Nous suivons leur fonctionnement, leurs performances et leurs évolutions afin que l’outil reste fiable dans le temps et grandisse avec la marque.

Parce qu’un site qui accompagne un lieu vivant doit lui aussi pouvoir évoluer. Les activités changent, les offres se précisent, de nouveaux contenus apparaissent et les usages réels permettent d’identifier de nouvelles améliorations.

À retenir : La mise en ligne n’est pas la fin du projet. C’est le moment où le site commence réellement à être utilisé.

🔗 À lire aussi : Site web clé en main : le vrai sujet n’est pas la livraison, mais ce qu’il reste après

63 000 visites plus tard

Le meilleur moyen de juger les choix réalisés reste encore de regarder ce qu’il se passe après. À ce petit jeu, les chiffres parlent souvent plus que les suppositions.

Sur les 6 derniers mois :

• les deux sites cumulent plus de 63 000 visites ;
• dont environ 50 000 pour Boomsy ;
• et 13 000 pour Pétille.

Ils totalisent également 87 000 pages vues, plus de 250 prises de contact, demandes de devis ou autres demandes entrantes, auxquelles viennent s’ajouter plusieurs centaines de réservations.

L’autre indicateur qui nous intéresse particulièrement concerne la visibilité locale. Boomsy s’est vite positionnée comme un leader sur des recherches liées au padel et à l’escalade à Saint-Malo, et le site ressort également dans les nouveaux environnements de recherche générative sur ces sujets.

Pas mal pour un lieu qui n’existait pas encore quelques mois auparavant. ;)

Ces résultats ne viennent évidemment pas d’un ingrédient isolé. Ce n’est ni grâce au SEO, ni grâce au design, ni grâce à une prouesse technique particulière…

C’est justement l’addition des choix qui fait fonctionner l’ensemble : une architecture pensée autour des intentions de recherche, des contenus utiles, une identité forte, de bonnes performances, des parcours simples et une expérience cohérente jusqu’à la réservation.

Un projet comme on les aime

Boomsy et Pétille font partie de ces projets sur lesquels toute l’équipe Cobalt a pris beaucoup de plaisir à travailler.

Évidemment, le terrain était plutôt favorable : du sport, un lieu à Saint-Malo, une architecture forte et deux univers de marque avec beaucoup de potentiel. Mais ce qui a surtout rendu le projet intéressant, c’est la confiance accordée par les dirigeants tout au long de sa réalisation.

Nous avons eu de la place pour proposer, challenger certaines idées, en tester d’autres et apporter notre créativité aussi bien sur l’UX et le design que sur la conception technique des deux sites. Une liberté précieuse qui nous a permis d’accompagner le projet dans son ensemble : stratégie, SEO et GEO, arborescences, contenus, webdesign, développement sur mesure, hébergement, maintenance et supervision.

Boomsy et Pétille ont chacun leur identité, leurs objectifs et leur site, mais ils ont été pensés comme un même projet digital au service d’un lieu et d’une expérience globale.

Et si le projet nous donne en plus une bonne excuse pour aller vérifier régulièrement la qualité des terrains de padel, on considère que le cahier des charges est plutôt bien rempli ;-)

Vous avez un projet de création ou de refonte et cherchez un partenaire capable de vous accompagner de la stratégie à la mise en ligne ?

Parlons-en.