CONTEXTE

Welfy développe des modules d’intelligence artificielle très avancés, dans des domaines sensibles comme la santé mentale, l’éducation ou le bien-être au travail. Leurs produits sont puissants, mais leur complexité technique exige une pédagogie solide.

Avant notre intervention, leur site web ne permettait pas de saisir la finesse ni la valeur concrète de leurs solutions. L’objectif n’était pas de “vendre de l’IA”, mais de rendre visible une démarche technologique engagée au service du bien commun.

1. STRATÉGIE DE MARQUE : SOBRIÉTÉ ET MAÎTRISE

Welfy ne cherche pas à impressionner, mais à convaincre. Nous avons donc défini une stratégie de marque digitale qui repose sur trois axes :

• Clarté du message : “Des solutions IA pensées pour le réel”. Une promesse honnête, pragmatique.

• Posture sobre et experte : pas d’effet de manche, mais des démonstrations concrètes, simples et documentées.

• Hiérarchie narrative : d’abord les enjeux, ensuite la technologie, enfin les résultats.

L’idée est simple : rendre leur proposition accessible sans la dénaturer.

2. DESIGN : NOIR TECH & CONTRASTE HUMAIN

Le design repose sur un équilibre entre l’univers tech (fond noir, typographie moderne, lignes de code) et l’attention portée à l’utilisateur final (blanc, vert, messages clairs).

• Palette chromatique : noir pour l’expertise, vert pour l’humanité, blanc pour la respiration visuelle.

• Typographie : une fonte sans serif nette, inspirée des éditeurs de code, pour évoquer la rigueur et la technique.

• Structuration rigoureuse : chaque section est pensée comme une preuve ou un bloc de compréhension.

Ce design est à l’image du projet : sobre, exigeant, mais profondément accessible.

3. DÉVELOPPEMENT FRAMER : PUISSANCE ET PRÉCISION

Le site a été développé sur Framer pour garantir une expérience fluide, performante et totalement responsive.

• Transitions douces entre les pages, avec des micro-effets qui dynamisent sans perturber.

• Une navigation intuitive entre solutions, cas d’usage, et valeurs.

• Code propre et éléments modulaires : pour faciliter les évolutions futures sans friction.

Framer a permis ici de maintenir une cohérence stricte, tout en donnant vie à l’architecture d’information.

4. CONTENU TECHNIQUE : DÉMOCRATISER L’IA

L’un des défis clés du projet : expliquer des solutions IA complexes de façon intelligible et crédible, sans tomber dans l’excès de vulgarisation.

• Des démonstrations concrètes ont été intégrées (scripts, cas d’usage, interfaces).

• Des bénéfices clairs sont systématiquement associés aux modules technologiques : ce que l’outil fait, et surtout ce qu’il change.

• Une pédagogie visuelle : chaque bloc aide le visiteur à comprendre en quelques secondes l’intérêt d’un système intelligent donné.

C’est cette pédagogie qui permet d’installer la confiance dès les premières secondes.

5. MICRO-INTERACTIONS : CRÉER UNE IMMERSION SILENCIEUSE

Chaque interaction a été conçue pour renforcer le sentiment de fluidité et de sérénité.

• Survols discrets, codes animés en preview, CTA épurés mais visibles.

• Aucune surcharge : chaque animation a un sens, une intention.

Ces détails créent une sensation d’expertise maîtrisée, sans effet “spectacle”.

6. AUTONOMIE : WELFY GARDE LA MAIN

Comme pour tous nos projets Framer, l’enjeu est de livrer un produit totalement évolutif.

• Modules réutilisables pour les futures pages produit.

• Structure éditoriale claire, pour permettre à l’équipe Welfy d’ajouter de nouveaux contenus sans notre intervention.

• Formation vidéo transmise en fin de projet, avec accompagnement si besoin.

Un projet IA n’est jamais figé : leur site ne devait pas l’être non plus.

CONCLUSION : UNE PLATEFORME POUR L’IA UTILE, PAS SPECTACULAIRE

Welfy dispose désormais d’un site à son image : clair, technique, sobre et engagé. Un site qui ne vend pas l’IA pour l’IA, mais qui donne envie de l’explorer, parce qu’elle a du sens.