.png?table=block&id=99b604b0-3405-4349-ae95-2c8afb6d4acc&cache=v2)
.png?table=block&id=ef90ff7f-963b-4b2b-b603-647745acb713&cache=v2)
.png?table=block&id=d1dfc84a-faa2-4361-b209-eee435d0163c&cache=v2)
Mockups
.png?table=block&id=1dc8660e-ecf1-4489-870a-b64bb3a35127&cache=v2)
.png?table=block&id=69987fcd-dd0c-438f-b6eb-ce400a3688a2&cache=v2)
The Product
A flower bouquet preview app that will help users select bouquets for delivery with accessibility features for people with low vision. The target users are anyone who uses a smartphone and prefers buying bouquets as a gift.
The Problem
The user wants to have flowers delivered to a loved one. They want select, customize purchases, and schedule delivery quickly and easily.
The Solution
Our bouquet preview app will let users choose the best bouquet for any occasion which will affect anyone looking to buy a bouquet as a gift by allowing them to easily and quickly preview and choose the right bouquet for the app collection. We will measure effectiveness by the time taken to choose and add a bouquet to the cart.
User Research
Interviews were conducted to generate user insights for this project. I wanted to understand what part of purchasing flowers for delivery people enjoy the most and what common pain points they faced with other florist delivery apps.
Personas
.svg?table=block&id=3a5a559a-63ca-449c-a887-5323c1f3748e&cache=v2)
User Journey Map
.svg?table=block&id=158b378f-a07b-438d-9bd3-2fac0bad44e4&cache=v2)
Task Flow
Task flows for each key helped me identify key actions within the app and the screens to focus on
Paper Wireframes
These are the home screen ideas of my app. I wanted to try to fit as much info as possible such as delivery info, categories, and favorites but I decided to scale back to not overwhelm the user. I choose the first design in the top row as a starting point.
Low Fidelity Prototype
Usability Study
Participants: 2 males, and 3 females. Ages 30-75.
Insights
- Users wanted a more intuitive way to enter a personalized message
- Users wanted more information about pricing for bouquet customizations
- Users wanted a way to access or change items in their cart throughout the user flow
- Users wanted more information about the rating system
First Iteration Mockups
My goal was to create a high-fidelity mock-up that was fun, vibrant but also accessible and easy to navigate.
.png?table=block&id=c9a7445f-23d0-4a5b-8463-61045295bfc5&cache=v2)
High Fidelity Prototype Usability Study
The second usability study revealed frustrations in these areas
- Users were confused about the drop-down menu under collections. They didn’t realize it was clickable.
- Users were frustrated with the buttons being close together
- Users wanted the ability to read more reviews
- Users were confused about the text boxes on the cart page that looked like buttons
.svg?table=block&id=fd44bf4c-9e82-43d9-a244-81cb8f19a8f3&cache=v2)
.svg?table=block&id=87eab567-4284-4f39-bd97-368c0d8b3f37&cache=v2)
.svg?table=block&id=1ca39353-a958-4e9c-b451-8e6ec23bdfc8&cache=v2)
.svg?table=block&id=52cdebe9-d256-4f9a-971f-f9b59237f02b&cache=v2)
.svg?table=block&id=26fe0204-d6cd-4e29-9dd2-bcda5a5c4319&cache=v2)
High Fidelity Prototype
.svg?table=block&id=fd8ea119-433b-4322-85c7-66e9e450058b&cache=v2)
.svg?table=block&id=6c2ab1ff-48cd-4151-9411-8fba9f3e626b&cache=v2)