Cas d'étude UX
Cas d'étude UX
Cas d'étude UX
Maison Jean Beaumont
Maison Jean Beaumont
Introduction
Introduction
Ce projet, au nom fictif de "Maison Jean Beaumont" a pour objectif la conception de boutiques "type" en version bureau et mobile pour les boulangeries souhaitant vendre des gâteaux en ligne, avec une fonctionnalité de personnalisation de gâteaux.
Cette conception a été réalisée dans le cadre du certificat UX Design de Google.
Ce projet, au nom fictif de "Maison Jean Beaumont" a pour objectif la conception de boutiques "type" en version bureau et mobile pour les boulangeries souhaitant vendre des gâteaux en ligne, avec une fonctionnalité de personnalisation de gâteaux.
Cette conception a été réalisée dans le cadre du certificat UX Design de Google.
This project, with the cover name of "Maison Jean Beaumont", aims to design "typical" desktop and mobile web shop for bakeries wishing to sell cakes online, with cake customization functionality.
This design was part of my Google UX Design certificate followed on Coursera.

Problème et contexte
Problème et contexte
Problem and context
Problème : Commander des gâteaux personnalisés en ligne est souvent compliqué, il y a peu d'offres et souvent avec des options de personnalisation limitées et des interfaces utilisateur peu intuitives.
Contexte : La demande de gâteaux personnalisés pour diverses occasions existe, mais les options en ligne sont limitées et souvent peu accessibles.
Problème : Commander des gâteaux personnalisés en ligne est souvent compliqué, il y a peu d'offres et souvent avec des options de personnalisation limitées et des interfaces utilisateur peu intuitives.
Contexte : La demande de gâteaux personnalisés pour diverses occasions existe, mais les options en ligne sont limitées et souvent peu accessibles.
Problem : Ordering personalized cakes online is often complicated, with few offerings and often limited customization options and unintuitive user interfaces.
Context : The demand for personalized cakes for various occasions exists, but online options are limited and often not very accessible.
Objectifs
Objectifs
Objectives
Simplifier le processus de commande de gâteaux personnalisés.
Offrir une interface utilisateur intuitive et conviviale.
Réduire le temps de commande et assurer une livraison fiable.
Simplifier le processus de commande de gâteaux personnalisés.
Offrir une interface utilisateur intuitive et conviviale.
Réduire le temps de commande et assurer une livraison fiable.
Simplify the custom cake ordering process.
Provide an intuitive and user-friendly interface.
Reduce ordering time and ensure reliable delivery.
Mon rôle dans ce projet
Mon rôle dans ce projet
My role in this project
Concepteur UX débutant
Avec comme responsabilités :
Recherche UX :
Analyse des besoins et des frustrations
Audit concurrentiel
Prototypage :
Wireframes
Design d’interface (UI)
Design d’interaction (IxD)
Concepteur UX débutant
Junior UX Designer
Responsibilities :
UX Research :
Analysis of needs and frustrations
Competition audit
Prototyping :
Wireframes
User interface (UI)
Interaction design (IxD)
Avec comme responsabilités :
Recherche UX :
Analyse des besoins et des frustrations
Audit concurrentiel
Prototypage :
Wireframes
Design d’interface (UI)
Design d’interaction (IxD)
Sitemap
Sitemap

Processus de recherche
Processus de recherche
Research process
Recherche quantitative :
Recherche quantitative :
Quantitative research :
Audit concurrentiel : J'ai réalisé un audit concurrentiel pour analyser les offres disponibles sur internet
Observation : J'ai observé les files d'attente et le comportement des clients dans plusieurs boulangeries locales lors des pauses midi.
Audit concurrentiel : J'ai réalisé un audit concurrentiel pour analyser les offres disponibles sur internet
Observation : J'ai observé les files d'attente et le comportement des clients dans plusieurs boulangeries locales lors des pauses midi.
Competitive audit : I made a competitive audit to analyze the offers available on the Internet.
Points de douleur
Points de douleur
Pain points
1
Complexité de la personnalisation
Complexity of customization
Les sites internet proposant une personnalisation de gâteaux ne permettent pas un contrôle total sur la création du gâteau, les choix de personnalisation sont limités
Les sites internet proposant une personnalisation de gâteaux ne permettent pas un contrôle total sur la création du gâteau, les choix de personnalisation sont limités
Internet sites offering cake customization do not allow total control over the creation of the cake, and the choices of customization are limited.
2
Interfaces utilisateur non intuitives
Non-intuitive user interfaces
Les concurrents souffrent d'interfaces peu intuitives car certains semblent avoir des sites très générique voire vieux pour certains.
Les concurrents souffrent d'interfaces peu intuitives car certains semblent avoir des sites très générique voire vieux pour certains.
Competitors suffer from less-than-intuitive interfaces, as some seem to have very generic or even old sites.
Persona
Persona

Anastasia, 23 ans, Professeure des écoles
Genève, célibataire, vit seule.
Besoins : Trouver une boulangerie pouvant réaliser un gâteau d'anniversaire personnalisé.
Objectifs : Fêter l'anniversaire de son neveu avec un gâteau sur le thème de super héros
Frustrations : N'est pas à l'aise avec les sites web.
Anastasia, 23 ans, Professeure des écoles
Genève, célibataire, vit seule.
Besoins : Trouver une boulangerie pouvant réaliser un gâteau d'anniversaire personnalisé.
Objectifs : Fêter l'anniversaire de son neveu avec un gâteau sur le thème de super héros
Frustrations : N'est pas à l'aise avec les sites web.
Anastasia, 23 ans, School teacher
Geneva, single, lives alone.
Needs : Find a bakery that can make a personalized birthday cake.
Goals : Celebrate her nephew's birthday with a superhero-themed cake.
Frustrations : Not comfortable with websites.
Wireframes et prototypes
Wireframes et prototypes
Wireframes and prototypes
Basse-fidélité (numérique)
Basse-fidélité (numérique)




Low-fidelity mockup (digital)
Haute-fidélité (numérique)
Haute-fidélité (numérique)
High-fidelity mockup









Prototypes :
Fonctionnalités principales : Ajout de gâteau, Processus entier de panier, (Personnalisation de gâteau à venir)
Prototypes :
Fonctionnalités principales : Ajout de gâteau, Processus entier de panier, (Personnalisation de gâteau à venir)
Prototypes :
Main features : Add cake, Full checkout process, (Cake customization coming soon)
Résultats et analyses
Résultats et analyses
Results and analysis
Le projet est encore en cours, et doit être testé par des utilisateurs potentiels afin d'améliorer le premier design.
Le projet est encore en cours, et doit être testé par des utilisateurs potentiels afin d'améliorer le premier design.
The project is still in progress, and needs to be tested by potential users in order to improve the initial design.