Dermago
Accélérer l'obtention de soins dermatologiques de qualité
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.
- Lancements
Lancement du site CAN - Nov. 2021
Lancement du site UK - Jan. 2022 - Services
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
Jean-Bernard Fillion / Motion Design
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.
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.
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
+ 469k
Visiteurs uniques
+ 804k
Nombre de page vues
513k
Nombre de visites
1min 20sec
La durée de la visite en moyenne
Prochain projet
Nexam est une plateforme Web conçue pour la gestion et la correction des examens en ligne
Voir le projet
Voir le projet