ProjetsIdentités & sites vitrines
Precious Jus
Une marque fictive de jus pressés, ses donuts et ses cocktails pour événements. Un site vitrine conçu de A à Z, décliné en trois univers.
Pas un client réel : une exploration pour pratiquer tout le processus, de la marque aux maquettes.
Le pointde départ
Precious Jus veut se lancer en ligne : présenter ses produits, ses formations, et permettre de réserver des cocktails pour des événements.
Pour qui
Des particuliers et des organisateurs d'événements qui cherchent des produits frais et un service traiteur.
Contraintes
- Une marque, trois gammes
- Desktop et mobile
- Aucune contrainte client : à moi de m'en fixer
User stories
Trois besoins concrets, et la réponse que le produit y apporte.
-
En tant qu'organisatrice d'événements, je veux réserver des cocktails pour une soirée, afin de proposer un service traiteur sans multiplier les prestataires.
Réponse du produitUne page Cocktails et événements avec un parcours de réservation.
-
En tant que client particulier, je veux repérer rapidement la gamme qui m'intéresse, afin de commander sans me perdre.
Réponse du produitTrois univers de couleur, une seule structure de navigation.
-
En tant que passionnée de cuisine, je veux découvrir les formations proposées, afin d'apprendre le métier auprès de la marque.
Réponse du produitUne offre de formations présentée dans les Services.
-
Étape 01
Écrire le brief
Sans client, je me suis imposé un brief précis : vendre, former, réserver. Puis des personas et les pages clés qui en découlent.
- Brief
- Personas
-
Étape 02
Structurer
Arborescence et parcours : Accueil, À propos, Services, Cocktails et événements, Contact.
- Sitemap
- User flows
-
Étape 03
Décliner trois univers
Jus en jaune et vert, Donuts en rose, Cocktails en vert profond. Chaque gamme a son ambiance, mais partage la même structure et la même typographie.
- Direction artistique
- Déclinaisons
Décision cléVarier la couleur et l'ambiance, jamais la structure. On reconnaît la marque d'une gamme à l'autre.
-
Étape 04
Maquetter en haute fidélité
Toutes les pages, desktop et mobile, avec des composants réutilisables.
- Figma
- Composants
- Responsive
Le rendu
Le bilan
Une exploration complète, utile pour m'entraîner à tenir une marque sur plusieurs gammes.
La liberté totale est un piège si on ne se fixe pas de règles. Le brief que j'ai écrit pour moi-même a fait tout le travail.