instagram-icon

Ethypharm

User experience design

  • Contexte

    Contexte Le laboratoire pharmaceutique Ethypharm connait une croissance exponentielle depuis les années 2000 avec des acquisitions dans le monde entier. La digitalisation des process internes mais aussi de leur communication devient alors un enjeu majeur du développement du groupe à l’international. Malabar design accompagne les équipes marketing et communication d’Ethypharm depuis 2016. Un des projet prioritaire est la refonte du site corporate.

     

    Voir en ligne

  • Expertises

    • UX design
    • Direction artistique
    • Responsive web design
    • Développement PHP
    • CMS WordPress

L’UX DESIGN AU SERVICE D’UNE CIBLE BTOB ET INTERNATIONALE

01

Card design : less is more

La conception du site s’articule autour du principe du Card design inspiré du Metro Design de Windows qui consiste en une présentation du contenu sous forme de blocs agencés sur une grille. L’objectif Card est de proposer un condensé d’informations et d’y ajouter un lien ou un bouton permettant de consulter la suite du contenu. Cette architecture permet aux utilisateurs de scanner rapidement une quantité importante de contenu et d’accéder plus rapidement aux informations qu’ils recherchent.

L’autre atout majeur du Card design est sa prédisposition au responsive. Réalisé sur une grille ce design s’adapte aux différents points de rupture et tailles d’écran.

02

Méthodologie mobile first

Le Card design a permis de réorganiser les contenus et d’en simplifier l’accès. En ne prenant que l’essentiel, l’information est valorisée et a un impact plus fort.

Ce parti-pris, associé à une réflexion mobile first, inscrit clairement Ethypharm dans une digitalisation de sa communication corporate : La navigation, en intégrant les usages mobiles qui sont la norme à l’échelle mondiale, est facilitée tant sur le fond que sur la forme et permet à l’interface de s’adresser le plus efficacement possible à la cible BtoB et à la fois internationale d’Ethypharm.

03

CMS et développement

Un thème sur mesure est spécialement développé sur WordPress pour le site Ethypharm, en s’appuyant sur le framework Bootstrap. Celui-ci répond aux attentes du commanditaire : mobile friendly 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.

Toujours n° 1

Découvrez en 1er les billets qui font l'internet de demain !

M'inscrire

Merci pour ton inscription