La palmeraie dorée
Création de l’identité visuelle d’un restaurant et sa déclinaison. Logo, charte graphique, supports de communication. UX/UI design avec une étude de cas pour une application de réservation. Site internet utilisant wordpress. Photographie culinaire et de lieu.
Date
De 2021 à Mars 2024
Rôle
Chef de projet - Graphiste - UX/UI designer - Photographe
[ Voir le site ]
Le tout premier challenge
Concevoir un logo avec une charte graphique reflétant une identité visuelle marocaine, empreinte d’ambiance, de douceur et de chic.
Edition
Conception de mises en page qui reflètent la même ambiance tout en conservant leur côté chic et en respectant la charte graphique
étude de cas
Étude de cas UX et conception d’une application de réservation par heure.
Problème
Un restaurant chic populaire, « La Palmeraie Dorée », fait face à des problèmes de gestion des réservations, en particulier pendant les heures de pointe. Les clients se plaignent de longs délais d’attente, et le restaurant perd des opportunités de servir plus de clients en raison d’une mauvaise gestion des tables.
Objectif du Projet
L’objectif principal de cette application est de simplifier le processus de réservation, permettant aux clients de réserver des tables sans effort et à leur convenance. En introduisant une fonction de réservation horaire, l’application vise à optimiser le renouvellement des tables, améliorer la satisfaction des clients et, en fin de compte, augmenter la rentabilité du restaurant
Processus de conception
Dans le développement de cette application de réservation de restaurant, j’ai suivi le processus de design thinking, qui comprend les étapes suivantes
- Empathie
- Comprendre les besoins et les attentes des utilisateurs.
- Définition
- Identifier le problème principal à résoudre
- Idéation
- Générer une série d’idées pour résoudre le problème.
- Prototype
- Créer un prototype de l’application et le tester auprès des utilisateurs.
- Test
- Lancer l’application et surveiller son utilisation et ses performances.
Recherche sur les utilisateurs
J’ai mené des entretiens et créé des cartes d’empathie pour comprendre les utilisateurs. Les clients technophiles recherchent la commodité, mais d’autres défis influencent également la réservation en personne dans les restaurants.
Émilie Dubois
Organisatrice d'événements
Ville : Strasbourg
Age : 32
Famille : En couple
Émilie, organisatrice d’événements, vise à trouver des restaurants uniques pour ses rassemblements, cherchant à combiner ambiance spéciale et cuisine de qualité. Elle recherche la facilité et flexibilité dans les réservations pour groupes, mais est souvent frustrée par la difficulté de trouver le lieu parfait et les complications des réservations pour des événements impressionnants.
Énoncé du problème
Émilie a du mal à trouver et à réserver des restaurants uniques pour ses événements sociaux.
“Je cherche constamment des lieux uniques pour créer des événements mémorables”.
Objectif
Trouver des restaurants avec une ambiance spéciale pour organiser des événements sociaux.
Réserver facilement et avec flexibilité pour des groupes.
Offrir des expériences culinaires exotiques et de qualité à ses invités.
Frustration
Il est difficile de trouver un restaurant qui combine une atmosphère unique et une cuisine de qualité.
Je veux éviter les complications lors de la réservation pour des groupes.
Je cherche des lieux qui sortent de l’ordinaire pour impressionner mes clients
Alexandre Martin
Critique culinaire
Ville : Bischheim
Age : 28
Famille : Célibataire
Alexandre, un épicurien passionné, recherche constamment de nouvelles expériences culinaires dans des restaurants uniques pour enrichir son blog. Son but est de découvrir et réserver aisément des lieux offrant une cuisine exceptionnelle. Toutefois, il est frustré par le processus complexe de réservation et la difficulté de trouver des établissements qui répondent à ses critères d’originalité et de qualité
Énoncé du problème
Alexandre trouve difficile de découvrir et de réserver des restaurants offrant une expérience culinaire authentique.
“À la recherche de nouvelles saveurs pour enrichir mon palais et mes critiques”.
Objectif
Découvrir des restaurants offrant des cuisines exotiques et raffinées.
Réserver aisément pour des dégustations professionnelles ou personnelles.
Expérimenter différentes cultures culinaires et partager ses découvertes.
Frustration
Trouver un restaurant qui offre une expérience culinaire authentique est un défi.
Je désire une plateforme de réservation simple et rapide.
Je veux que mes visites soient des expériences enrichissantes tant pour le palais que pour l’ambiance
Carte du parcours
La cartographie du parcours utilisateur a révélé l’utilité d’une application dédiée à un restaurant spécifique, plutôt qu’une application générale comme celles des concurrents, pour la réservation de restaurants.
Flux d'informations architecturales
J’ai pu concevoir l’architecture de l’information de l’application qui permet à l’utilisateur de trouver et d’interagir avec les informations de l’application de manière efficace, l’idée ici est de voir combien de clics et d’interactions l’utilisateur va faire et d’essayer de les optimiser pour obtenir l’expérience la plus rapide et la plus agréable possible.
Ce que je présente ici est un aperçu du processus de création de compte, d’inscription, de réservation et de modification ou d’annulation des réservations.
C’est fait avec FigJam
Maquettes numériques
Sur la base de mes premières croquis, j’ai produit un modèle filaire de basse fidélité pour démontrer la fonctionnalité de l’application. Ce modèle a été soumis à des tests auprès des utilisateurs afin d’évaluer son efficacité à résoudre les problèmes identifiés.
Prototype basse fidélité
En utilisant les schémas numériques élaborés, j’ai développé un prototype de basse fidélité. J’ai priorisé la construction et la réservation de tables dans le flux principal des utilisateurs, permettant ainsi au prototype d’être utilisé dans des études d’utilisabilité.
Études d'utilisabilité : Table of Contents
Comment les utilisateurs interagissent-ils avec l’application ?
Quelles fonctionnalités valorisent-ils ?
Quelles améliorations sont nécessaires pour optimiser leur expérience ?
Cinq utilisateurs potentiels de l’application, variés en termes de préférences et d’habitudes technologiques.
3 femmes et 2 hommes, âgés de 25 à 50 ans
15 minutes par participant
Réalisé à distance en France
Étude d’utilisabilité non modérée
Les utilisateurs ont été invités à interagir avec un prototype de moyenne fidélité
Insights
Résultats de l'étude d'utilisabilité
Utilisateurs :
Souhaiteraient davantage de fonctionnalités, telles que des avis sur les plats ou des recommandations personnalisées.
Ont besoin de plus d’aide visuelle ou de FAQ pour guider les nouveaux utilisateurs
Demandent des améliorations au niveau de la personnalisation du profil de l’utilisateur et de l’expérience de réservation
N’ont pas l’impression que l’application permet d’économiser du temps et des appels téléphoniques
Ne savent pas comment annuler ou modifier une réservation existante
Sur la base du thème que : les utilisateurs désirent plus de fonctionnalités.
Une perspective est : enrichir l’app avec des avis sur les plats et recommandations pour accroître satisfaction et engagement.
Sur la base du thème que : les utilisateurs requièrent une assistance visuelle améliorée.
Une perspective est : développer des guides et FAQ pour simplifier l’usage de l’application.
Sur la base du thème que : les utilisateurs veulent plus personnaliser leur expérience.
Une perspective est : élargir les options de personnalisation du profil et de réservation.
Sur la base du thème que : les utilisateurs perçoivent l’app comme non efficace.
Une perspective est : améliorer les processus pour que l’app soit perçue comme un gain de temps.
Composants
Une fois que j’ai plongé dans les profondeurs de l’utilisabilité et perfectionné mes wireframes, l’élan vers la conception d’un design distinctif s’est naturellement enclenché. J’ai construit sur un système de conception robuste, s’appuyant sur une méthodologie bien définie. En exploitant pleinement les fonctionnalités avancées de Figma, j’ai pu incorporer une palette de couleurs accessible et des styles personnalisés, façonnés pour répondre parfaitement aux besoins et aux préférences de mes utilisateurs principaux.
Typographie
Pour la typographie, j’ai opté pour Axiforma dans ses variations Regular, Semi-Bold et Bold. Cette sélection offre une esthétique moderne tout en assurant une lisibilité optimale à travers l’application.
Couleurs
La palette de couleurs que j’ai choisie comprend une gamme variée pour répondre aux besoins visuels de l’application. Elle comprend des nuances de Blanc, Beige Marron Royal, Noir, et Blue Fade Royal, avec une opacité de 50% pour certaines nuances, ajoutant ainsi de la profondeur visuelle à l’interface. Ces couleurs ont été sélectionnées pour leur harmonie et leur capacité à renforcer la clarté et la convivialité de l’interface.
Icongraphie
Pour les icônes, j’ai utilisé des symboles modernes et reconnaissables qui complètent le design global de l’application. Ces icônes, associées à la typographie et à la palette de couleurs sélectionnées, contribuent à une expérience utilisateur cohérente et intuitive.
Photographie
Les visuels de l’application ont été méticuleusement sélectionnés et capturés par mes soins en tant que photographe professionnel. J’ai réalisé une série de photographies haute qualité mettant en valeur les plats exquis proposés par le restaurant, ainsi que l’atmosphère raffinée de l’établissement. Chaque image a été soigneusement composée pour capturer l’esthétique et l’authenticité des plats et de l’ambiance du restaurant, ajoutant ainsi une dimension visuelle captivante à l’expérience utilisateur de l’application. Ces photographies personnalisées apportent une touche de professionnalisme et de crédibilité à l’application, renforçant ainsi son attractivité et son impact visuel.
Maquettes Haute fidélité
Finalement, grâce à l’analyse minutieuse des retours utilisateurs et des insights collectés, j’ai pu concevoir ces maquettes haute fidélité. Chaque détail a été soigneusement intégré pour garantir une expérience utilisateur optimale et répondre aux besoins spécifiques des utilisateurs.
