UX / UI Design
L'audit du site existant a fait ressortir trois problèmes. La proposition de valeur était trop abstraite : on parlait de win-loss analysis avant d'avoir posé le problème. Le produit n'était pas compris assez vite : SaaS, service d'interviews, cabinet d'étude ? En réalité les trois, mais rien ne le disait. Et la navigation était principalement organisée par fonctionnalité, alors que Diffly répond d’abord à des problèmes de performance commerciale. Le web design devait faire apparaître ces enjeux avant les écrans du logiciel.
Une architecture orientée problème
Gemeos a reconstruit l'arborescence avec les équipes Diffly, en partant du hook plutôt que des fonctionnalités : « 90 % des raisons de perte dans votre CRM sont inexactes ». Le site s'organise ensuite par produit, par cas d'usage et par persona, avec des pages dédiées pour chaque combinaison.
| Section | Pages | Objectif |
|---|
| Home | Homepage FR/EN | Poser le problème, montrer le produit en action, prouver par les clients |
| Produit | Platform, Live Interviews, AI Insights & Alerts, Integrations | Faire comprendre que Diffly = SaaS + service + IA |
| Solutions par use case | Win-loss analysis, Customer Experience, Retention, Customer Adoption, Competitive Intelligence, Product Research | Capter les requêtes métier et parler à chaque enjeu |
| Solutions par persona | Sales, Marketing, Product, Customer Success | Adresser directement les décideurs et utilisateurs |
| Customers | Cas clients avec filtres par industrie | Preuve sociale (Adobe, Workday, Didomi, Skillup…) |
| Resources | Blog, Toolbox (webinars, livres blancs), ROI Calculator, Diagnostic | Alimenter le SEO et la génération de leads |
| Pricing / Demo | Pages dissociées | Un parcours clair pour comparer, un autre pour convertir |
| About | Qui sommes-nous, Careers, Partner Program | Incarner l'équipe et ouvrir le canal partenaires |
UI kit et design des pages
Un UI kit complet a été conçu avant les pages : couleurs, typographies, composants (cartes, tabs, tableaux de pricing, témoignages, FAQ, bandeaux CTA), états et déclinaisons responsive. L'ensemble des templates a ensuite été designé en desktop et mobile dans Figma, en version anglaise (langue par défaut du site) puis déclinée en français. Chaque section clé embarque un visuel produit pour ne jamais laisser le visiteur sur une promesse abstraite.
