Back

Case study

Flory

A mobile app for ordering plants and flowers.

Figma prototype

Flory app screens on phones
Duration
3 weeks
My role
UX and UI designer and UX researcher
Responsibilities
User research, wireframing, prototyping
Audience
Shoppers and plant enthusiasts

01 · Overview

Project overview

The product

People are able to order plants in this app and have them delivered to their home. The app has information about different plants and a forum section.

The problem

Trust in an app to deliver plants. Needs to be simple enough for older people with limited tech abilities.

The goal

Make a simple looking but modern app where busy people can simply buy plants fast but with the possibility for other people to also learn about plants and chat with other plant enthusiasts.

Goal statement

Our Flory app will let users buy and learn about plants and flowers, which will affect shoppers and plant enthusiasts by creating a platform that allows fast purchase and an immersive experience for those who wish.

We will measure effectiveness by the number of sales and chat/forum active users.

02 · Understanding the user

User research

I collected data through interviews and surveys and was able to establish what possible users would want from this app, created a persona based on the data and was able to identify how the app should work and look.

1 · Interview goals

Finding out what kind of plants people are more interested in, how they take care of them and if they would trust the app.

2 · Target

People interested in plants. It is for everyone, but there are 2 main targets:

  • Young people around 25–35 years old, preferably living away from their parents
  • Older women, retired, that like plants, gardens and TV shows about gardening or houses like H&H

3 · Questions

  1. What kind of plants do you like?
  2. Would you trust a delivery system to deliver you quality plants?
  3. Would you trust the app more if you could see pictures of the actual plant you are buying (not a representation) or is this unnecessary?
  4. Are you interested in rare plants?
  5. How important are plants in your life?
  6. Do you usually take care of plants constantly or do you prefer plants that are more resistant and require less care?
  7. Where do you cultivate your plants?

Pain points

  1. 1

    Buy/Forum integration

    There are websites to buy flowers and forums about flowers, but there isn’t an app with both together.

  2. 2

    Simple navigation

    A lot of users, like one of our personas, are not so tech savvy and they need an easy to understand platform.

  3. 3

    Product availability

    We need to incentivize sellers to keep updating their products. We need to market the app to attract new buyers to these sellers.

  4. 4

    Easy to access products

    Offers and recommendations at the top of the homepage can help users that just want to buy a new plant without having to browse and waste time.

Personas

Illustration of Beth

Beth

Retired psychologist and plant enthusiast

“Plants makes my home feel more alive”
Age
58
Education
B.S in psychology
Hometown
Cleveland, OH
Family
Married. 2 sons.
Occupation
Retired

Goals

  • Find new plants for her house. Real pictures.
  • A lot of options to browse, learn and pass time
  • Deliver to her house

Frustrations

  • Only finding the same plants in the market
  • Not having other people to talk about plants

Her sons are 28 and 32, they moved out of her house and they live with their significant others. She loves and supports her sons, but she feels the house is empty after they left. Her husband still works part-time by choice, she is alone all of the afternoon and her husband doesn’t care as much as her about plants. Plants keep her busy, happier, she takes good care of them and would like a platform to buy, see and talk about plants.

Problem statementBeth is a retired psychologist and plant enthusiast who needs a platform to talk about plants, learn, buy and have it delivered to her because plants keep her busy and happy when she is alone at home.

Illustration of Gloria

Gloria

Student and tattoo artist who rents an apartment with a roommate

“Plants makes the small apartment I’m renting feel more like home to me”
Age
27
Education
College, Biology
Hometown
Los Angeles, CA
Family
Dating, not married
Occupation
Student and tattoo artist

Goals

  • Find new plants for her house
  • Fast and easy
  • Deliver to her house
  • Low maintenance plants

Frustrations

  • Having to go to a store to buy plants
  • Not having time to take care of complex plants

She is studying biology to become a teacher in the future. She goes to school in the mornings and some afternoons. She works as a tattoo artist some afternoons, a few nights a week and during the weekends. She lives with a busy roommate and she is also too busy to take care of complex plants, she likes plants that don’t require too much water or too much sun because her apartment doesn’t have a balcony.

Problem statementGloria is a student and tattoo artist who rents an apartment with a roommate and needs a fast and simple app to buy plants because plants make her apartment feel more like home and she is too busy to go to a store.

User journey maps

User journey map for Beth
Beth · Goal: find a new plant and make sure it looks good before buying
User journey map for Gloria
Gloria · Goal: find a new plant fast, without having to go through many screens, and have it delivered

03 · Starting the design

From flows to a prototype

  • User task flow
  • Paper wireframes
  • Digital wireframes
  • Low-fidelity prototype
  • Usability studies

User task flow

User task flow: from opening the app to browsing, buying, the forum and the chat
Paper wireframes

I Paper wireframes

Taking time to draft a paper wireframe ensured that elements that made it to the digital wireframe were well defined and well suited to address users’ pain points and expectations.

Digital wireframe of the homepage

II Digital wireframes

In the homepage, according to the personas’ needs, we have at the top a fast purchase option and at the bottom an integration to the forum, where plant and flower enthusiasts can spend time and learn new things.

At the top we have featured offers, recommendations and the option to browse all products. Here we market some of our services and below it’s the featured forum post.

Digital wireframe of the forum page

II Digital wireframes

This is the forum page, where plant and flower enthusiasts can share their history, tips, their gardens, recommendations, etc.

The forum has a featured post at the top, followed by the most liked posts and below that the newest. Down here we have a fixed new post button. Posts can be liked, commented and shared. You can also attach images.

Low-fidelity prototype connecting all screens

III Low-fidelity prototype

The homepage presents two main paths: the shop and the forum. After a purchase the user can track through their purchase history. This lo-fi prototype provides the general idea of the user flow.

Usability study findings

Round 1

  1. Some users want a way to share pictures without the forum
  2. A chat to talk directly to other users

Round 2

  1. Make browse option more visible
  2. Change forum icon
  3. User flow is good and users’ tones were positive

04 · Refining the design

Mockups after the usability study

Highlights

A new highlight page was added. In this page people can post pictures that last 24 hours. There is a random (for you) page and a following page where users can watch others’ highlights. People can now choose a permanent forum post or a temporary picture.

Forum screen before the usability study
Before usability study
Highlights screen after the usability study
After usability study

Chat

We added a chat where people can communicate directly. Before, people could only communicate via the forum. Now there are both options.

Forum screen before the usability study
Before usability study
Chat screen after the usability study
After usability study

Mockups

High-fidelity prototype

Overview of the high-fidelity prototype screens

Check the prototype

Accessibility considerations

  1. 1

    Easy to spot buttons in contrast to negative space and different motions for the same task.

  2. 2

    An accessibility page in the configurations where people are able to apply a high contrast option and screen reader.

  3. 3

    A “help” page where users can get in touch with Flory’s staff, ask for guidance or ask questions.

05 · Going forward

Takeaways and next steps

Impact

The feedback on this app is positive, many people showed interest in using it and want it to be developed into a usable app.

What I learned

I learned to conduct usability research, how to create personas, goals and problem statements, user tasks, user flow and how to consider and implement these concepts in the design.

Next steps

  1. 1

    Talk with developers and receive feedback about how well the front-end team would be able to code this design.

  2. 2

    Talk with possible sellers and find out if they would like to upload their products in the app and if they would need other incentives besides more sales.

  3. 3

    Conduct research to find out if users would be interested in having Flory working on desktop computers.

06 · Full case study

The presentation