Bleu & Associés

Bleu & Associés, du bouche-à-oreille à une marque d'entreprise

Bleu & Associés conçoit et fabrique des espaces de jeu sur mesure depuis 25 ans. Ses clients sont des centres commerciaux, des aéroports, des parcs d'attractions, des hôtels, des restaurants, des aires d'autoroute et des collectivités. L'entreprise reste familiale, fabrique en France et respecte la norme EN 1176.

Jusqu'ici, ses projets arrivaient par recommandation. Le site devait prendre le relais auprès de décideurs qui ne connaissent pas encore l'équipe : maîtres d'ouvrage, architectes, directeurs de centres commerciaux, élus. Nous avons pris en charge l'identité de marque et le site web, de la stratégie à la mise en ligne.

Le contexte et les enjeux

Le brief tenait en une idée : passer d'une image de spécialiste du jeu pour enfants à celle d'un acteur premium du design actif et familial, sans perdre ce qui fait la valeur de B&A, le sur-mesure et la sécurité. Quatre objectifs ont guidé le projet.

• Générer des demandes qualifiées auprès des collectivités, des architectes et paysagistes, de l'hôtellerie, des transports et du retail.
• Rassurer lors des appels d'offres, avec un site qui sert de preuve.
• Se distinguer des fournisseurs de catalogue en affirmant le conseil, le storytelling et l'accompagnement de A à Z.
• Garder une marque cohérente sur le web, l'imprimé, les salons et les présentations commerciales.

Le concept Playable, né à Bristol, devait aussi trouver sa place comme signature de la marque, sans devenir une marque parallèle.

Un cadrage en deux temps avant la première maquette

Le kickoff et les ateliers de cadrage

Le projet a démarré le 13 novembre 2025 avec la direction et l'équipe de B&A. Un second atelier de cadrage a suivi le 4 décembre 2025. Nous en avons tiré une synthèse éditoriale qui fixe les personas, les messages clés par secteur, le ton, l'arborescence, la structure de chaque page et la stratégie SEO.

Plusieurs profils de décideurs ont été définis, des architectes et paysagistes aux exploitants d'aires d'autoroute, en passant par les collectivités et l'hôtellerie. Chacun a ses questions, ses contraintes et son vocabulaire, et chaque page répond à l'un d'eux. Le ton reste celui d'un bureau d'études : vouvoiement, phrases courtes, émotion portée par les visuels plutôt que par le texte.

Une double entrée, par secteur et par expertise

L'arborescence validée le 4 décembre propose deux chemins. Le premier, « Vous êtes », part du secteur du visiteur : centre commercial, aéroport, parc d'attractions, hôtellerie, restauration, aire d'autoroute, ville et espaces publics. Le second part du savoir-faire : sur-mesure, clé en main, parcours client et storytelling, Playable, design actif. Un directeur de centre commercial et un architecte paysagiste n'arrivent pas avec la même question, et le site les traite comme deux visiteurs distincts.

L'analyse de la Search Console a confirmé ce besoin. Les recherches qui menaient déjà vers B&A venaient surtout de parents, avec des requêtes comme « garderie Créteil » ou « espace enfant aéroport ». La cible professionnelle y était très peu représentée.

Une identité reconstruite autour du cube

La charte graphique a été présentée le 4 décembre 2025. Le bleu Klein devient la couleur signature, accompagné de sable et d'ivoire pour la chaleur et le confort de lecture.

L'orange, présent dans la première proposition, a été limité après les retours de la direction : l'association du bleu et de l'orange paraissait trop vive pour un bureau d'études. Nous avons retenu des tons de bleu, en monochrome ou en duo.

Le logo repose sur un cube en espace négatif. Il évoque la solidité d'un bureau d'études et l'objet que l'on prend en main, ce qui en fait aussi une mascotte. Trois déclinaisons ont été validées : horizontale pour les documents, carrée pour le menu et les réseaux, icône seule pour le favicon. Nous avons ensuite animé le logo, avec le tracé des lettres puis le remplissage des couleurs, en SVG et en GIF.

Un site Webflow bilingue construit sur des composants

De Figma à Webflow, avec des composants réutilisables

