Thiago . PD . UX
Bakery shop app
Case Study
1. Project overview
In this case study, I covered the stages involved in developing the bakery shopping app, such as research, design, prototyping, components and user flow
Disclaimer: Designing and developing a bakery’s design app is a complex process that requires collaboration between designers, developers, and stakeholders. Continuous improvement and user satisfaction should be at the core of your app’s development process. This case study shows some steps based in my experience and onde part of the big developing and delivery process.
In summary, I based in these goals:
Study and understand that for this case study, I will deliver an application from login to successful payment.
To search and see what the other companies are doing in their apps, their customer’s journeys and engagement
Designing an user flow and developing a preliminary solution
Present the finished and working solution!
2. Discovery Phase
Bakery delivery order market in the USA
The bakery delivery order market in the USA was a significant and rapidly evolving segment of the food delivery industry in the last years. Here are some key aspects of this market in the USA:
3. Benchmarking
At this point, I start to see closely competitors, to see what they have in common between them and what could we consider putting in the app.
Starbucks
Shake Shack
Krispy Kreme
Crumbl Cookies
Dunkin Donuts
Analyzing the bakery’s app interfaces:
- Use real photos of products;
- Use iconography to better identify menu items;
- Describe the products in detail;
- Allows customization of products;
- Offer pickup or delivery.
4. Sitemap
Sitemap was developed to understand the hierarchy and app’s pages.
5. Deep User Flow
With many examples in mind and after analyzing the user flows, I designed a detailed journey to understand the contact points and what could I consider to develop the high-fidelity prototype.
At this stage, a lot of real data could already be added to the interface, thus helping to better visualize how the high-fidelity prototype would be built.
6. High Fidelity Prototype
The prototype was built following the premises presented before.
7. Live prototype
