Jsimardesign
Conception et développement Web
Dermago

La mission de Dermago vise à aider et accompagner des patients qui souhaitent recevoir un traitement dermatologique.

La plateforme et le site favorisent l'accès à des services en moins de 24h, et ce grâce à la médecine asynchrone.

Date de lancement

Lancement du site CAN - Nov. 2021
Lancement du site UK - Jan. 2022
Travail réalisé

Architecture d'information

Accompagnement design

Positionnement et guide de marque
Design de l'interface
Développement Web
Collaborateurs

François Major / Développement Web
Arnaud Langlois / Design et expérience
Le client désirait créer un site Web dans le but d’acquérir de nouveaux patients tout en faisant découvrir l’offre de services de Dermago.
Le Brief
Dans le domaine de la dermatologie, l’accès à un dermatologue peut prendre des mois d’attente et les conditions non traitées peuvent être une source d’irritation et d’anxiété pour les patients. Dermago voulait se définir auprès de sa clientèle comme étant un partenaire de santé fiable, accessible et qui apporte du réconfort en plus d’une promesse de consultation ultra rapide pour leurs patients.

Les étapes réalisées

Ce sont les étapes de création lors de la conception du projet.
L’image de marque de Dermago avait été réalisée depuis un certain temps et le client désirait lui donner un petit peu d'amour. La marque comprenait quelques couleurs et une typographie qui manquait légèrement de finesse.

L'exercice demandait de travailler un positionnement plus clair, de déterminer le ton, la typographie finale et les images utilisées sur le site. Nous avons donc proposé plusieurs avenues sous forme de Moodboard pour réussir à statuer le style de la marque. De plus, lors de ce travail plusieurs variations du nouveau logo ont été proposées.
Raffinement de la marque
Malgré la sélection du moodboard, il restait tout de même à définir et décliner les éléments qui allaient supporter la marque.

Pour la charte de couleurs, nous voulions définir des couleurs plus neutres, froides et discrètes afin de laisser les couleurs en accent (plus vives) donner le ton. Les couleurs d’accents quant à elles, servent à accentuer certains éléments, à créer des contrastes et à ajouter une touche de chaleur pour donner une petite touche de réconfort.
Couleurs, typographie et iconographie personnalisée
Pour la typographie, nous avons choisi Assistant qui est issue d’une famille de caractères latins et sans empattement. Nous l’utilisons pour le texte courant afin d’offrir une lecture facile et agréable. PT Serif est une police de caractères avec des empattements plus humanistes qui saura donner un petit côté humain, professionnel et moderne à la marque sans être trop classique.
Le guide de marque est un outil essentiel qui permet d’assurer la cohérence et la pertinence de la marque, quelle que soit son application. Car la marque a été retravaillée, nous voulions définir sa personnalité et établir les règles qui régissent son utilisation que ce soit du côté de l’imprimé ou d’un univers digital.
Réalisation d'un guide de marque
Car nous savons que rien n’est permanent dans le milieu du Web, nous avons réalisé le développement sur une base de blocs modulables dans un outil flexible et intuitif (Statamic), et ce, avec un design 100% personnalisé. De plus, il était important pour nous de créer un site durable qui permet au client de modifier ou encore de créer de nouvelles pages selon ses besoins et de façon autonome. Par la suite, nous avons créé un système qui permet la création de thématiques par couleurs pour réaliser des pages personnalisées pour les conditions traitées.
Création d'un système modulable à l'aide de blocs
Lors de la création modulaire, nous avons repensé l'arborescence avec l'aide de l'équipe de Dermago afin de remplir les objectifs de visites et pour offrir une expérience de navigation bien segmentée et agréable pour l'utilisateur.
Statistiques et performance
Voici des données intéressantes recueillies depuis le lancement du site en novembre 2021
+ 249,000
Visiteurs uniques
+ 428,000
Le nombre de page vues
74%
Bounce rate
1min 15sec
Utilisateurs qui utilisent le mobile pour leur visite