Kimia

Client :

Dans le cadre de ma formation de concepteur UI, j'ai réalisé un projet web fictif pour l'entreprise Kimia, visant à promouvoir ses boissons populaires africaines (jus de bissap et de gingembre) faites maison et bio. La fondatrice souhaitait un site coloré qui promeut la culture africaine, combinant modernité et tradition.

outils utilisés :

J'ai utilisé la suite Adobe, Figma, et Studio Code (HTML/CSS).

Livrables :

Création d'un site vitrine, la définition d'une ligne éditoriale, une identité visuelle, une charte graphique, ainsi que la stratégie de promotion sur différents supports (réseaux sociaux, impressions murales et papiers).

UX et gestion de projet

Le projet, bien que fictif, a été réalisé de manière réaliste sur Figma pour créer des éléments de design et une expérience utilisateur crédibles. Les étapes suivies incluent :

Grille de questionnement :
Définir les besoins et attentes de la cliente fictive.

Cahier des charges :
Structurer les besoins techniques et
fonctionnels ainsi que les livrables attendus.

Analyse SWOT :
Identifier les forces, faiblesses, opportunités et menaces du marché, concluant que le marché est favorable aux boissons saines et naturelles malgré certains risques liés aux préférences
des consommateurs et à la faible notoriété.

Analyse de la concurrence :
Étudier trois concurrents pour optimiser l'offre en termes de design et d'expérience utilisateur.

Questionnaire utilisateur :
Interroger de vrais utilisateurs pour comprendre leurs habitudes, besoins et attentes, permettant de créer un persona, une carte d'empathie et une journée utilisateur.

Userflow :
Clarifier le parcours utilisateur, identifier les points de friction et apporter des améliorations pour une expérience utilisateur optimale.

UI design

Les maquettes et wireframes ont été créés sur Figma pour quatre pages d'un site internet en versions desktop et mobile afin d'assurer une conception cohérente et intuitive.
Les pages conçues sont :

Page d'accueil :
Présente une première impression positive, organise le contenu de manière intuitive, et encourage les utilisateurs à rester sur le site.

Page "Qui sommes-nous" :
Informe sur la marque de jus bio Kimia, humanise la marque, favorise la confiance, offre des avantages SEO, et distingue Kimia de ses concurrents.

Page "Nos ingrédients" :
Met en avant la transparence et la qualité des produits, fournit des informations détaillées sur les ingrédients et leurs bienfaits, et engage les utilisateurs dans leur décision d'achat.

Page "Voyage gustatif" :
Raconte l'histoire culturelle des boissons de Kimia, renforce l'image de marque, offre un engagement émotionnel, et enrichit les connaissances des utilisateurs sur l'origine des jus.

Graphic design

L'identité visuelle de la marque Kimia est mise en avant sur l'ensemble des pages grâce à l'utilisation des lettres du logo, des couleurs, de la typographie et des formes présentes sur
tous les supports de communication.

Typographie

J'ai utilisé deux polices différentes pour hiérarchiser l'information. La police Caprasimo apporte du dynamisme grâce à sa graisse et à la forme de ses lettres, offrant ainsi une touche personnalisée aux visuels tout en assurant une bonne lisibilité. La police Quicksand offre quant à elle une flexibilité grâce à ses différentes graisses disponibles, assurant une lecture agréable et accessible à l'utilisateur.

Couleurs

Pour assurer une cohérence visuelle avec les produits et structurer les différentes informations (web et print), j'ai utilisé des couleurs principales et secondaires. Ces couleurs ont été choisies en lien avec le jus de bissap et le jus de gingembre, avec des teintes tendant vers le rouge et l'orange respectivement. Le vert, quant à lui, évoque le bien-être. J'ai combiné des couleurs claires et vives pour créer des designs attrayants.

Landing page

La landing page, intégrée en HTML/CSS avec Visual Studio Code et conçue sur Figma, présente la marque KIMIA et ses jus bio africains. Elle met en avant les ingrédients uniques des boissons pour attirer l'intérêt des utilisateurs.

Les appels à l'action (CTA) sur la page sont clairs et incitatifs, incluant :
- "Découvrir notre site" pour diriger les visiteurs vers le site internet ;
- "En savoir plus" pour encourager l'exploration de l'univers des boissons
et renforcer l'image de marque ;
- "Je veux boire" pour faciliter l'achat des jus.

Vidéo - Flyer A5 - newsletter

Pour promouvoir l'offre de la marque KIMIA, un flyer a été conçu sur Indesign et une vidéo sur After Effects. Ces outils ont été utilisés pour créer un engagement visuel et émotionnel fort, fournissant des informations sur les boissons, leurs ingrédients et leurs bienfaits.
La vidéo a intensifié l'émotion et l'interaction avec la marque, tandis que le flyer, proposant une offre de réduction, a captivé l'intérêt des utilisateurs.
J'ai créé une newsletter pour Kimia, mettant en avant leurs jus africains et leurs bienfaits pour la santé.
L'identité visuelle de KIMIA, avec ses formes et couleurs distinctives, a été intégrée dans tous les supports de communication.

You may also like