Learning and User Experience Designer
Simple ordering for high-end pastries.
Parlez-vous Pâtisserie is a responsive e-commerce website design.
As part of my Google UX Design Professional Certificate coursework, I designed a responsive website in Adobe XD for a fictional bakery.
This design allows users to quickly and easily order custom pastries for their event..
First things first:
understand the user
User Personas
Name: Emily
Age: 35
Occupation: Event planner
Emily Smith is a 35-year-old event planner based in New York City who frequently places bulk orders at a French pâtisserie. She values quality, customization, and efficiency in her pâtisserie partner to help her deliver outstanding events and impress her clients. Emily's loyalty is earned through consistent quality and the ability to accommodate her customization needs, making her an ideal customer for any pâtisserie looking to serve the events industry.
Name: Carlos
Age: 48
Occupation: Office manager
Carlos Rodriguez, a 48-year-old office manager in Miami, occasionally places bulk orders at a French pâtisserie for office celebrations. He seeks a balance between quality, affordability, and convenience to enhance office morale. Carlos appreciates discounts and easy ordering options to accommodate his busy schedule and budget constraints, making him a valuable customer for pâtisseries looking to serve the corporate events market.
Competitive Audit
Tartine Bakery
San Francisco, CA
Famous bakery specializing in sourdough bread. Casual atmosphere with authentic sweet and savory French pastries.
Pâtisserie
Skaneateles, NY
Small town French-inspired bakery. Specializes in bread and unique desserts.
Magnolia Bakery
New York, NY
Famous chain offering fun cakes, desserts, and specializes in puddings.
Mademoiselle Colette
Menlo Park, CA
High-end, authentic French bakery specializing in elegant bakes for special events.
Now, start ideating solutions
Sketching
Wireframing
Then test it out
Usability studies
I conducted two rounds of moderated usability studies:
-
one with a low fidelity prototype
-
one with a high fidelity prototype
Insights:
Round 1
1
Add more descriptions to the home page
2
Provide confirmation feedback when order is placed
3
Input fields need to autofill when users log in
Round 2
1
Add more options in checkout process
2
Indicate saved progress throughout checkout process
3
Add icons to buttons to make them easier to find
