Création visuelle UX-UI de sites web et applications mobiles

Création de sites Web et applications mobiles inclusives et colorées

En tant que créatrice visuelle passionnée, je suis enchantée de participer à la création de l’apparence UX/UI de sites web et d’applications mobiles pour des entreprises en lien avec l’enfance, l’éducation, l’inclusion, la diversité culturelle et la protection de notre précieuse planète, entre autres. Je suis là pour vous accompagner dans la réalisation d’un site ou d’une application mobile qui reflètera votre univers et saura répondre aux besoins de vos utilisateurs, contribuant ainsi au succès de votre projet…

Contactez-moi

visuel de prototype basse fidélité application mobile de fleuriste

visuel de prototype haute fidélité application mobile de fleuriste

Mon accompagnement en design UX-UI, étape par étape

Voici comment je conçois pour vous un site ou une application mobile, en mettant l’accent sur la qualité de l’expérience utilisateur (UX) et la créativité du design d’interface (UI). Mon objectif est de rendre le processus d’utilisation de votre interface clair, agréable et visuellement attrayant avec des couleurs adaptées à votre univers.

Je vous partage ci-dessous mon processus de travail avec des visuels réalisés pour une application mobile de fleuriste inclusive, qui a pour but de vous permettre de composer et de recevoir des bouquets directement chez soi. J’espère vous permettre de comprendre le le processus de ma démarche UX-UI, de la manière la plus simple possible même si vous n’êtes pas encore familiers avec ces concepts.

1. Comprendre vos utilisateurs (UX Design)

Tout commence par une phase d’écoute et de découverte de votre projet lors d’un premier entretien durant lequel vous me parlez de vos problématiques à améliorer pour l’apparence de votre site ou application mobile déjà existante ou bien de vos besoins pour leur conception initiale avant développement.

Je réalise ensuite une recherche utilisateur : j’étudie les besoins, attentes et habitudes de vos clients ou visiteurs à travers des petites enquêtes, des échanges et l’analyse de leurs comportements.
Pour aller plus loin, je crée des personas et scénarios : ce sont des profils types qui représentent vos utilisateurs, et décrivent concrètement comment ils utiliseront votre site ou application au quotidien.

Création d'un persona avec ses objectifs et problématiques pour la recherche UX — *_{Création d’un persona avec ses objectifs et problématiques}*

Création d'un Storyboard de résolution du problème pour la recherche UX — *_{Création d’un Storyboard de résolution du problème}*

Ensuite, je travaille sur l’architecture de l’information : j’organise et structure tous les contenus pour que la navigation soit la plus fluide possible et que chacun trouve ce qu’il cherche facilement.

Vient la phase de maquettes et prototypes : je conçois des schémas simples pour visualiser l’emplacement des éléments et, si besoin, des prototypes interactifs pour simuler le lien entre les pages. Cela permet de bien tester les idées avant de les développer.

Création des premières maquettes à la main pour la recherche UX — *_{Création des premières maquettes à la main}*

Réalisation de prototypes basse fidélité - Recherche UX — *_{Réalisation de prototypes basse fidélité}*

Enfin, j’effectue des tests auprès des utilisateurs : je recueille différents avis et retours, dont les vôtres, sur les prototypes pour détecter ce qu’on peut encore améliorer et viser une expérience vraiment agréable pour tout le monde.

Prototype interactif pour le premier test utilisateur - Création application mobile — *_{Prototype interactif pour le premier test utilisateur}*

Tableau des retours de tests utilisateurs - Recherche UX — *_{Tableau des retours de tests utilisateurs}*

2. Imaginer et optimiser le rendu visuel (UI Design)

Une fois le prototype validé, je m’attelle au design visuel : c’est la création de l’apparence du site ou de l’application (couleurs, choix des polices, éléments graphiques…) pour refléter au mieux votre image et celle de vos œuvres ou services. Je reprendrai l’identité visuelle de votre marque si celle-ci est déjà établie.

Je passe ensuite au design des pages : je conçois chaque layout en réfléchissant précisément à l’attrait visuel des boutons, images et textes pour que chaque écran soit intuitif et confortable à utiliser.

Pour garantir une expérience concrète, je réalise un prototype interactif : il simule le fonctionnement réel du site ou de l’application. Vous pouvez cliquer, voir les animations, tester la navigation… Tout cela avant le développement final.

