Designer web & UX/UI

Kim Ngan Ho

Hiérarchie

Expérience utilisateur

Simplicité

J’aime quand c’est épuré, structuré et que chaque élément a une raison d’être

Mon travail, c’est de concevoir des identités visuelles et des interfaces qui soient belles, cohérentes et faciles à utiliser.

Pas simplement une jolie maquette.

Une interface dans laquelle l’utilisateur comprend naturellement où il se trouve, ce qu’on lui propose et ce qu’il peut faire ensuite.

Je cherche toujours le bon équilibre entre l’esthétique et la facilité d’utilisation. Parce qu’un design réussi ne doit pas seulement attirer le regard. Il doit aussi simplifier l’expérience.

Mon rôle aujourd'hui

Sur le papier, tu peux appeler ça designer web, designer graphique ou designer UX/UI.

Dans la réalité, mon rôle consiste à transformer une idée, un besoin ou une identité en une expérience visuelle claire.

Je travaille sur la structure des pages, les parcours utilisateurs, les wireframes, les maquettes, les couleurs, les typographies et les différents composants qui donnent vie à une interface.

Je peux également intervenir sur la création d’un logo ou la définition d’un univers graphique.

Mon objectif reste toujours le même : concevoir quelque chose qui corresponde à l’identité du client tout en restant compréhensible et agréable à utiliser.

Recherche graphique

Identité visuelle

Maquettes UX/UI

Design d’interface

Prototypage

Wireframes

Le design ne doit pas demander à l’utilisateur de faire un effort pour le comprendre.

Mon parcours, en repères clairs

Mon parcours a commencé à l’Université de Poitiers, où j’ai développé une première culture du numérique et abordé différentes dimensions techniques.

J’ai ensuite poursuivi ma formation à l’Université Bordeaux Montaigne, en Master Design, avec une spécialisation autour de l’interaction, de l’innovation et des services.

Cette formation m’a permis de dépasser la seule dimension graphique du design.

Un projet ne se résume pas à ses couleurs ou à ses typographies. Il faut aussi comprendre un contexte, observer les usages, identifier les besoins et imaginer une solution adaptée aux personnes qui vont réellement l’utiliser.

J’ai également découvert le fonctionnement d’une agence webmarketing à Poitiers avant de rejoindre TooNetCreation et de travailler sur des projets web, UX/UI et d’identité visuelle.

Timeline

Université de Poitiers

Culture numérique et premières compétences techniques

Université Bordeaux Montaigne

Design, interaction, innovation et services

Expérience en agence

Webdesign, identité visuelle et projets numériques

TooNet
Creation

Conception d’interfaces et évolution d’univers graphiques

Le design comme outil pour imaginer de nouveaux usages

Pendant mon parcours à Bordeaux Montaigne, j’ai notamment participé à un workshop consacré à une question très concrète : comment continuer à vivre et à se déplacer dans une métropole bordelaise confrontée à des températures pouvant atteindre 50 °C ?

Avec mon équipe, nous avons imaginé le projet « Sous l’abri », une gamme évolutive d’abribus pensée pour mieux faire face aux fortes chaleurs.

Le projet associait différents dispositifs : brumisateurs, éventails en libre-service, espaces climatisés, fontaines à eau et signalétique adaptée.

Cette expérience m’a permis de travailler sur un projet de design fiction, mais aussi de réfléchir à des usages réels, à l’espace public et à la manière dont le design peut apporter des réponses concrètes à de nouvelles contraintes.

Cela résume assez bien ce qui m’intéresse dans le design : ne pas seulement créer une forme, mais réfléchir à la manière dont elle peut améliorer une expérience.

UX et UI : deux dimensions qui doivent fonctionner ensemble

L’UX et l’UI sont différentes, mais elles ne peuvent pas vraiment être séparées.

UX : comprendre et structurer

L’UX permet de réfléchir au parcours de l’utilisateur.

Que vient-il chercher ? Quelles informations doit-il trouver en premier ? Quelles actions doit-il pouvoir effectuer ? Quels éléments pourraient le ralentir ou créer de l’incompréhension ?

Ce travail permet de structurer les contenus et de construire un parcours logique avant même de commencer le travail graphique.

Comprendre

Organiser

Hiérarchiser

Simplifier

Guider

UI : donner une forme et une identité

L’UI permet de traduire cette réflexion en une interface visuelle.

