Mini Daikon
A mobile app for buying
and discover the products sold in
local farms in Quebec.
A mobile application to buy and discover products sold on local farms in Quebec.
A mobile application to buy and discover products sold on local farms in Quebec.
Context
Mini Daikon is a revamped school project. The old mobile app, which allowed users to make their groceries on it,
by choosing a local farm in Quebec, did not comply with WCAG standards.
Mini Daikon is a revamped school project. The old mobile app, which allowed users to make their groceries on it, by choosing a local farm in Quebec, did not comply with WCAG standards.
UI Design
inspiration search, colours
and typography
My role
Typographic choice
I selected these fonts for their high readability and modern look. By playing with weights and contrasts, the typography guides the user, structures the content, and ensures optimal visual comfort.
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 !@/$%?&*
Design objective:
Typographic choice
I selected these fonts for their high readability and modern look. By playing with weights and contrasts, the typography guides the user, structures
the content, and ensures optimal
visual comfort.
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
!@/$%?&*
Color palette
The color palette was chosen to create
a warm and reassuring atmosphere.
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
Color palette
Dark Lime
HEX: 84C300
Dark Jungle
HEX: 152823
Timberwolf
HEX: DED6C8
.jpg)
An interface lacking structure and
readability is hampered by overloaded navigation and critical contrast defects (WCAG standards).
Identify the errors
An interface lacking structure and readability, hampered by an overloaded navigation system.
and critical contrast defects (WCAG standards).
.jpg)
I opted for a simple and consistent visual system. The buttons and clickable elements use
a green background, facilitating their recognition and improving the fluidity of the user experience.
Design System
I opted for a simple and consistent visual system where clickable elements use
a green background, facilitating their recognition and improving the fluidity of the user experience.
The switch to high fidelity allowed
to bring the project's visual identity to life.
By adhering to WCAG standards, the color and the typography is used to prioritize information, while the balance between rounded corners and square structures ensures comfort.
Visual appeal and precision. Here are a few examples.
I opted for a simple and consistent visual system. The buttons and clickable elements use a green background, making it easier
to identify.
Final product
This redesign allowed me to better understand the importance of WCAG standards in mobile application design. By correcting accessibility issues, I was able to improve readability and navigation. and the overall experience.
Final product
This redesign allowed me to better understand the importance of WCAG standards in mobile application design. By correcting accessibility issues, I was able to improve readability, navigation, and the overall user experience.
Final product
This redesign allowed me to better understand the importance of WCAG standards in mobile application design. By correcting accessibility issues, I was able to improve readability, navigation, and the overall user experience.
