Ali El Otmani, directeur artistique et consultant en marque pour les industries médicales et de la santé. English

Corda Health

Identité de marque et interface produit pour Corda Health, une plateforme qui suit les patients opérés pendant les 90 jours du protocole de récupération à domicile.

L’écran de lancement Corda Health en mode sombre avec l’icône d’application, la première révélation du produit de suivi des patients et de son identité
L’écran de lancement et l’icône d’application en mode sombre
Client
Corda Health
Rôle
Direction artistique, identité et conception d’interface
Livrables
Suite de logos, jeu d’icônes, lignes directrices de stratégie de marque, direction photographique, site web, interface d’application mobile
Échelle
Une seule identité sur un brandbook de 33 pages, un ensemble de production de 80 fichiers, et un site web et une console en versions bureau et mobile

Le signe est construit à partir de deux formes : une bande ondulée en haut, et deux larges barres qui se croisent en dessous. Le cœur au centre n’est pas dessiné. C’est l’espace que les formes laissent entre elles, de sorte que sur n’importe quel fond, le cœur prend la couleur du fond lui-même : papier, photographie ou écran.

À l’écran, le signe porte le dégradé Signal, sa forme par défaut. À l’impression, il tient en une seule couleur unie : charbon, Bleu Clinique ou blanc papier. Il reste lisible à 16 pixels, la taille d’une icône d’onglet de navigateur.

Le mot-symbole est composé en Hanken Grotesk ExtraBold, avec HEALTH centré en dessous et largement espacé. Les déclinaisons sont des illustrations fixes, jamais recomposées : principale, empilée et signe seul, fournies en formes vectorielles et matricielles.

Un service de chirurgie renvoie un patient chez lui et, pendant les 90 jours qui suivent, perd largement sa trace. La récupération se passe à domicile : tension artérielle, oxygène, contrôles de plaie, douleur. Corda Health comble cet écart : les patients suivent un protocole guidé sur leur téléphone pendant que le service voit arriver les mesures, n’intervenant que lorsque ses propres règles d’escalade l’exigent.

On m’a commandé de couvrir l’entreprise de bout en bout : un logo et un système d’identité, et le produit auquel il appartient, conçus comme une seule pièce de travail.

Autour du signe, j’ai construit la spécification complète : le Bleu Clinique avec une famille de dégradés doux dont les points d’arrêt sont consignés, Hanken Grotesk comme seule typographie, un jeu d’icônes dessiné sur la géométrie du signe, une voix qui reste calme et simple, et des règles photographiques qui gardent le soin à domicile dans une lumière chaude, jamais dans un couloir. J’ai tout consigné dans un brandbook de 33 pages avec une fiche d’une page, et je l’ai livré sous forme de fichiers de production : logos vectoriels, jetons de conception, polices et icône d’application.

Le même langage fait fonctionner le produit. Le site web que j’ai conçu présente le service et propose une démonstration en direct de la console. La console donne au service un tableau de bord de chaque patient en récupération, un dossier pour chacun avec son protocole et ses mesures, et une veille opérationnelle qui suit les escalades par rapport aux délais de réponse promis par le service. Elle fonctionne sous deux thèmes, clair pour le service et sombre pour la veille de nuit, et chaque écran tient sur un téléphone.

Ce que j’ai livré n’est pas un logo sur une présentation. C’est une seule identité, tenue de la même façon dans le brandbook, sur le site web et à l’intérieur du produit, livrée sous forme de fichiers de production et prête pour qui rejoindra l’entreprise ensuite.

La déclinaison principale du logo Corda Health présentée en mode clair et en mode sombre, le signe cœur plié associé au mot-symbole Corda dans les deux thèmes
Fig. 1La déclinaison principale en mode clair et en mode sombre
Le tableau de bord de la console de service Corda Health : statut des patients, mesures en direct et états d’escalade disposés pour l’écran de l’équipe clinique
Fig. 2Le tableau de bord de la console du service
Un écran de dossier patient Corda Health : le protocole de soins, les dernières mesures et l’état d’escalade dans une seule vue clinique
Fig. 3Un dossier patient : protocole, mesures et état d’escalade
La veille opérationnelle Corda Health en thème sombre : délais de réponse, niveaux de service et statut du service en direct pour l’équipe des opérations
Fig. 4La veille opérationnelle : le thème sombre, les délais de réponse et les niveaux de service
Le site web Corda Health sur mobile : l’identité, le titre et l’histoire du produit adaptés à l’écran étroit du téléphone
Fig. 5Le site web sur mobile
La console Corda Health sur mobile : statut du service et mesures des patients compressés dans la version téléphone du tableau de bord clinique
Fig. 6La console sur mobile
La fiche de marque d’une page Corda Health : toute l’identité, logo, couleurs, typographie et composants, tenue sur une seule page verticale
Fig. 7La fiche de marque d’une page : toute l’identité sur une seule page
Pages du brandbook Corda Health : la double page du système de dégradés, puis les icônes, avatars et composants de profils de l’identité
Fig. 8Pages du brandbook : le système de dégradés ; icônes, avatars et profils
L’icône d’application Corda Health : le signe cœur plié en crème sur le carré arrondi sombre utilisé dans tout le matériel de lancement du produit
Fig. 9L’icône d’application
La page d’accueil du site web Corda Health : l’identité de marque et la console en direct cadrées ensemble comme écran d’ouverture du site de présentation
Fig. 10La page d’accueil du site web : l’identité et la console en direct dans un seul cadre
Le site web, le dossier patient et la console Corda Health présentés ensemble sur trois téléphones, la famille de produits dans un seul cadre de maquette
Fig. 11Site web, dossier patient et console sur téléphones
La veille opérationnelle Corda Health sur tablette : le tableau de bord sombre élargi pour le grand écran dans la série de maquettes du produit
Fig. 12La veille opérationnelle sur tablette