01 — Contexte
Pourquoi ce projet ?
💡
Ce projet est une exploration UX personnelle — pas un client réel. L'objectif était de me challenger sur tout le processus de design : définir une marque de zéro, comprendre ses utilisateurs, concevoir les interfaces, et explorer plusieurs directions visuelles. Maquette Figma uniquement, pas de développement prévu.
01
Le Brief fictif
Precious Jus est une marque de jus pressés naturels qui veut se lancer en ligne. Elle a besoin d'un site vitrine pour présenter ses produits, ses formations et réserver des cocktails pour événements.
02
Mon objectif
Pratiquer l'ensemble du processus UX en autonomie : recherche simulée, architecture de l'information, identité visuelle, maquettes responsives, et exploration de plusieurs univers graphiques.
02 — Process UX
Comment j'ai travaillé
Processus complet simulé de A à Z sur Figma — comme si c'était un vrai projet client.
01
Recherche simulée
Définition des personas, identification des besoins utilisateurs et des pages clés du site.
02
Architecture
Sitemap et user flows : Accueil, À propos, Services, Cocktails & Événements, Contact.
03
3 Univers visuels
Exploration de 3 directions graphiques : Jus (jaune/vert), Donuts (rose), Cocktails (vert foncé).
04
Maquettes HF
Toutes les pages en haute fidélité sur Figma — desktop et mobile — avec composants réutilisables.
figma.com — precious_jus · Toutes les pages
03 — Design & Interface
3 univers, 1 marque
La marque Precious regroupe 3 gammes de produits — Jus, Donuts, Cocktails. Chaque gamme a son propre univers visuel mais partage la même identité typographique et structurelle.
figma.com — precious_jus · Variations d'univers visuels
Precious Jus
Jaune naturel
Fond crème/jaune, produits en situation, ambiance fraîcheur et nature. CTA "La Boutique".
Precious Donuts
Rose vif
Fond rose/magenta, donuts en lévitation, ambiance gourmande et festive. Même structure.
Cocktails & Events
Vert intense
Fond vert forêt, verres à cocktail, ambiance chic et festive. "Réserver un cocktail".
figma.com — precious_jus · Vue globale Desktop + Mobile
Palette de couleurs — 3 univers
04 — Ce que j'ai appris
Bilan de l'exploration
3
Univers visuels
complets designés
10+
Frames Figma
Desktop & Mobile
100%
Processus UX
autonome de A à Z
Ce projet m'a permis de pratiquer la liberté créative totale — définir une marque, ses valeurs, ses utilisateurs, et ses interfaces sans contrainte client. J'ai appris à travailler vite sur Figma, à créer des composants cohérents entre plusieurs pages, et à pousser une identité visuelle forte sur différentes gammes de couleurs.
FigmaUX DesignUI DesignBrand IdentityDesign SystemResponsiveExplorationSite Vitrine