Application Mobile — Salon de Coiffure
🎯 Contexte & objectif
Conception d'une application mobile de prise de rendez-vous pour salon de coiffure. Objectif : simplifier le parcours client, de la découverte du salon jusqu'à la confirmation de réservation, en 3 étapes maximum.
👤 Utilisateur cible
Clients de salon de coiffure entre 18 et 45 ans, habitués à réserver via leur smartphone. Contrainte principale : rapidité et confiance (voir les disponibilités et confirmer sans friction).
🗺 Démarche UX suivie
- Zoning : définition des écrans principaux (accueil, sélection prestation, choix créneau, confirmation)
- Wireframes basse fidélité pour valider la structure de navigation
- Maquette haute fidélité sur Figma avec composants réutilisables
- Prototype interactif avec transitions et micro-animations
🎨 Direction artistique UI
Design épuré et moderne avec une palette sombre/claire contrastée. Typographie sans-serif pour la lisibilité mobile. Boutons CTA bien visibles, couleur d'accent pour guider l'œil dans le parcours de réservation.
📱 Écrans conçus
- Splash screen & onboarding (3 slides)
- Page d'accueil avec liste des prestations et prochains créneaux
- Fiche coiffeur avec galerie et avis clients
- Calendrier de sélection de créneau
- Écran de confirmation de réservation
🛠 Outil
Figma — composants, Auto Layout, prototypage interactif avec transitions Smart Animate, organisation en frames et pages distinctes.
Présentation d'Identité Visuelle — Mariam Boutuil
🎯 Contexte & objectif
Création de ma propre identité visuelle personnelle : recherches graphiques, logotype et déclinaisons. Objectif : concevoir un système graphique cohérent, déclinable sur tous les supports print et digitaux, pour représenter mon profil de manière professionnelle et mémorable.
🔤 Le logotype
Un monogramme personnel décliné en plusieurs versions (couleur, niveaux de gris, noir & blanc) pour s'adapter à tous les contextes d'utilisation, du print au digital.
🎨 Palette & couleur
Palette sobre et actuelle, pensée pour rester lisible, professionnelle et cohérente avec mon univers marketing & communication sur l'ensemble des supports.
📋 Contenu de la charte
- Planches de recherche graphique et pistes de logotype explorées
- Description du logotype : version couleur, niveaux de gris, noir & blanc
- Règles d'utilisation : taille minimale, zone de protection, interdits
- Papeterie : carte de visite, papier en-tête, enveloppes
- Produits dérivés déclinés aux couleurs de l'identité
🛠 Outils utilisés
Adobe Illustrator — création du logotype vectoriel et de ses déclinaisons couleur.
Adobe InDesign — mise en page de la charte graphique, gestion des styles et du document maître.
Adobe Photoshop — préparation des visuels pour les mockups et produits dérivés.
Weebz — Plateforme de Concerts & Contenus Exclusifs
🎯 Contexte & objectif
Conception sur Figma d'une plateforme web dédiée à la réservation de concerts et à la diffusion de contenus exclusifs. Objectif : offrir un parcours utilisateur fluide, de la découverte d'un événement jusqu'au paiement du billet.
👤 Utilisateur cible
Amateurs de concerts et de contenus live, habitués aux plateformes de billetterie en ligne. Contrainte principale : rendre la réservation de places aussi rapide et rassurante qu'un achat en boutique.
🗺 Démarche UX suivie
- Zoning des écrans clés : accueil, fiche concert, réservation, paiement, ticket
- Wireframes pour cadrer le parcours de réservation en 2 étapes
- Maquette haute fidélité sur Figma avec composants réutilisables
- Déclinaisons responsive desktop & mobile pour l'ensemble du parcours
🎨 Direction artistique UI
Interface en dark mode, contrastes forts et visuels immersifs pour mettre en valeur les contenus vidéo et l'univers du live. Composants pensés pour une cohérence parfaite sur l'ensemble du parcours.
📱 Écrans conçus
- Page d'accueil avec galerie de vidéos exclusives
- Page Concert Info présentant l'artiste et l'événement
- Parcours de réservation en 2 étapes (choix des places, récapitulatif)
- Page de paiement sécurisé
- Page Ticket avec billet numérique généré
🛠 Outil
Figma — composants réutilisables, prototypage interactif, déclinaisons responsive (desktop & mobile).
Etikashion — Site E-commerce Mode Éthique
🎯 Contexte & objectif
Création de l'interface complète d'un site e-commerce pour Etikashion, une marque de mode éthique et durable fabriquée en France et en Europe. Le projet couvre le parcours complet, de la boutique en ligne jusqu'à la page dédiée au développement du réseau de franchises.
👤 Utilisateur cible
Consommateurs sensibles à la mode responsable, en recherche de transparence sur l'origine et la traçabilité des vêtements — ainsi que des porteurs de projet intéressés par la franchise.
🗺 Démarche UX suivie
- Zoning des parcours boutique, fiche produit et franchise
- Wireframes pour cadrer la navigation e-commerce et le tunnel franchise
- Maquette haute fidélité sur Figma avec design system dédié
- UX Writing pour un ton clair, engagé et rassurant
🎨 Direction artistique UI
Palette naturelle en vert kaki et blanc cassé, typographie sobre et généreux espaces blancs, pour refléter les valeurs d'éco-responsabilité et de transparence de la marque.
📱 Écrans conçus
- Page d'accueil : hero engagé, collections Femme/Homme/Enfants, best-sellers
- Page Boutique "Pulls et mailles" : filtres avancés et grille produits
- Fiche produit détaillée : sélecteur taille/couleur, traçabilité, avis clients
- Page Franchise : simulateur d'éligibilité et étapes de candidature
- Page Contact : formulaire, FAQ et coordonnées boutique
🛠 Outil
Figma — design system, grilles & composants e-commerce.