Aller au contenu

Behind Data : refonte web d'un cabinet de conseil en data

Behind Data accompagne les entreprises en analytics et business intelligence. Pour convaincre DSI et directeurs data, le site devait exprimer la rigueur du cabinet sans devenir trop technique.

Behind Data a fait appel à Gemeos, agence web pour les cabinets de conseil B2B, pour concevoir sa direction artistique, les interfaces UX/UI et l'intégration Webflow.

Page d’accueil Behind Data sur un ordinateur portable : « Réduisez vos coûts d’acquisition avec un tracking server-side »

Rendre l'expertise data accessible aux décideurs

Behind Data aide les entreprises à exploiter leurs données et à développer leurs capacités en analytics et business intelligence. Le cabinet s'adresse principalement à des responsables de la donnée et de l'informatique qui attendent de la précision, des expertises explicites et des preuves de fiabilité. Son ancien univers digital devait évoluer vers une présentation moins froide, sans perdre la crédibilité attendue d'un cabinet spécialisé.

Gemeos a construit une direction artistique basée sur la clarté et la profondeur, puis conçu des parcours UX/UI valorisant les expertises et les cas d'usage. Les maquettes ont été intégrées sous Webflow avec des composants réutilisables et un CMS pour les contenus du cabinet. L'ensemble rend plus facile la découverte des services et la prise de contact.

Services
DA
Intégration
UX/UI Design
Trois maquettes de page d’accueil Behind Data : « Arretez de perdre de l’argent en publicite » et chiffres clés

Direction Artistique : La data, rendue désirable

Le secteur du conseil en data souffre souvent d’une communication froide et technique. Behind Data voulait se démarquer avec une identité visuelle forte, moderne et convaincante, capable de rassurer les grands comptes tout en suscitant de la curiosité. Gemeos a construit une direction artistique autour de la clarté, de la profondeur et de la précision.

ÉlémentParti pris
PaletteTons sombres et élégants (marine, anthracite) avec des accents lumineux pour mettre en valeur les visualisations de données, équilibre entre expertise et accessibilité
TypographieSerif élégant pour les titres (crédibilité, expertise) associé à un sans-serif lisible pour le corps, un choix inhabituel dans le secteur tech qui renforce la différenciation
ImagerieVisualisations de données stylisées, graphiques épurés et visuels abstraits évoquant la complexité maîtrisée de la donnée
Ton visuelConsultatif et premium, le cabinet s’adresse à des décideurs qui ont besoin de confiance avant tout
  • Titre du site Behind Data « Réduisez vos coûts d'acquisition avec un tracking server-side performant », le mot tracking surligné en pêche, sur fond lavande
  • Palette de Behind Data : nuit #292430, pêche #FD9676, lavande #999CFF, indigo #4C50B4 et sable #E7E0DA
  1. Clean & Direct

    Un design blanc et structuré qui va droit au but. Le hero joue sur un mot-clé surligné en orange pour capter l'attention immédiatement, avec une photographie humaine en appui. Les chiffres clés sont mis en avant dans un bandeau sombre contrasté qui rompt le rythme et installe la crédibilité. Les sections services adoptent une grille claire avec listes détaillées. Une direction professionnelle et directe, pensée pour des agences qui veulent comprendre vite ce que Behind Data peut faire pour elles.

  2. Immersif & Humain

    Le hero plein écran avec photographie d'équipe en situation crée une connexion immédiate et authentique. La typographie bold en blanc sur image impose le message sans détour. Les sections suivantes reviennent sur fond blanc avec une mise en page aérée, alternant preuve sociale, chiffres et services en accordéon. Une direction plus chaleureuse et relationnelle qui met l'accent sur la confiance et la proximité avec les clients.

  3. Dark & Tech

    Un univers sombre et contrasté qui repositionne Behind Data comme un acteur tech premium. Le fond bleu nuit est ponctué d'un bloc dégradé bleu-violet pour les chiffres clés, créant un effet visuel fort. La typographie extra-bold en capitales dans le hero est percutante et mémorable. Les sections services adoptent un style dashboard sombre avec accents colorés. Cette direction affirme une identité data-driven assumée, qui parle aux profils analytiques et exigeants.

Maquette de page d’accueil Behind Data : titre « Arretez de perdre de l’argent en publicite », logos et chiffres clés
Concept 1
Maquettes desktop et mobile du site Behind Data dans Figma sur un laptop : « Réduisez vos coûts d’acquisition »

UX/UI Design : Convaincre les décideurs data

Le site de Behind Data s’adresse principalement à des DSI, CDO et directeurs analytiques. L’UX/UI a été pensée pour ce public exigeant : navigation intuitive, hiérarchie d’information claire et mise en avant des expertises métier du cabinet.

Positionnement expert dès l’accueil

Hero section affirmant le positionnement unique de Behind Data : pas un généraliste, mais un expert de la donnée au service de la performance business. Chiffres clés et domaines d’expertise visibles en un coup d’œil.

Architecture des offres

Organisation claire des services par domaine (analytics, BI, data engineering, formation) avec des pages dédiées pour chaque expertise. Structure pensée pour le référencement et la lisibilité des prospects.

Preuves & réassurance

Cas clients anonymisés par secteur, témoignages de dirigeants et logos références intégrés pour bâtir la confiance avant la prise de contact.

Responsive & lisibilité

Design optimisé pour une lecture confortable sur tous les supports, avec une typographie et un espacement travaillés pour des contenus riches et denses.

  • Section FAQ de Behind Data « Toutes les réponses à vos interrogations » sur fond sombre texturé, la première question ouverte sur le délai d'intervention
Laptop affichant la section « Nos services adaptés à vos enjeux » du site Behind Data, une main pointe l’écran

Intégration Webflow : Un cabinet d’experts, un site d’experts

L’intégration Webflow de Behind Data a suivi les mêmes standards de rigueur que ceux attendus par les clients du cabinet : code propre, performances optimales et autonomie totale pour les équipes internes.

LivrableDétail
Intégration fidèleRespect total des maquettes Figma, du moindre pixel aux micro-détails typographiques
CMS WebflowGestion autonome des études de cas, articles et pages services, sans compétences techniques requises
Animations & interactionsEffets au scroll discrets et élégants, en accord avec le positionnement haut de gamme du cabinet
PerformanceOptimisation des temps de chargement et des Core Web Vitals pour une expérience fluide et un référencement renforcé
  • Schéma du tracking server-side de Behind Data : les données partent du téléphone, passent par le serveur et repartent vers Meta, Google Analytics et Google Ads

Nos dernières réalisations

+250 entreprises accompagnées

Des sites designés et développés avec

Voir tous les projets

Vous allez notre collaboration, c’est garanti

Prêt à faire décoller votre activité ?

demander un devis

Let’s f*****G GO !!