L’optimisation mobile est essentielle : je vérifie (si besoin) que le design fonctionne aussi bien sur ordinateur que sur smartphone, pour que tous les visiteurs profitent d’une expérience agréable, quel que soit leur écran.

J’accorde également une attention particulière à l’iconographie et aux illustrations : je sélectionne ou crée des icônes et images qui s’intègrent parfaitement au design et renforcent l’identité de votre projet.

Avant la livraison, je fais des tests d’ajustement : je recueille les derniers retours d’utilisateurs et j’ajuste le design pour que tout soit vraiment optimal.

Enfin, lorsque vous aurez validé la conception UX-UI définitive, je vous partage les fichiers sources : tous les éléments visuels et prototypes (souvent via Figma), prêts à être utilisés par le développeur ou adaptés plus tard selon vos envies.

Pourquoi ce processus ?

Parce que si vous désirez vraiment amener vos utilisateurs à agir ou à acheter, il est essentiel que votre site ou application soit :

Agréable et facile d’utilisation

La démarche UX-UI permet d’offrir une navigation claire, intuitive et agréable à vos visiteurs : ils trouvent facilement ce qu’ils cherchent, restent plus longtemps sur votre site et sont plus enclins à revenir ou à passer à l’action (acheter, s’inscrire, vous contacter)

Fidèle à votre univers

Un design soigné et cohérent adapté à votre univers renforce la crédibilité et le professionnalisme de votre activité. L’aspect graphique et visuel (UI) véhicule vos valeurs, attire l’œil et donne envie de découvrir davantage vos contenus ou services.

Pensé pour s’adapter

Grâce à l’optimisation mobile et à la prise en compte de tous les types d’utilisateurs dès la conception, votre site est accessible aussi bien sur ordinateur que sur smartphone et pour tous les profils : vous élargissez naturellement votre audience et améliorez votre visibilité.

Booste votre évolution

En ayant recours à la réflexion UX-UI, vous avez l’opportunité de connaitre réellement vos utilisateurs cibles et découvrir de nouveaux éléments à intégrer, qui pourront réellement soutenir et favoriser vos objectifs d’évolution futurs.

Mon accompagnement :

Je vous accompagne à chaque étape clé de la conception, en toute simplicité, en expliquant chaque choix pour que vous soyez serein et pleinement acteur du projet.

🌍 Étape 1 : Plonger dans votre univers. Nous commençons par un premier échange (par mail, visio ou téléphone, selon ce qui vous convient le mieux) pour découvrir votre univers, comprendre vos besoins, vos valeurs et cerner ensemble la problématique que vous souhaitez résoudre ou la valeur ajoutée de votre projet à mettre en avant (s’il s’agit d’une première conception). C’est une étape essentielle pour poser les bases d’une collaboration alignée, humaine et sur-mesure.

🎯 Étape 2 : Comprendre vos utilisateurs. Je vous propose un premier retour sous forme de deux personas représentant vos utilisateurs cibles, chacun avec ses problématiques spécifiques. À partir de là, j’imagine deux scénarios concrets illustrant comment ces utilisateurs pourraient résoudre leurs problèmes grâce à votre solution.

🧩 Étape 3 : Définir ensemble les priorités. Nous échangeons pour identifier ensemble les éléments clés à concevoir ou à valoriser dans l’interface, afin de répondre au mieux aux besoins des personas. Cette étape permet de poser des bases solides pour la suite.

🖍️ Étape 4 : Premier prototype interactif (basse fidélité). Je vous envoie un prototype interactif simplifié (sans photo ni couleur), qui vous permet de visualiser l’architecture de l’interface et le parcours utilisateur. Si cela vous convient, nous le faisons tester auprès d’utilisateurs réels via une enquête ciblée afin de recueillir leurs impressions et éventuelles difficultés.

📞 Étape 5 : Point d’étape sur les retours. Nous faisons le point ensemble (par mail, visio ou téléphone selon vos préférences) sur les retours d’utilisabilité du prototype. Cela nous permet d’ajuster l’expérience avant d’aller plus loin.

