Florists'

My side project to help people buy flowers online during the pandemic

Project Vision

Create a flower shopping app to allow customers to purchase flowers online and avoid the risks of visiting physical florists because of the pandemic. It can also help customers to buy flowers for their friends and relatives in another city.
My Role
Sole UI / UX Designer
User Researcher
Timeline
2021 Q4

What's the problem?

What's the goal?

Customers want to buy flowers for friends and relatives in differet places, but don't know what options are available locally.

Customers want to know what flowers are currently available in the nearby flower shops, so they have to go to see them.

Design a mobile app to allow users to buy flowers for friends and relatives in different places and browse online information about nearby flower shops

Emphasize: What’s the user needs?

At this stage, I conducted an Instagram survey and created empathy maps to understand the users I’m designing for and their needs. A primary user group identified through research was young adults who like flowers and online shopping. 

This user group confirmed initial assumptions about flower online shopping customers, but research also revealed that location was not the only factor limiting users from buying flowers online. Other user problems included availability, replacements that make it difficult to buy flowers online. 

Conduct a Instagram Q&A Survey

Pain Points

Distance

Customers want to buy flowers for relatives and friends in different places, but don’t know the situation of the local flower shop

Availability

Customers who want to know which flowers are available in the nearby flower shop can only go to the shop to see

Replacement

Users are worried about the unexpected replacement of flowers in the bouquet they order

Define: What are users’ problems?

I created 2 types of personas representing primary and secondary user situations.

Problem Statements

We extracted problem statements from our personas to help us dig deeper into user problems

"I have a long-distance relationship with my boyfriend, so I want to send him a bunch of flowers every month, just like I'm by his side."

Connie is a designer based in California who wants to buy flowers for her boyfriend living in another city.

"I am not sure how I deal with the inconsistency between my work and final flower product."

Kevin is a careful florist studio owner & student who needs to keep consistency between his display work and real product as much as possible because he wants to have a stable source of customers for his business.

User Journey Map

I created user journey map for our persona:Connie

Competitor Audit

I conducted a competitor audit in terms of competitor types and business sizes, and although none compete directly with Florists’, they can still infringe on the business' revenue & popularity. Florists’ has the opportunity to capitalize on this by bringing products from each florist to create a one-stop shop without oversaturating the user's selection.

The majority of the features between competitors were very similar, however, the main differences are listed:​

  • – Smooth Interaction vs lack of button status indication
  • – wide range of features vs focus on the main functionality
  • – Localization vs general product framework
  • – Minimalistic UI style & Bright Cartoon Style

Information Achitecture

I created new Information Architecture based on our new app structure

Wireframe & Iterations

After completing the Information Architecture, I started working on wireframes before moving to visual parts.

Usability Test

Usability TestAfter completing wireframes and low-fi prototypes, we conducted a usability test to run through different scenarios in our prototype in hopes of gathering enough feedback to use for our next set of design iterations.

Research Questions
  1. How long does it take a user to find and order a bouquet in the app?
  2. What can we learn from the user flow, or the steps that users take, to order a bouquet?
  3. Are there parts of the user flow where users get stuck?
  4. Are there more features that users would like to see included in the app?
  5. Do users think the app is easy or difficult to use?
Participants
  1. Participants include flower lovers (buy flowers every week ) and people who buy flowers 2 or 3 times a half year.  
  2. Two males, two females, between the ages of 18 and 40.
Methodology
  1. Unmoderated usability study
  2. Location: Canada, remote (each participant will complete the study in their own home)
  3. Date: Sessions will take place on Nov 14 (after hours)  and Nov 15 (after hours)
  4. Length: Each session will last 5 to 10 minutes, based on a list of prompts
  5. Compensation: $25 Target gift card for participating in the study

Home Page

Key Insight: Have a more obvious way to change location

Test Prototype
Design Update Recommendation

Order Page

Key Insight: Edit the address & shopping cart through check out process

Test Prototype
Design Update Recommendation

Usability Test Insights

  • New Way to Change Location - users need a more intuitive way to access the location picker button
  • Allow Edit Shopping Cart - edit functionality should be added to the check out process
  • Allow Edit Address - edit address functionality should be added to the check out process
Solution for pain point 1

Distance

I added a Location (City) picker to help users to filter out the florists based on location and the “Distance” filter can sort the florists based on the distance to help users to choose available flower shops in other places.

Solution for pain point 2

Availability

In each florist home view, users can browse all available bouquets, and also I added a florist thumbnail view to show all flowers included in the bouquet to help users get more details.

Solution for pain point 3

Replacement

I added the replacement dialog to indicate users to make a new selection.

Takeaways

As a flower enthusiast, Florists’ is an idea that is near and dear to my heart. I wanted to communicate the importance expressing yourself through different creative outlets. This was a great practice by following Emphasize-Define-Ideate-Prototype-Test design framework. The iteration between prototype and test was an essential step through the process. I had a deeper understanding of the importance of usability tests.

More projects

Hasura Console
SaaS Website
UX Design, UX Engineering
2023
511 Traffic Alert
Native iOS Mobile App
UX Design, iOS Develop
2021
Alberta Highway Reporter
Native iOS Mobile App
UX Design, iOS Develop
2021