The Product

Shine’s Bakery is a one stop store that offers all baking products fresh and at affordable pricing options. The typical user is between 19-60 years old, and most users are college students and career professionals. Shine’s Bakery goal is to make shopping fun, fast, and easy for all types of users.

Project duration

October 2022 to November 2022

The Problem

Available online shopping websites have cluttered designs, inefficient systems for browsing through products, and confusing checkout processes.

The Goal

Design a Shine’s Bakery website to be user friendly by providing clear navigation and offering a fast checkout process.

My Role

UX designer leading the Shine’s Bakery website design

Responsibilities

Conducting interviews, paper and digital wireframing, low and high-fidelity prototyping, conducting usability studies, accounting for accessibility, iterating on designs and responsive design.

User research: summary

I conducted user interviews, which I then turned into empathy maps to better understand the target user and their needs. I discovered that many target users treat online shopping as a important activity whenever they have a celebration at home or at work. However, many shopping websites are overwhelming and confusing to navigate, which frustrated many target users. This caused a normally enjoyable experience to become challenging for them, defeating the purpose.

Pain Points

• Navigation: Shopping website designs are often busy, which results in confusing navigation

• Interaction: Small buttons on shopping websites make item selection difficult, which sometimes leads users to make mistakes

• Experience: Online shopping websites don’t provide an engaging browsing experience

Name: Radhika

Age: 32

Occupation: Marketing Manager

Location: Los Angeles, California

Background: Radhika is a busy marketing manager who lives in Los Angeles. She has a sweet tooth and enjoys trying out different baked goods. Emily is always on the go and often orders food online or uses food delivery services to get her meals. She loves to support local businesses and is always looking for new bakeries to try out.

Goals and Needs: Radhika is looking for a bakery website that is easy to navigate and responsive on both desktop and mobile devices. She wants to be able to easily browse through different categories of baked goods, such as bread, pastries, and cakes, and see high-quality images of each item. She also wants to be able to order online and have the option for delivery or pick-up. Radhika values good customer service and appreciates when websites have clear information on shipping, returns, and customer support.

Pain Points: Radhika has had negative experiences with bakery websites in the past that were difficult to navigate or had outdated designs. She has also had issues with orders not being delivered on time or with items being damaged during shipping. Radhika wants to feel confident that she can order from a bakery website without any issues and receive high-quality baked goods.

Key Takeaways: Radhika is a busy professional who values convenience and good customer service. She is looking for a bakery website that is easy to use and responsive on both desktop and mobile devices. She wants to be able to order online and have the option for delivery or pick-up. Radhika wants to feel confident that she can order from a bakery website without any issues and receive high-quality baked goods.

Name: Krishna

Age: 26

Occupation: Software Developer

Location: New York City, New York

Background: Krishna is a busy software developer who lives in New York City. He leads a busy lifestyle and often orders food online or uses food delivery services to get his meals. He loves to try out new bakeries and is always on the lookout for delicious and unique baked goods. Krishna is tech-savvy and enjoys using websites and apps that are user-friendly and easy to navigate.

Goals and Needs: Krishna is looking for a bakery website that is visually appealing, easy to navigate, and responsive on both desktop and mobile devices. He wants to be able to easily browse through different categories of baked goods and see high-quality images of each item. He values convenience and wants to be able to place an order quickly and easily. Krishna also wants to know if the bakery has any special offers or promotions.

Pain Points: Krishna has had negative experiences with bakery websites in the past that were difficult to navigate or had slow loading times. He has also experienced issues with websites not being optimized for mobile devices, which made it hard to browse and order from his phone. Krishna wants to be able to quickly and easily place an order without having to deal with slow loading times or technical issues.

Key Takeaways: Krishna is a tech-savvy software developer who values convenience and user-friendliness. He wants a bakery website that is visually appealing, easy to navigate, and responsive on both desktop and mobile devices. Krishna values being able to quickly and easily place an order and wants to know if there are any special offers or promotions. He wants a website that is optimized for mobile devices and does not experience slow loading times or technical issues.

Impact

Our target users shared that the design was intuitive to navigate through, more engaging with the images, and demonstrated a clear visual hierarchy.

What I learned

I learned that even a small design change can have a huge impact on the user experience. The most important takeaway for me is to always focus on the real needs of the user when coming up with design ideas and solutions.

View More Here

https://www.figma.com/file/YeSA1QMc1pgD3AcHVjJmtK/Bakery-shop-web-design-wireframe?node-id=50%3A530&t=OkcMTEztaCAGsKDc-1