Comparatif Prévoyance Médicale

Création du site web et identité visuelle de Comparatif Prévoyance Médicale : Les meilleures prévoyances pour les professions libérales et médicales (indépendant, libéral, auto-entrepreneur ou TNS).

Objectif du projet

Ronan DANIEL, courtier en prévoyance, a fait appel à nous pour la création de son site web. Un site comparatif des meilleures prévoyances médicales.

Le brief :
– Une identité visuelle simple et colorée
– S’adresser aux professionnels de la santé
– Un logo qui n’exclura pas les autres professions

Les enjeux sur ce projet :
– un site web prévu pour de nombreux contenus texte
– un nom de marque long « Comparatif Prévoyance Médicale »

L'identité visuelle

Les couleurs

Une palette colorée qui apporte du pep’s à l’identité visuelle. Jaune soleil, bleu turquoise, rose saumon et vert menthe. Deux couleurs froides qui contraste bien avec les deux couleurs plus dynamiques.

Les typographies

Bricolage Grotesque pour les titres : c’est une typographie qui apporte de l’élégance et du caractère au projet
Outfit pour les paragraphes et chips : c’est une typographie sobre qui apporte du contraste avec la typographie primaire. Elle incarne davantage le milieu médicale avec son aspect géométrique et simple. 

Significations du logo

Le logo représente plusieurs signes cachés :

– Les lettres C et P pour « Comparatif » et « Prévoyance » 
– Le milieu médical avec un serpent pour incarner le fameux serpent utilisé par le milieu médical
– La coupe d’Hygie ou le bâton d’Asclépios grâce à la verticalité de l’icone

Point important : les éléments du logo qui font rappel au milieu médical sont secondaires et très abstraits. C’était là tout l’enjeu, car il faut penser à l’évolution d’une entreprise lorsqu’on crée une identité visuelle. Il se peut que Comparatif Prévoyance Médicale devienne par la suite Comparatif Prévoyance au sens global. Dans ce cas un logo trop « médicalisé » pourrait nécessiter une refonte.

Les composants du projet

Le wireframe

Une fois la structure validée à l’aide de notre outil d’arborescence Octopus.do, nous prototypons chaque page sans design. L’objectif : définir où vont les blocs, les textes, le catalogue de services et les formations, avant de penser aux couleurs.

C’est l’étape qu’on voit le moins mais qui change tout : une page bien structurée convertit, une page mal structurée, non.

Les propositions graphiques

3 pistes pour ce projet qui combine UX UI du site et identité visuelle. Les pistes donnent une direction, avec des choix assumés. Mais ce n’est pas leur simple utilité. Elles permettent aussi aux clients de se rendre compte. 

La maquette sur mesure

Direction validée, nous maquettons l’ensemble du site, desktop et mobile. Pas question de négliger le mobile quand la majorité des visiteurs consultent depuis leur téléphone.

Une fois les maquettes approuvées, direction l’intégration sur WordPress.

L'équipe sur ce projet

Direction artistique

Gestion de projet

Marie-Rose Perret

Développement web

Formateur

Keziah Nivelle

Les outils utilisés

Elementor

Notre outil de prédilection pour la gestion des pages WordPress, alliant flexibilité et design soigné.

WordPress

Le CMS que nous utilisons pour développer des sites performants et évolutifs.

Figma

Utilisé pour la création et validation des designs, des maquettes aux interfaces interactives.

D'autres réalisations de sites web

Nous contacter​

Discutons de votre projet ensemble !

Vous avez un projet en tête (site web, landing page, identité visuelle) ? Prenez rendez-vous avec Keziah pour qu’on voit ensemble comment on peut vous accompagner.