Design UI de l'Application Mobile Saveurs de fêtes
Application mobile • Recettes de fêtes de fin d'année • Design system & thème dark/light
Contexte du Projet – Application Mobile de Recettes Festives
J’ai conçu le design UI complet de l’application mobile Saveurs de fêtes, dédiée aux recettes de cuisine pour les fêtes de fin d’année. Le projet comprenait la création d’un design system complet (typographie, palette de couleurs, composants UI) et la conception des maquettes graphiques pour l’ensemble des écrans clés : homepage avec dernières recettes, page archive avec système de filtrage par catégories, page recette détaillée avec sélecteur de couverts, et favoris. Une attention particulière a été portée à l’ambiance festive avec une palette de couleurs évoquant Noël (rouge #B71C1C, orange #FF9800, vert #4CAF50) et un switch de thème dark/light permettant une utilisation confortable en toute situation. Le design allie élégance et convivialité pour une expérience utilisateur optimale pendant les préparatifs des fêtes.
Design System & Identité Visuelle
Création d’un design system complet définissant l’identité visuelle de l’application. Choix de la typographie Playfair Display pour les titres (serif élégante) et Manrope pour le corps de texte, créant un équilibre entre tradition et modernité. Le design system inclut également les composants UI réutilisables : boutons, cartes recettes, icônes, champs de recherche, garantissant une cohérence visuelle sur l’ensemble de l’application.
Wireframes & Architecture de l’Information
Conception des wireframes basse-fidélité pour définir la structure et l’architecture de l’information de l’application. Les wireframes couvrent les 5 écrans principaux : écran d’accueil, homepage avec navigation, page archive des recettes, page recette détaillée avec ingrédients et préparation, et page favoris. Cette étape a permis de valider l’organisation du contenu, la hiérarchie visuelle et le parcours utilisateur avant de passer à la phase de design graphique.
Maquettes UI & Écrans Finaux
Création des maquettes haute-fidélité de l’ensemble des écrans en appliquant le design system. L’écran homepage présente les dernières recettes et les plus aimées avec une navigation intuitive. La page archive intègre un système de filtrage avancé par catégories (entrées, plats, desserts, boissons) avec affichage en cartes. La page recette détaillée offre une expérience optimale avec description, liste d’ingrédients incluant un sélecteur de nombre de couverts pour adapter les quantités, et étapes de préparation numérotées. Le switch de thème clair/sombre permet une adaptation à toutes les conditions de lecture pour une expérience confortable.
Outils & Technologies Utilisés
Conception et design réalisés avec Figma pour le prototypage interactif et la création du design system. Ressources visuelles issues d’Unsplash et Freepik pour les photos de recettes. Palette de couleurs définie avec Adobe Color pour garantir une harmonie visuelle. Le projet inclut également des interactions et animations testées dans Figma pour valider la navigation et l’expérience utilisateur.Prêt à lancer votre projet ?
Transformons vos idées en une expérience digitale unique et performante.
Parlons de votre projet →