Elle concerne les couleurs, les typographies, les formes, les boutons, les images, les espacements et les interactions.

C’est elle qui donne une identité au projet et qui rend l’expérience plus agréable.

Mais l’UI ne doit pas prendre le dessus sur l’usage. Une interface très esthétique peut devenir inefficace si les éléments importants ne sont pas suffisamment visibles ou si l’utilisateur ne comprend pas comment avancer.

L’UX construit le parcours. L’UI lui donne une identité.

Ma méthode de travail

Comprendre le projet

Je ne commence pas directement par ouvrir Figma et chercher à produire une jolie maquette.

Je commence par comprendre le projet.

Quel est son contexte ? À qui s’adresse-t-il ? Quel message doit-il transmettre ? Quelles informations sont réellement importantes ? Quelles actions l’utilisateur doit-il pouvoir réaliser ?

Recherche d'inspiration

Je regarde ensuite ce qui existe déjà, j’analyse les codes du secteur et je recherche différentes sources d’inspiration.

Début de la réalisation

Puis je structure les informations avant de passer aux wireframes et au travail visuel.

Comprendre le contexte

Identifier les besoins

Analyser l’existant

Rechercher des inspirations

Structurer les contenus

Créer les wireframes

Cette méthode permet de ne pas construire le design uniquement à partir d’une tendance ou d’une préférence personnelle.

Chaque décision doit pouvoir être reliée à un besoin, à un contenu ou à un usage.

Ce que je regarde en premier

Lorsque je découvre une interface, je regarde d’abord sa composition générale.

Les couleurs fonctionnent-elles ensemble ? Est-ce que les éléments importants ressortent suffisamment ? La hiérarchie est-elle claire ? La page paraît-elle équilibrée ?

Je m’intéresse ensuite aux détails : la typographie, les boutons, les formes, les icônes, les animations et les interactions.

Une bonne interface doit fonctionner à plusieurs niveaux.
De loin, l’ensemble doit paraître simple et cohérent. De près, chaque détail doit renforcer l’expérience.

On ne remarque pas toujours qu’un alignement est parfait. Mais on ressent immédiatement quand il ne l’est pas.

Les détails que l’on ne remarque pas toujours

Avec l’expérience, j’ai compris à quel point les espacements et les alignements pouvaient changer la perception d’une interface.

Ce sont des détails que l’on ne remarque pas forcément consciemment.

Pourtant, des espaces irréguliers, des contenus mal alignés ou une hiérarchie imprécise peuvent rapidement donner l’impression que quelque chose ne fonctionne pas.

À l’inverse, des alignements cohérents et des espacements bien maîtrisés apportent immédiatement plus de qualité et de lisibilité.

Je fais également attention aux états des boutons, aux survols et aux petites interactions qui permettent à l’interface de répondre aux actions de l’utilisateur.

Mon univers graphique

icône un écran PC avec un trait graphique

Couleurs

J’aime les palettes sobres et naturelles, généralement construites autour d’une couleur principale et d’une couleur d’accent.

La couleur d’accent ne doit pas être utilisée partout. Elle sert à guider le regard, mettre en valeur une information ou signaler une action importante.

Typographies

Pour les typographies, j’apprécie les associations entre une police avec du caractère pour les titres et une police plus simple et lisible pour les contenus.

Compositions

J’aime également les formes arrondies, les compositions aérées et les interfaces qui laissent suffisamment d’espace aux contenus.

Ce qui est important pour moi

Le design utile avant l’effet « wow »

Je suis moins sensible aux interfaces qui accumulent les couleurs, les effets ou les animations sans véritable utilité.

Une animation peut améliorer l’expérience lorsqu’elle attire l’attention sur une information, explique une transition ou confirme une action.

Mais si elle ralentit le parcours ou détourne l’utilisateur de son objectif, elle devient contre-productive.

Je préfère une interface claire et cohérente à un design qui cherche seulement à impressionner ou à suivre une tendance.

Les tendances évoluent rapidement. La lisibilité et la facilité d’utilisation restent.

Figma et culture technique

Figma est mon principal outil pour concevoir les wireframes, créer les maquettes et organiser les différents composants d’une interface.

Il me permet aussi de tester plusieurs directions, de faire évoluer rapidement une proposition et de présenter plus concrètement le fonctionnement d’une page.

Mon parcours m’a également permis d’aborder le HTML et différents langages de programmation, notamment le C et Java.

