Case UI : Comment ameliorer une interface ?
UI design
Branding
Améliorer l’impact visuel - case de refonte UI
L’interface utilisateur est souvent le premier point de contact entre un service et ses utilisateurs. C’est aussi l’endroit où chaque détail compte : contraste, hiérarchie, cohérence, émotion. Voici quelques exemples concrets de refontes UI que j’ai menées, en m’appuyant sur des principes éprouvés de design visuel et d’accessibilité.
Pety : Un hero plus humain pour une startup PetTech
Pety est une jeune startup dans le secteur de l'assurance animale. Leur landing page souffrait d’un excès de vert très “médical”, peu engageant émotionnellement, et d’un manque de chaleur dans la direction artistique.
Mon approche
Changement de palette : ajout de beige, capitaliser sur les couleurs existantes mais mieux les harmoniser, avec des tons plus chaleureux qui renforcent l’aspect relationnel sans perdre la crédibilité du domaine santé.
Éviter le vert électrique : trop froid, il renvoyait à un imaginaire clinique inadapté à la cible grand public.
Ajout de photos : intégrer des visuels d’animaux réels pour créer une connexion immédiate, renforcer la reconnaissance et la confiance.
Optimisation typographique et du bouton principal : pour guider efficacement vers l’action.
🎯 Résultat : une page d’accueil plus accueillante, identifiable dès le premier regard, sans sacrifier la rigueur. Et une refonte qui a continué avec la revue du tunnel d'acquisition.
Plusieurs propositions de hero, avec l'aperçu en desktop et mobile :
Share My Meals : Repenser les fondamentaux d’un site associatif
L’association Share My Meals avait besoin de conseils pour refondre son site. Mon intervention s’est appuyée sur un audit UI rigoureux : analyse des hiérarchies, des contrastes, et de l’efficacité des call-to-actions.
Problèmes identifiés
Hiérarchie visuelle floue : trop peu de distinction entre les niveaux de titres, textes et boutons.
Concurrence entre CTA : plusieurs boutons de même poids visuel, sans priorité claire.
Placement inefficace : des CTA mal positionnés au regard de la loi de Fitts.
Constance graphique : usage isolé de certains effets (comme un dégradé non repris ailleurs), créant un effet Von Restorff mal maîtrisé.
Problèmes d’espacement et d’alignement : impactant la lisibilité et la perception de structure.
Contrastes insuffisants : nuisant à l’accessibilité de certaines zones.
Mes recommandations
J’ai formalisé un ensemble de principes UI applicables à la future refonte :
Donner un rôle clair à chaque bouton
Revoir les placements pour des interactions plus naturelles
Harmoniser les styles pour éviter les ruptures visuelles injustifiées
Repenser les grilles pour renforcer la structure
Credits
Mon rôle
Animation d’ateliers, recherche utilisateur, cadrage UX, réalisation des maquettes UI, restitution des insights, et alignement des parties prenantes dans le cadre du design sprint.
l'équipe
1x UX/UI
Nicolas Raherison (moi)
1x Service designer
1x User researcher
outils
Figma / Figjam
Beaucoup de post-it
Airtable
Date / durée
2022
