Mini Daïkon

Une application mobile pour acheter
et découvrir les produits vendus dans
les fermes locales du québec.

Une application mobile pour acheter et découvrir  les produits vendus dans les fermes locales du Québec.

Une application mobile pour acheter et découvrir les produits vendus dans les fermes locales du Québec.

Contexte

Mini Daikon est la refonte d’un projet scolaire. L’ancienne application mobile, qui permettait de faire
son épicerie bio en choisissant une ferme locale du Québec, ne respectait pas les normes WCAG.

Mini Daikon est la refonte d’un projet scolaire. L’ancienne application mobile,  qui permettait
de faire son épicerie bio en choisissant
une ferme locale du Québec,  ne respectait
pas les normes WCAG.

Conception UI

recherche d'inspiration, couleurs
et typographie

Mon rôle

Choix typographique

J'ai sélectionné ces polices pour leur haute lisibilité et leur modernité. En jouant sur les graisses et les contrastes, la typographie guide l'utilisateur, structure le contenu et assure un confort visuel optimal.

Lora

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn
Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz

123456789 !@/$%?&*

Manrope

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn
Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz

123456789 !@/$%?&*

Chalheureux

Accueillant

Objectif de design :

Accueillant

Chalheureux

Facile à utiliser

Intuitif

Choix typographique

Lora

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj KkLl Mm Nn
Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz
123456789

!@/$%?&*

Manrope

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj KkLl Mm Nn
Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz
123456789

!@/$%?&*

Palette de couleurs

La palette de couleurs a été choisie pour créer
une ambiance chaleureuse et rassurante.

Faded Jade
HEX: 3D796F

Mango Orange

HEX: FF7A37

Timberwolf

HEX: DED6C8

Mango Orange

HEX: FF7A37

Dark Lime

HEX: 84C300

Dark Jungle

HEX: 152823

Timberwolf

HEX: DED6C8

Palette de couleurs

Dark Lime

HEX: 84C300

Dark Jungle

HEX: 152823

Timberwolf

HEX: DED6C8

Une interface en manque de structure et
de lisibilité, pénalisée par une navigation surchargée et des défauts de contrastes critiques (normes WCAG).

Repérer les erreurs

Une interface en manque de structure et de lisibilité, pénalisée par une navigation surchargée
et des défauts de contrastes critiques (normes WCAG).

J’ai opté pour un système visuel simple et cohérent Les boutons et éléments cliquables utilisent
un fond vert, facilitant leur reconnaissance et améliorant la fluidité de l’expérience utilisateur.

Système visuel

J'ai opté pour un système visuel simple et cohérent où les éléments cliquables utilisent
un fond vert, facilitant leur reconnaissance et améliorant la fluidité de l'expérience utilisateur.

Le passage en haute fidélité a permis
de concrétiser l’identité visuelle du projet.
En respectant les normes WCAG, la couleur
et la typographie servent à hiérarchiser l’information, tandis que l’équilibre entre angles arrondis et structures carrées assure confort
visuel et rigueur. Voici donc ici quelques exemples.

J’ai opté pour un système visuel simple
et cohérent. Les boutons et éléments cliquables utilisent un fond vert, facilitant
leur reconnaissance et améliorant la fluidité de l’expérience utilisateur.

Produit final

Cette refonte m’a permis de mieux comprendre l’importance des normes WCAG dans la conception d’une application mobile. En corrigeant les problèmes d’accessibilité,
j’ai pu améliorer la lisibilité, la navigation
et l’expérience globale.

Produit final

Cette refonte m’a permis de mieux comprendre l’importance des normes WCAG dans la conception d’une application mobile. En corrigeant les problèmes d’accessibilité, j’ai pu améliorer la lisibilité, la navigation et l’expérience globale.

Produit final

Cette refonte m’a permis de mieux comprendre l’importance des normes WCAG dans la conception d’une application mobile. En corrigeant les problèmes d’accessibilité, j’ai pu améliorer la lisibilité, la navigation et l’expérience globale.