GEORGIA PEACH'S BAKING CO. CASE STUDY
Georgia Peach’s Baking Co. is a one-person shop located in Southeast Texas that began with a passion for baking. The bakery owner, Liz Morgan, needs a website to show customers all of her available items.View Figma Protoype
The client needed a website where her customers can view the menu in its entirety. She wants the site to cut down on decision fatigue and create a more welcoming vibe for customers to contact her. A main feature of her bakery is also to share the connection between dogs and people, so I wanted to highlight that.
The client stated that her customers were mainly in their 30s and ordered items for themselves. The user testing confirmed this.
I created a website for her that can easily showcase her items without becoming overwhelming to her clients. It needed to clearly mark which products were meant for humans and which were meant for their furry best friends.
I created a survey for the client to send out to her existing customers in order to understand them better. Gathering insight into their likes, dislikes and needs was crucial to designing a site that worked with the real people who would be using the site.
“Very accommodating to special dietary needs, being diabetic I required sugar free and she delivered delicious sugar free options”
AGED 25 - 45
PREFER ORDERING THROUGH TEXT
From the survey I learned that what users really liked about the bakery was the personalization of items. Liz has a way of making each customer feel special and adapting her recipe to match the flavor and dietary needs of her patrons.
Main complaints were not knowing what was available or having too many different options, making it hard to choose.
CHAD & DIESEL
- In his 30s
- Buys from small local businesses as often as possible
Motivations: Wants to buy some cheesecake, usually gets something for Diesel as well
Frustrations: Has to ask every single time what items are available and base his decision on a line of text
RILEY & FERN
- In her late 20s
- Spends all the time she can with her dog, Fern, who has her own Instagram account
Motivations: Loves the idea of matching dog and people treats, the concept is right up her alley
Frustrations: Not sure how to order, which items can be matched together or what is available
Based on the user surveys I decided to create two user personas following the data collected.
I chose Riley to focus on through my build of the site, thinking through how she would use it and what features would be most important to her.
With my journey map as a blueprint, I created a very basic flow with a focus on the bakery's menu items and images.
I sketched out a few ideas for the site and discussed options with the client. Her favorite idea was having a slideshow as the hero image so she could showcase multiple types of desserts at once prominently on her site.
Based on the user survey, most customers will be viewing the website on their phone. I designed the mobile site first to ensure all images and copy were readable and the layout made sense for a touch screen interface. A few desktop screens were created but due to time constraints, mobile was priority.View Figma Wireframes
Two tasks were tested;
- Find today's hours
- Order a cheesecake
Overall, users were able to complete all tasks without guidance. There were a few things that could be improved with the design as well.
One user did have trouble getting to the item details step of the prototype due to lack of indicators to tap on the item for more info.
I also took note that with the user having to remember each item they wanted to purchase, it didn’t solve the problem completely.
Based on my user testing I decided to do the following;
- Add visual affordance so users know they can tap a menu item to expand for more details
- Create a sort of temporary item cart so that users don't have to remember all items they'd like to request
- Extra field on contact form for dietary restrictions so it is not forgotten or lost in the main order
Based on the client's input, I styled the site. Initially she wanted a light peachy color and potentially a gradient, but with the white background she chose the color contrast was not high enough for accessibility standards. I pulled the red color from the inner portion of the peach to keep with the theme without compromising accessibility.
I applied the styling to my wireframes, following the examples from my style guide. I chose images that complimented the layout and color of the site. I also designed the home screen for desktop, following the mobile design. View Figma Prototype
I learned a lot about working with a real world client through this case study. It was also my first time designing a website and it taught me how to design for mobile first and then reorganize that wireframe for a desktop site.
I also gained some valuable insight into how users expect information to be organized. In the future I would like to have the client even more involved in the design process, as their perspective and ideas for the site were extremely helpful. I would also love to test more with disabled users who navigate the internet differently than I do.
Overall, I learned so much from this project and want to continue iterating on this site.
View Figma PrototypeBack to Case Studies
Thank you for taking the time to look at my case study! If you like my work, you can connect with me on LinkedIn
or follow me on Behance
. If you think we’d work well together, feel free to send me a message through my contact form
and I’ll get back to you as soon as I can.