Ce n’est pas le cœur de mon métier aujourd’hui, mais cette culture technique m’aide à mieux comprendre les contraintes d’un projet web et les échanges avec les développeurs.

Ce que je fais chez TooNetCreation

Identités et interfaces

Chez TooNetCreation, je participe à la création et à l’évolution des identités visuelles et des interfaces de nos clients.

Création de supports

Je peux intervenir sur la recherche graphique, la conception d’un logo, la structuration d’une page, la création de wireframes ou la réalisation de maquettes complètes dans Figma.

Refonte de sites

Je travaille également sur l’amélioration de sites existants pour rendre leur image plus professionnelle, leur organisation plus claire et leur utilisation plus naturelle.

S'adapter au client

L’objectif n’est pas d’appliquer le même style à tous les projets.

Il faut comprendre l’univers du client, son activité, ses valeurs et les attentes de ses utilisateurs pour construire une réponse qui lui ressemble vraiment.

Je cherche le point d’équilibre entre l’identité du client, les besoins de l’utilisateur et les contraintes du projet.

Des projets forts

La refonte du site de TooNetCreation

La refonte du site de TooNetCreation est l’un des projets qui m’a le plus intéressée.

Je ne l’ai pas réalisé de A à Z. J’ai poursuivi et fait évoluer le travail commencé par Lily.

Cela m’a permis de réfléchir à la manière de donner à l’agence une image plus professionnelle, plus moderne et davantage en accord avec les standards actuels du web.

Travailler sur le site de sa propre agence est un exercice particulier.

Il faut réussir à prendre du recul sur ce que l’on fait au quotidien, structurer nos expertises et trouver la meilleure manière de valoriser notre identité, notre méthode et notre savoir-faire.

Ce projet m’a permis de travailler sur l’esthétique du site, mais aussi sur la hiérarchie des informations et la fluidité de la navigation.

icône d'une main qui tine t une bulle avec la lettre i

L’identité visuelle de Reborn Arcade

J’ai également beaucoup aimé travailler sur Reborn Arcade.

Le projet n’est pas encore terminé, mais le travail autour du logo et de l’identité visuelle m’a particulièrement intéressée.

L’univers de l’arcade est riche, coloré et immédiatement reconnaissable. Le défi consistait à s’en inspirer sans créer une identité trop chargée ou trop attendue.

J’ai pu proposer différentes pistes graphiques et travailler sur une identité davantage en accord avec l’univers du client.

Le fait que mes propositions de logo aient plu m’a particulièrement fait plaisir.

Cela m’a aussi donné confiance dans mes choix graphiques et dans ma capacité à traduire la personnalité d’une marque en une identité visuelle cohérente.

Ce qui nourrit ma créativité

En dehors du design, j’aime cuisiner, écouter de la musique, regarder des séries et découvrir de nouvelles choses sur Internet.
Ma créativité ne vient pas uniquement des plateformes spécialisées.
Une ambiance dans une série, une association de couleurs, un univers musical ou même la présentation d’un plat peuvent devenir des sources d’inspiration.

Je pense que la curiosité est importante dans mon métier. Plus on observe d’univers différents, plus on enrichit sa manière de créer.

Mes inspirations

Mes références ne viennent pas uniquement du design graphique.

Aesop et Dior

Je suis particulièrement inspirée par les univers d’Aesop et de Dior.

Leurs identités sont différentes, mais elles partagent une vraie maîtrise de la simplicité, de la hiérarchie visuelle et de la cohérence.

Les couleurs, les typographies, les images et les espaces semblent toujours appartenir au même univers.

Behance, Envato et Pinterest

J’aime également explorer Behance, Envato et Pinterest. Ces plateformes me permettent de découvrir des approches très différentes et de nourrir mes recherches avant de commencer un projet.

L’objectif n’est pas de reproduire ce qui existe déjà. Il s’agit de comprendre pourquoi une identité fonctionne, puis de construire une réponse originale et pertinente pour chaque projet.

Ma vision du design

Pour moi, un bon design doit être beau, mais surtout avoir du sens et être facile à comprendre.

Je veux que l’utilisateur ait le sentiment d’être au bon endroit. Qu’il trouve facilement les informations importantes. Qu’il comprenne naturellement ce qu’il peut faire.
Et que l’ensemble de son expérience lui paraisse simple, fluide et agréable.

Le meilleur design n’est pas celui qui cherche à se faire remarquer. C’est celui qui accompagne naturellement l’utilisateur.