🎨 Étape 6 : Prototype haute fidélité. Je vous présente ensuite un prototype finalisé avec les éléments graphiques (typographie, couleurs, visuels…) pour une immersion complète dans l’expérience utilisateur. Ce prototype est également testé auprès d’utilisateurs, toujours avec une démarche d’enquête pour affiner les derniers détails que nous déterminerons ensemble lors d’un entretien.

📁 Étape 7 : Livraison des fichiers. Une fois la version finale validée, je vous transmets tous les fichiers sources (souvent via Figma) : maquettes, prototypes et éléments visuels prêts à être intégrés par votre développeur ou réutilisés selon vos besoins futurs.

N’hésitez pas à me poser toutes vos questions, même celles qui vous semblent les plus simples : je suis ici pour vous aider, rendre ce processus aussi accessible que possible et, surtout, vous impliquer dans chaque étape de conception de votre projet !

Contactez-moi

QUELQUES EXEMPLES DE PROJETS FICTIFS

PROJET 1 : LES P’TITES PATOUNES

Les P’tites Patounes est un refuge pour chiens et chats qui permet aux utilisateurs d’adopter un animal en attente d’une nouvelle vie remplie d’amour et de bienveillance. Le site web à concevoir à pour but de faire découvrir les différents profils des pensionnaires chiens et chats aux utilisateurs en leur permettant de faire une demande d’adoption en ligne avant de venir les rencontrer directement au refuge et si tout se passe bien, de confirmer l’adoption sur place.

Le problème identifié lors de ma recherche UX :
Certains utilisateurs sont méfiants sur l’adoption des animaux provenant des refuges, ils veulent être rassurés sur leurs antécédents, le caractère de l’animal et savoir s’il pourra être compatible avec leur mode de vie (enfants, autres animaux, sédentarité ou sportif…).

L’objectif de la création visuelle UX-UI :
Concevoir un site Web convivial pour «Les p’tites patounes» offrant une navigation claire et un descriptif détaillé du profil des animaux permettant aux utilisateurs de découvrir les caractères compatibles avec leur mode de vie afin de choisir l’animal qui leur conviendra parfaitement.

Présentation Projet UX-UI Les p’tites patounes

PROJET 2 : WILDLIFE

Wildlife est une association qui vient en aide aux orangs outans, une espèce en voie de disparition. Elle possède un refuge en Indonésie qui permet d’y recueillir les orangs outans qui sont tenus en captivité de façon illégale et de leur offrir des soins médicaux en vue d’une réhabilitation en milieu sauvage. Wildlife a pour but de sensibiliser et de faire découvrir cette association au plus grand nombre. Les dons des utilisateurs, l’achats d’articles de leur boutique en ligne ainsi que le parrainage d’orangs-outans sur une année leur permet d’obtenir de l’argent afin de financer leurs différents projets.

Le problème identifié lors de ma recherche UX :
Beaucoup d’utilisateurs sont sensibles à la cause de disparition des espèces mais ne participent pas financièrement à leur préservation en raison du manque d’attractivité et de suivi de leur investissement.

L’objectif de la création visuelle UX-UI :
Concevoir une application qui permettra aux
utilisateurs de participer financièrement à la préservation des Orangs outans en effectuant un parrainage sur la base d’une année qui leur permettra en retour de suivre l’évolution du filleul(e) qu’ils auront choisi.

Présentation projet UX-UI WILDLIFE

PROJET 3 : FLORALIA

L’application Floralia doit être conçue pour aider les utilisateurs à réaliser une commande rapide de fleurs de qualité confectionnée par un fleuriste de l’enseigne Floralia et obtenir un service de livraison à l’adresse de leur choix ou bien de récupération de leur commande en boutique. Le but est de mettre en avant le côté innovant et inclusif de la démarche d’une commande de fleurs en ligne.

Le problème identifié lors de ma recherche UX :
Les travailleurs, les parents surbookés, les personnes handicapées ou bien les personnes sans permis n’ont pas forcément le temps ou de facilité de déplacement pour se rendre directement en boutique chez un fleuriste.

L’objectif de la création visuelle UX-UI :
Concevoir une application pour Floralia qui permettra aux utilisateurs de commander et de récupérer facilement leurs commandes de fleurs en boutique ou en choisissant une livraison directement à l’adresse de leur choix. Le but est de mettre en avant le côté innovant et inclusif de la démarche d’une commande de fleurs en ligne.

Présentation projet UX-UI FLORALIA