Deux propositions pour l’intégration du diagnostic express
Prototypes cliquables, du parcours complet (accueil → 8 étapes → remerciements), compatibles mobile et desktop. Contenus et questions repris à l’identique du site actuel ; les réponses restent dans le navigateur (aucun envoi).
Démo 1
Pro sobre
- Palette réalignée sur le logo : marine, accent rouge du « O », crème
- Typographie Fraunces + Inter réellement chargée
- Accueil avec les 5 piliers et la promesse de confidentialité
- Stepper latéral par pilier, échelle d’intensité lisible, récap modifiable
- Barre d’actions collée en bas sur mobile
Démo 2
Pro qui en jette
- Hero animé (aurore, titre mot à mot, photo en arche, chips flottantes)
- Piliers en accordéon photo, compteurs, exercice de respiration guidé
- E-mail qui se transforme en empreinte sous vos yeux
- Questionnaire plein écran : visuel par pilier, silhouette cliquable face/dos
- Cartes à remplissage animé, aperçu des signaux, pétales de fin
Constats sur le site actuel
- Palette décorrélée du logo : vert-gris, corail et sauge alors que l’identité est bleu marine + « O » rouge.
- Police non chargée : Inter est déclarée mais absente (rendu en police système) ; les boutons retombent en Arial.
- Accueil sans logo ni piliers, et l’étape 1 répète le titre de l’accueil.
- Grand écran sous-exploité : contenu collé à gauche, beaucoup de vide.
- Zones du corps en grille 5×5 de feux tricolores : dense et peu parlant.
- Lien CTA souligné, cartes sans indicateur de sélection clair, page « Merci » très nue.
Avant / après
