Nouvelle DA, Refonte et migration du site de Qualisocial

Qualisocial est une organisation experte en santé mentale au travail, qualité de vie et conditions de travail (QVCT). Elle accompagne depuis plus de 17 ans les Directions des Ressources Humaines, organismes sociaux et grandes organisations pour prévenir les risques psychosociaux, sensibiliser, accompagner et transformer les pratiques organisationnelles.
Illustration croce
Image du projet
Sommaire
Realisations
DA
Intégration Webflow
SEO
Webdesign
outils utilises
Guillements illustration

Enjeux

Face à une croissance internationale, un portefeuille de solutions riche (incluant la plateforme de soutien mental Qualicare) et un volume significatif de ressources éditoriales, Qualisocial avait un besoin stratégique : un site web capable de soutenir une croissance organique ambitieuse tout en étant un levier de conversion pour des publics B2B complexes (RH, dirigeants, institutions).

L’équipe Gemeos a été mandatée pour mener une refonte complète du site sous Webflow, avec un objectif clé : industrialiser et sécuriser une migration SEO technique puissante, sans perte de trafic existant, tout en renforçant l’efficacité du site comme canal d’acquisition.

Notre intervention

1. Alignement stratégique & clarification des messages

Qualisocial couvre plusieurs “univers” : prévention, sensibilisation, accompagnement des salariés, solutions pour bénéficiaires, baromètres QVCT, ressources éditoriales…
Notre premier axe a été de clarifier l’architecture sémantique du site pour que chaque visiteur comprenne instantanément :

  • ce que fait Qualisocial
  • pour qui
  • comment ça marche

En réduisant le bruit cognitif et en structurant les messages autour des attentes RH, dirigeants et décideurs institutionnels.

Ce travail a posé des bases solides avant toute conception visuelle ou technique.

2. Direction Artistique & expérience visuelle pensée B2B

La direction artistique a été conçue pour incarner la crédibilité de Qualisocial dans un univers sensible : santé mentale au travail et qualité de vie.
L’enjeu n’était pas de “faire du décoratif”, mais de traduire visuellement une expertise sérieuse (professionnels de santé, baromètres, dispositifs d’écoute, coaching) tout en restant accessible et rassurant pour les décideurs.

Le design met en avant :

  • des codes visuels clairs, structurés, accueillants
  • des preuves sociales (témoignages, logos clients, chiffres clés)
  • une hiérarchie de contenu qui guide vers l’engagement sans surcharge psycho-visuelle

3. UX / UI Design & conversion

Objectif : transformer l’intention des visiteurs en leads qualifiés (contact expert, demande de démo, ressources téléchargées).
Nous avons optimisé :

  • les parcours de découverte de l’offre, de l’information et des cas d’usage
  • les points de contact primaires (call-to-action pertinents selon les intentions)
  • la lisibilité des contenus complexes (baromètres, dispositifs, bénéfices organisationnels)
    pour que l’utilisateur comprenne et agisse sans friction.

4. Développement Webflow & performance technique

La plateforme a été reconstruite entièrement sous Webflow en s’appuyant sur :

  • un système de composants réutilisables, prêt à scaler avec de nouvelles pages, landing pages et campagnes
  • une architecture responsive et performante
  • une autonomie totale pour l’équipe Qualisocial sur la création de contenu, les ressources et les pages métier

Ce build technique a été pensé pour être rapide, agile et maintenable avec une base saine pour accueillir de futures optimisations SEO et campagnes.

5. Migration SEO technique & optimisation organique (axe majeur)

Sur ce projet, l’enjeu clé était la migration SEO technique : organiser la transition depuis l’ancien site vers la nouvelle version sans perte de trafic, tout en créant des bases pour une croissance organique durable.

Audit SEO approfondi

Nous avons cartographié l’existant pour comprendre :

  • quelles pages génèrent du trafic et quelles sont leurs intentions
  • quelles pages sont déjà bien positionnées sur des mots-clés stratégiques
  • quelles pages doivent être fusionnées, restructurées ou optimisées

Stratégie de mapping & redirections

  • Mapping URL existantes → nouvelles URLs
  • Stratégie de redirections 301 exhaustive
  • Gestion des pages orphelines
  • Consolidation des contenus autour d’intentions SEO prioritaires

Optimisation technique SEO

Nous avons mis en place :

  • des balises optimisées (titles, meta descriptions, Hn alignés sur intentions)
  • données structurées pertinentes
  • maillage interne repensé pour crawler/understand mieux les contenus
  • amélioration des performances mobiles (mobile-first)
  • optimisation des temps de chargement

Architecture SEO-friendly & préparation du contenu

Le site a été structuré pour :

  • capter des intentions de recherche RH / QVCT / santé mentale au travail
  • soutenir un plan éditorial orienté contenus experts, baromètres et ressources stratégiques
  • permettre la création future de landing pages métier ou secteur

L’objectif n’était pas simplement d’exporter du contenu, mais de le rendre performant et durable en SEO, tout en sécurisant la migration.

Résultats attendus

Grâce à cette intervention :

  • Le site devient un levier organique structuré et scalable, aligné avec les besoins RH et institutionnels.
  • La migration SEO est sécurisée grâce à une architecture claire, un plan de redirections robuste et une optimisation technique complète.
  • Qualisocial dispose désormais d’une plateforme Webflow prête à accueillir une stratégie de contenu organique ambitieuse, sans compromis sur la performance ou l’expérience utilisateur.

What’s a Rich Text element?

The rich text element allows you to create and format headings, paragraphs, blockquotes, images, and video all in one place instead of having to add and format them individually. Just double-click and easily create content.

Static and dynamic content editing

A rich text element can be used with static or dynamic content. For static content, just drop it into any page and begin editing. For dynamic content, add a rich text field to any collection and then connect a rich text element to that field in the settings panel. Voila!

How to customize formatting for each rich text

Headings, paragraphs, blockquotes, figures, images, and figure captions can all be styled after a class is added to the rich text element using the "When inside of" nested selector system.

+50 sites webflow réalisés

Découvrez nos autres réalisations

Tous nos sites sont designés et developpés avec
Coeur rouge
Stickers projet
Image du projetIllustration hover
Découvrir
Image du projetIllustration hover
Découvrir
Image du projetIllustration hover
Découvrir
Image du projetIllustration hover
Découvrir
Voir toutes nos réalisations !
Illustration
Découvrir le site web
Nous utilisons les meilleurs outils

développés avec les meilleurs outils et les meilleures pratiques

Gemeos ne vous propose pas simplement un site web, mais une expertise sur les meilleurs outils pour vous garantir un retour sur investissement optimal. 

Figma

Pour le design de votre site web

Webflow

Pour l’intégration de votre site web

Client-first

Pour organiser vos projets

Wized

Pour ajouter des fonctionnalité à vos projets

Make

Pour l’automatisation de vos flux de travail