
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âŠ


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.


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.


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.



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 !
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.
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.
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.

Besoin de plus d’informations ?
