Hokla

Implication: UX - DA - UI

Hokla en quelques mots.

Hokla est la branche e-santé de M33, startup studio du groupe Theodo, qui regroupe + de 400 experts tech, et leur permet d'intervenir sur tout type de projet technique dans le monde entier.

Voir le service

Le Challenge

Comment aider Hokla à ce positionner comme business partner auprès d’acteur de la santé afin de les accompagner dans la construction de meilleures solutions digitales dans le domaine de santé.


Le Resultat

Rebranding de la marque, définition du tone of voice et conception des interfaces de présentation du service Hokla.

Page d'accueil de HOKLA
Aperçu de la landing page retravaillé pour HOKLA.

J'ai réalisé (en tant que designer) ce projet en binome avec Morgane Mallejac (qui a tenue le rôle d'Ux writter), pour le compte de HAIGO, l'agence dans laquelle je travail.

Dans un soucis d'efficacité, Morgane et moi avons paralleliser les tâches, Je me suis occupé de définir l'identité graphique et la conception des pages pendant que Morgane à travaillée à l'élaboration d'un tone of voice ainsi que les contenus à afficher dans les interfaces.



Étape 1: Définition de l'identité visuelle.

J'ai mené un atelier de tri par carte "graphique" nous permettant d'identifier les éléments graphique qui parlait ou non spontanément aux deux fondateurs d'Hokla. Une fois cette partie de l'atelier mené, nous sommes revenues sur chacune des cartes, et nous avons qualifier ce qu'ils aimaient et ce qu'ils aimaient moins dans chacun des visuels présenté.

Cela m'a fourni une base de travail pour rechercher un style qui leur correspondrait. Sur cette base, je me suis attaché à créer deux versions différentes en travaillant les couleurs, les formes, les logotypes ainsi que la typographie, basé sur ce qu'ils m'ont transmis lors de l'atelier.

Les clients souhaitaient néanmoins que je conserve leurs couleurs (modifiables, mais sans dénaturer les teintes), que je limite mes modifications sur le logo et que je joue avec la forme circulaire du logo initial..

Version A et Version B de l'identité HOKLA
- Version A: "Gradiant", "High contrast", "Colorful", "Isometric"
- Version B: "Minimalist", "Contrasted", "Atypical"

Après quelques heures de travail et la présentation aux clients, c'est la version B qui a été conserver avec quelques légères modifications.



Étape 2: Conception des interfaces

Morgane et moi avons fait plusieurs points d'échange afin d'idnetifier les messages clés et la mise en forme que je devais mettre en oeubre pour ces contenus. Une fois ces points achevés, je me suis attaché à concevoir des première versions pour chaque page utilisant les contenus que Morgane avait écrit via word et validée avec le client.


Après plusieurs jours de production, points d'échanges avec les clients et itérations sur les interfaces et quelques modifications graphique et de texte, nous avons livrer la version finale des interfaces.

Que retenir du projet

Le resultat en
quelques points

Élaboration de l'identité et du tone of voice

À l'aide de Morgane, nous avons travaillé en binômes pour revoir l'intégralité du contenu proposé par Hokla afin de retravailler correctement le fond et la forme.

2 campagnes LinkedIn

Cela nous a permis de tester le fond et la forme afin d'affiner les interfaces mais, cela a aussi permis à Hokla de rencontrer des clients potentiels et de se constituer une base CRM.

FoodetteMaquette
Avant et après notre intervention auprès de Hokla