top of page

The Product
 

Flowers by You is an app designed for individuals who are looking to send custom designed floral arrangements without the hassle of walking into a brick and mortar shop.

The Problem
 

  • Users want a more efficient way to create and send custom floral arrangements

 

  • Users want an option to save their designs to be used again in the future

The Goal

​

​

  • Create a virtual design center for users to create their own floral arrangement on an app

​

  • Create an option to save custom orders to a personalized “favorites” page where they can easily refer back to their designs and re-order.

I did an audit on multiple competitors to better understand the market and see where there were shortcomings and holes that could be fixed for optimal user experiences.

Screen Shot 2023-07-13 at 5.47.28 PM.png

My Role

UX Designer

Timeline

4 Weeks

The Team

Solo

User Research

I held in person interviews with a wide range of demographics in order to better understand the needs, desires and frustrations of our audience. The takeaway from these interviews was that customers want more reliability and information regarding the products and their availability.

 

The user group reinforced our concerns that the app does not provide the accessibility and ease that it advertises. However, the general consensus was that the ability to preview a bouquet without having to actually visit a shop is appealing and feature that they would take advantage of. The users also gave us a better understanding of the lack of accessibility for those with limited technological abilities.

Pain Points

Time Consuming

Ordering flowers through an app is time consuming

Lack of Visuals

Flower shop apps are often text heavy and don’t include enough images of products

No Customization

Many flower shops don’t allow the option to create custom floral arrangements through an app

Starting the Design

Flowers
by You

Profile.png
Home.png

1. Paper Wireframes

Untitled design (20).png
Untitled design (21).png
Screen Shot 2023-07-14 at 10.44_edited.png

Elements included: 
​
Reviews             Photos             Filters             Images             Order             Preview             Delivery
 

2. Digital Wireframes

Visual representation of custom design

Filter for users with specific needs and preferences

Untitled design (24).png
Untitled design (22).png
Untitled design (23).png

Universally recognized Icons that simplify the lengthy process of navigating through a busy app

Favorites gallery so users can save their favorite designs and re-order with ease

3. Low Fidelity Prototype

Screen Shot 2023-07-14 at 4.05.31 PM.png

Test out the prototype

4. Usability Study Results

I hosted two remote usability studies where users were given a list of tasks to complete with an indefinite amount of time. Users were encouraged to make comments about the process but were not given the ability to ask questions.  The first study was done to test the wireframes and understand where users were getting stuck and how we could enhance the design to better fit the needs of the users. The second study was doing to test the low fidelity prototype. The purpose was to see if the changes made to the wireframes were successful. This also provided the opportunity to get user feedback on a more finalized design. 

Round 1 Findings​


Users wanted visual cues to indicate when an item had been selected or added to cart


Users were surprised that they didn’t have an opportunity to review their order after entering payment information


Navigating to the checkout page was time consuming

Round 2 Findings

 

Users wanted a calendar for scheduling a delivery 

​

​

It wasn’t obvious how to utilize the favorites feature

​

​

There was confusion as to whether an action had been completed

1. Mockups

Before Usability Study #1

After Usability Study #1

Users wanted a visual

to indicate when they had selected an item. The new design allows them to see which items they have selected directly below the design panel. 

design.png

Before Usability Study #2

After Usability Study #2

Untitled design (27).png

Users wanted to see the dates for deliveries so I updated the design to a calendar view. Users also felt like the map was an unnecessary addition to the ordering process so that was eliminated from the design.

Untitled design (26).png

2. High Fidelity Prototype

Screen Shot 2023-07-21 at 11.33.17 AM.png

Test out the prototype

3. Accessibility

Visuals

Included visuals and descriptions of products for those with visual impairments

Usability Guidelines

Followed web content usability guidelines to ensure those with  motor, auditory and cognitive disabilities can use the app without difficulty.

Filters

 Included filter options for those with allergies

Next Steps

1

Make adjustments based on research and user feedback

2

Test app through an in person usability study 

3

Organize a peer critique session to ensure the app has been fine tuned and fully functional

bottom of page