#Professionnel - Freelance

UX/UI Design - Wordpress

Refonte d'un site - santé

Comment créer un site assez moderne pour la GenZ mais intuitif et compréhensible par les seniors ? Comment créer du contenu pertinent sans compromettre la crédibilité du professionnel de santé ?

Mon rôle

Accompagner une diétécienne dans la digitalisation de son activité.

Mener une refonte totale de son site existant.

Idéer et implémenter une dimension e-commerce et une section blog.

Challenges & Enseignements

CHALLENGES

Concilier les besoins de deux cibles opposées.
Aider et éduquer une personne étrangère aux méthodologies UX.

ENSEIGNEMENTS

Hard skills sur Wordpress
Contraintes liées au domaine de la santé

Avant VS Produit Final

#avant

Voir la reconstitution du précédent site sur Figma.

#après

Curieux.se de voir à quoi ressemble le site ? Cliquez ici.

Discovery & Définition

#qui?

GenZ & Seniors > L'âge des patients de ma cliente varie de 18ans à +80 ans.

J'ai créé deux personas, un pour chaque cible, avec leurs besoins respectifs explicités. Les GenZ sont à la recherche de modernité, de conseils et de personnalisation. Alors que les seniors recherche un site intuitif, simple et maîtrisable.

#on-commence-par-où?

J'ai commencé par adapter son identité de marque aux contraintes web. Je me suis surtout concentrée sur le contraste de ses couleurs. Mon but est de créer un site accessible au plus grand nombre, j'ai alors foncé légèrement ses couleurs pour augmenter les contrastes.

Nous avons aussi parlé des polices d'écritures. Je lui ai conseillé une police manuscrite pour renforcer l'humanité et l'aspect émotionnel de son site. Nous l'avons ensuite associée à une police sans-serif pour amener professionnalisme, clarté et modernité.

En parallèle, j'ai commencé à renforcer la sécurité de son site en installant les plug-ins de cyber-sécurité adéquats. Anti-virus, sauvegardes régulières, scans fréquents pour détecter d'éventuels malwares, …

Idéation & Itération

#c-est-parti?

J'ai commencé la refonte en designant de nouvelles interfaces pour les pages déjà existantes (homepage, consultations, contact et à propos). Mes designs sont adaptés aux difficultés et besoins exprimés par mes deux personas précédemment présentés.

#on-se-différencie-comment?

J'ai appliqué les principes du Green UX autant que possible. J'ai réduit le poids des images, appliqué du lazy loading à images, minimisé et compacté les fichiers JS et CSS et j'ai optimisé la mise en cache.

Le résultat ? Un site internet catégorie C et plus propre que 64% des pages web dans le monde (selon websitecarbon.org).

Création de nouvelles pages

#on-vend-vos-produits?

Ma cliente avait pour ambition de faire de sa vitrine une plateforme e-commerce. J'ai donc implémenté WooCommerce, configuré le back-office, paramétré les moyens de paiement et installé un template de tunnel de conversion.

Elle s'est ensuite chargée de la création des fiches produits pendant que je m'occupais du design de la boutique (page boutique + page produit + page panier + page paiement).

#on-crée-du-contenu?

Pour aller plus loin et pouvoir se concentrer sur l'essentiel en consultations, ma cliente avait besoin d'un espace où publier toutes ses recommandations sur les sujets qu'elle abord avec ses patients.

La solution ? Un espace blog. J'ai donc créé un volet blog intégré à son site principal. J'ai également créé des templates lui permettant de ne pas avoir à se soucier du design de ses articles. Elle n'a plus qu'à rédiger !

Prochaine étape

Nous allons mener une mini recherche utilisateur auprès de nos cibles pour nous assurer que mes designs et les parcours utilisateurs tels que je les ai conçus correspondent à leurs besoins. Nous adapterons le site en fonction des résultats du test.

Découvrir d'autres projets

Etudes

Mémoire

UX/UI design

Professionnel

Shoe tracking

UX/UI design