Point de départ
J'ai été contacté par une personne ayant besoin d'un site internet pour son activité de psychologue clinicienne qu'elle allait lancer dans les mois à venir avec l'ouverture de son cabinet de consultation.
Avant toute chose nous avons commencé par étudier ensemble le ton et les solutions graphiques les mieux adaptés à son activité, notamment en restant vigilants sur la psychologie des couleurs.
Identité graphique
Palette de couleurs
J'ai proposé une dominante orange, couleur qui stimule la communication, l'optimisme et l'ouverture d'esprit.
Set d'illustrations
Afin d'habiller les pages et de travailler l'identité graphique du site, j'ai créé des illustrations qui donnent une sensation de légèreté et d'apaisement. Il fallait quelque chose qui soit assez neutre mais qui rassure. J'ai choisi des papillons et des oiseaux, évoluant dans un environnement d'arbres et de fleurs. Sur l'illustration présentée ci-après, symboliquement, le papillon vient aider l'oiseau à se libérer de sa cage. Afin d'avoir quelque chose de doux, je suis parti sur des couleurs pastel et un rendu aquarelle.
Le résultat était satisfaisant, les couleurs chattoyantes et agréables à l'oeil. Toutefois peut-être un peu trop pour un site qui se doit de rester neutre et appaisant, car les personnes qui vont le visiter seront certaines fois dans une grande souffrance et de telles couleurs ne sont finalement pas si pertinentes.
J'ai donc proposé une variante au trait, beaucoup plus neutre et légère, discrète. Juste ce qu'il fallait pour habiller et personnaliser le site, sans être ni trop triste ni trop joyeux. Cela me semblait totalement dans le ton du site. Les autres éléments tels que la couleur dominante et le logo permettraient de créer du contraste.
Logo
Pour le logo je me suis inspiré des illustrations créées pour habiller les pages et j'ai utilisé la couleur dominante choisie.
J'ai donc ôpté pour un papillon en applat de couleur. Cela donne un côté très épuré et simple. L'aspect dessin à la main renforce cette sensation.
Ce logo sera également utilisé comme favicon du site, aportant ainsi une identité graphique cohérente, et permettant de retrouver facilement le site quand on l'a ajouté à sa liste de favoris.
Visuel d'accueil
Afin de renforcer l'identité graphique et le côté humain du site, j'ai recherché un visuel présentant des personnes dans une atmosphère chaleureuse.
Voci le visuel choisi ci-dessous, avant et après une retouche photo pour une meilleure intégration à la charte graphique définie.
Avant
Après
Site internet
Design
Le formulaire de contact
J'ai habillé le formulaire en le mettant en scène sur un mur de bureau, entourré d'étagères et d'objets. Cela apporte un côté accueillant, comme si on était au cabinet de la psychologue.
Sur mobiles et tablettes j'ai caché ces éléments de design afin de préserver une bonne ergonomie sur le formulaire.
Un lancement en deux phases
Phase 1
Au départ, ayant peu de contenu, j'ai orienté le design vers un site en une page. Cela permettait de mettre rapidement une première version du site en ligne et de le référencer dans les moteurs de recherche.
Phase 2
Par la suite, la psychologue a rédigé des contenus sur les troubles thérapeutiques qu'elle soignait, ce qui a permis d'enrichir le site en informations utiles pour les visiteurs. J'ai donc remanié l'arborescence et adapté le design des pages. De plus j'ai veillé à ce que les URL soient optimisées pour les moteurs de recherches.
Annonce e-mail
Afin de communiquer l'ouverture de son cabinet de psychothérapie, j'ai proposé à la psychologue d'appuyer le lancement de son nouveau site par un email envoyé à ses contacts personnels ainsi qu'à ses relations professionnelles.
J'ai créé un logo spécifiquement pour cette opération de lancement. Tout en étant très sérieux, l'idée était d'illustrer le fait que c'est une étape importante de la vie professionnelle de la psychologue, mais aussi une excellente nouvelle, car tous ses efforts se concrétisent enfin. J'ai donc opté pour une illustration de fusée avec un style "bande dessinée", appuyée du slogan "La psychologue se lance!".
J'ai guidé la psychologue dans la rédaction de son email en lui faisant appliquer les bonnes pratiques: être le plus concis possible, aller à l'essentiel et proposer une action claire et précise, en l'occurence visiter son nouveau site.
Enfin, je lui ai proposé d'ajouter une photo de profil en guise de signature, afin de renforcer le côté humain et relationnel du message.
Et voici le résultat sur différents appareils:
Signature
Réalisation d'un visuel de signature pour les forums de discussions spécialisés. J'ai repris plusieurs éléments de l'identité graphique afin de faire écho au site de la psychologue et ainsi gagner en cohérence.