Malabar Design
Your digital partner
Abbvie
User experience design
-
Contexte
Le laboratoire pharmaceutique AbbVie, avec lequel Malabar design collabore depuis 5 ans sur la réalisation de projets digitaux, a missionné l’agence sur la refonte du site « Vous n’êtes pas seul ». Il s’agit d’un site de prévention sur les MICI, les Maladies Inflammatoire Chronique de l’Intestin, à destination des 15-25 ans principalement.
-
Expertises
- UX design
- Tests utilisateurs
- Direction artistique
- Responsive web design
- Développement PHP
- CMS WordPress
UNE CONCEPTION MOBILE FIRST EN REPONSE AUX BESOINS ET USAGES DE LA CIBLE
01
Objectifs de la refonte
Un des objectifs est de s’adresser au 15-25 ans, population souvent réticente à partager ses problèmes de santé. L’enjeu est donc de réaliser une interface traitant d’un sujet sensible tout en répondant à des codes ergonomiques et graphiques adaptés à une population utilisant principalement le mobile pour surfer sur Internet.
02
Méthodologie
Des ateliers de hiérarchisation de contenu et des tests utilisateurs sur prototypes ont permis de co-construire l’interface directement avec les parties prenantes côté client afin de produire l’expérience la plus fidèle aux besoins des utilisateurs.
Toute la conception a été articulée autour de la méthodologie mobile first dans le but de créer une interface simple, se concentrant sur l’essentiel, dynamisée à la fois par un graphisme adapté à la cible et au device, par un système de navigation très orienté mobile et par des interactions au scrolling. Ce dernier procédé permet de bien segmenter chaque section au sein d’une même rubrique tout en apportant un rythme et un certain confort de lecture.
L’interface finalement créée, en réponse à la problématique posée, incite à la communication et ouvre le dialogue auprès de la cible afin que ce sujet relativement tabou auprès d’elle se normalise.
03
CMS et développement
Un thème sur mesure est spécialement développé sur WordPress pour le site VNPS, en s’appuyant sur le framework Bootstrap. Celui-ci répond aux attentes du commanditaire : mobile first et responsive design. Il permet aussi d’utiliser la technologie LESS, langage permettant d’étendre les possibilités offertes par le CSS, notamment grâce à l’emploi de fonctions et de variables.
Un soin tout particulier a été porté à l’optimisation des temps de chargement : minification des CSS et JS, compression Gzip, optimisation des images et du cache.
Le site est entièrement administrable.