Chaque maquette Figma a été intégrée dans Webflow selon les conventions Client-First. Les blocs qui reviennent d'une page à l'autre (questions fréquentes, cartes d'étapes, témoignages, sliders d'images, listes d'activités) sont devenus des composants à propriétés. L'équipe de B&A peut modifier un texte ou une image sans toucher à la mise en page, et une nouvelle page sectorielle se monte en réutilisant ce qui existe.

Des pages par secteur et par expertise

Les pages sectorielles suivent un même gabarit : enjeux du métier, approche de B&A, réalisations du secteur filtrées automatiquement, expertises mobilisées, témoignages, brochure à télécharger et contact. Les pages d'expertise (sur-mesure, clé en main, parcours client et storytelling, Playable, design actif, pop-up play) suivent leur propre trame. Le catalogue Playable compte une page par produit, alimentée par le CMS.

Un portfolio qui sert de preuve

Le hub Réalisations propose des filtres par secteur et par type de projet. Chaque fiche présente le contexte, l'approche et le résultat, avec une galerie, un témoignage client et des projets similaires. Les cartes de la page d'accueil utilisent une image dédiée et affichent le nom du client, pour que la vitrine reste lisible d'un coup d'œil.

Des brochures et des formulaires reliés à l'équipe commerciale

Chaque secteur propose une brochure à télécharger depuis une modale de demande. Trois formulaires alimentent le suivi commercial : contact, demande de brochure et inscription par email. La notification des demandes est automatisée avec Make et envoyée sur la boîte de contact de B&A.

Des interactions sobres

Pour une cible de professionnels, les animations restent discrètes. Les sliders d'images défilent automatiquement, s'arrêtent à la demande et permettent d'agrandir chaque photo. Le défilement se met aussi en pause quand l'onglet n'est pas visible, et il respecte la préférence « réduire les animations » des visiteurs. Certains titres se remplissent au fil du scroll.

Un référencement pensé pour deux langues

L'anglais d'abord, un français retravaillé

La locale principale est l'anglais, avec une version française. Le vocabulaire du secteur (« sustainability », « inclusive design », « playable spaces ») est plus porteur en anglais, ce qui justifie ce choix pour la recherche internationale.

Pour le français, la traduction littérale ne suffisait pas : une grande partie des clients de B&A est française, et le ton d'un bureau d'études supporte mal les tournures calquées. Nous avons repris les titres page par page pour écrire un vrai copywriting, et le contenu des réalisations est saisi dans les deux locales.

Une stratégie SEO par intention de recherche

Les mots-clés ont été choisis par profil de décideur : « EN 1176 », « dwell time » et « retail experience » pour les foncières, « aire de jeux publique » et « PMR » pour les collectivités, « aire de repos » et « temps de pause » pour les aires d'autoroute, « passenger experience » pour les aéroports. Nous avons privilégié la longue traîne pour éviter la concurrence frontale des catalogues en ligne.

Le blog, volontairement absent de la barre de menu, sert d'abord le référencement et se nourrira du livre blanc de B&A. Chaque réalisation vise aussi une requête précise, avec le lieu, le type de projet et l'année.

Autonomie, domaine et mise en ligne

Plusieurs sessions de formation au CMS et au mode Build de Webflow ont permis à l'équipe de B&A de créer et de modifier seule ses réalisations, ses témoignages et ses brochures, en anglais d'abord, puis en français.

Le site est en ligne depuis le 30 octobre 2026, après le paramétrage du domaine chez OVH, juste avant le salon MAPIC.

Les premiers retours

L'équipe de B&A a présenté le nouveau site au MAPIC. Une semaine après la mise en ligne, une première entreprise avait déjà demandé plusieurs brochures depuis le site, et les demandes sont consignées dans un tableau de suivi partagé avec l'équipe.

L'accompagnement se poursuit chaque mois, avec le suivi du référencement et des ajustements. Les prochains chantiers sont les articles de blog tirés du livre blanc et le suivi des positions sur les requêtes sectorielles.

Un site qui parle à des décideurs très différents

Si votre site doit convaincre à la fois des élus, des architectes et des exploitants, la méthode reste la même : un cadrage par profil, une arborescence à double entrée et un CMS que votre équipe maîtrise. Découvrez notre approche de la création de site web ou parcourez nos autres réalisations, puis écrivez-nous pour fixer un premier échange.