Ajouter

Lorem ipsum

Lorem ipsum

Qualisocial × Gemeos

Qualisocial est l'acteur de référence de la santé mentale au travail en France, couvrant plus de 1 100 organisations et 1 million de collaborateurs. À l'occasion d'une refonte de marque, Gemeos a pris en charge la direction artistique, l'UI design, le développement Webflow et le SEO du nouveau site.

Refonte digitale pour le leader français de la santé mentale au travail

Qualisocial est la référence française de la santé mentale au travail : la plateforme couvre plus de 1 100 organisations et accompagne plus d'un million de collaborateurs. À l'occasion d'un repositionnement stratégique, passant d'un prestataire sectoriel à un acteur de transformation QVT, ils ont engagé une refonte complète de leur présence digitale.

Gemeos a piloté l'ensemble du projet : direction artistique alignée sur le nouveau positionnement, UI design orienté conversion multi-audience, développement Webflow avec une stack technique robuste, et stratégie SEO/GEO dès la phase de conception.

Industrie

Services

Direction Artistique

Design aligné sur un repositionnement stratégique fort

Le nouveau positionnement de Qualisocial — passant d'un prestataire sectoriel à un partenaire stratégique de la santé mentale — nécessitait une direction artistique à la hauteur. Gemeos a traduit cette ambition en un système visuel cohérent : [palette sobre centrée sur des bleus froids et des tons neutres], typographie sans-serif moderne à fort indice de lisibilité, gestion rigoureuse des espaces blancs pour dégager clarté et autorité. L'enjeu était d'incarner à la fois la rigueur d'un acteur institutionnel et la chaleur d'une marque centrée sur l'humain — un équilibre structurant dans le secteur de la santé mentale au travail.

UI Design

UI orientée conversion sur des parcours visiteurs multiples

Qualisocial s'adresse à des profils aux intentions de visite radicalement différentes : DRH de grands groupes, responsables QVCT, mutuelles et collectivités. L'architecture UI a été conçue pour servir ces parcours sans les confondre. La navigation principale expose six offres de solutions accessibles en deux clics, tandis que la hiérarchie des pages articule clairement les niveaux de prévention (primaire, secondaire, tertiaire). Des modules de preuve sociale — témoignages grands comptes (Allianz France, SNCF Réseau, Groupama), chiffres d'impact — ont été positionnés aux points de friction pour appuyer la décision. La homepage intègre un calculateur d'impact sur-mesure : chaque DRH peut estimer en temps réel le coût annuel d'une mauvaise santé mentale au sein de son organisation, transformant la proposition de valeur en argument financier directement actionnable.

Dev Webflow

Développement Webflow sans compromis sur la performance

L'intégration Webflow de Qualisocial a mobilisé un ensemble de solutions techniques sur-mesure pour répondre à la complexité fonctionnelle du projet. La structure repose sur un CMS multi-collections (blog, guides, formations, témoignages) avec injection de contenu dynamique via Finsweet fs-inject (CDN) pour afficher du contenu dans des zones non natives de Webflow — incluant la résolution d'un bug de double instance (fs-inject-instance). Un calculateur JavaScript sur-mesure a été développé pour la page handicap/inclusion emploi : range slider entièrement personnalisé avec paramètres configurables directement en attributs HTML (range-slider-values, range-slider-initial-value), sans dépendance externe lourde. Les formulaires HubSpot ont été intégrés par embed direct dans les pages pour préserver le tracking et la segmentation CRM, sans page de redirection dédiée. La gestion des interactions visuelles (slider témoignages via Splide.js, lecture vidéo via FlowPlay) a été assurée avec résolution d'un conflit de double appel entre settings projet et settings page. Les scripts analytics (GTM, GA4, LinkedIn Tag) ont été déployés via le head manager natif Webflow.

Composant techniqueSolution retenueUsage
CMS dynamiqueWebflow CMS natif (multi-collections)Blog, guides, formations, témoignages
Injection de contenuFinsweet fs-inject (CDN)Affichage de contenu CMS hors zones natives
Calculateur ROIJavaScript custom + range slider sur-mesureEstimateur impact santé mentale (homepage)
Calculateur inclusionJavaScript custom (attributs HTML)Page handicap / inclusion emploi
Formulaires CRMHubSpot embed directLeads, contacts, newsletter
Slider témoignagesSplide.jsCarrousel clients homepage
Lecture vidéoFlowPlay (cdn.jsdelivr.net)Vidéos embarquées sans autoplay forcé
Analytics & trackingGTM + GA4 + LinkedIn TagSuivi conversions et audiences

SEO / GEO

Référencement technique et optimisation pour les moteurs IA

La migration vers le nouveau site a fait l'objet d'une stratégie SEO technique rigoureuse pour préserver l'autorité de domaine acquise. Un plan de redirection 301 complet a été établi et déployé avant la mise en ligne, avec correction post-migration de 343 chaînes et boucles de redirections détectées via SEMrush — dont la redirection du sous-domaine ao.qualisocial.com. Les données structurées Schema.org ont été implémentées sur les principales typologies de pages pour améliorer la couverture en rich snippets. Chaque page a fait l'objet d'une optimisation complète des balises title, meta description, attributs alt et title sur l'ensemble des médias. L'architecture sémantique Webflow a été construite avec une hiérarchie de titres (H1 → H6) cohérente pour faciliter l'exploration par les crawlers.

Sur le plan GEO (Generative Engine Optimization), le contenu a été structuré pour correspondre aux patterns de réponse des grands modèles de langage (ChatGPT, Perplexity, Gemini) : blocs de contenu courts et autonomes, définitions explicites des concepts clés (QVCT, RPS, prévention des risques psychosociaux), réponses directes aux questions fréquentes des DRH. La sémantique des pages a été pensée pour que le contenu soit facilement extractible lorsqu'un LLM répond à des requêtes telles que "meilleur prestataire santé mentale au travail" ou "comment améliorer la QVCT en entreprise" — positionnant Qualisocial comme source de référence dans les réponses générées.

NOS dernières réalisations

+240 entreprises
accompagnées

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

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

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

Alexandre

Max

Enora

Bryan

Cannelle

Tiphaine

Vous allez :heart: notre collaboration...