Wild Stems App 

Wild Stems is an a App where users can purchase flowers and handmade gifts for loved ones.

Project Duration

This projects has taken 4 months to research, design, and build. I am currently moving into the testing phase.

The Problem

Our User is a new father and mortgage broker who needs a way to buy Mother’s Day flowers for his wife in an app because he likes the convenience of shopping online, deals, add-on gifts, and guaranteed delivery dates.

The Goal

Wild Stems App will let users purchase flowers, bouquets and handmade gifts. It will affect users who buy flowers and gifts for friends and family by giving them the convenience of online shopping with guaranteed delivery dates.

Wild Stems First Wireframes Diagram

My Role

I am the UX designer, UX researcher, and UI / Visual Designer.

Responsibilities

User research, wireframing, prototyping, branding, and defining voice and tone.

User Research: Summary

I created a online survey with eleven questions and collected twelve random responses to learn what users are looking for when shopping online for flowers and gifts.

Wild Stems User Research Survey

User Research: Pain Points

Survey responses from users who have shopped for flowers online.

Bouquet of yellow and pink flowers with green stems.

Q
&A

When shopping for flower bouquets online or in an app what is most important to you?

"Being able to see what you get in a particular bouquet, price and size specifications."

Q
&A

What features would you like to see in an app to help you choose your bouquet?

"Item details, price, size of item, delivery information (day/time)."

Q
&A

When purchasing flowers as a gift for someone what features or options do you like to have for your purchase?

"Additional gifts, messages, gift packing"

Q
&A

What do you like the least about shopping for flower bouquets online?

"Usually ships from far away, never get what you want exactly."

Wild Stems Buyer Persona Maurice

Persona: Maurice

Problem Statement: Maurice is a new father and mortgage broker who needs a way to buy Mother’s day flower for his wife in a app because he likes the convenience of shopping online, deals, add-on gifts, and guaranteed delivery dates.

Wild Stems User Journey Map

User Journey Map

Examining the steps to purchase flowers online: Purchase a bouquet of flowers for his wife’s first Mother’s Day as a new mom.

Wild Stems Paper Wireframes

Paper Wireframes

Taking the time to draft iterations of each screen of the app on paper ensured that the elements that made it to digital wireframes would be well-suited to address user paint point. For the home screen, I prioritized a quick and easy way to bypass logging in to help users save time.

Wild Stems Product Page Diagram

Digital Wireframes

As the initial design phase continued, I made sure to base screen designs on feedback and findings from the user research. 

Wild Stems Menu Page Diagram

Easy navigation was a key user need to address in the designs in addition to equipping the app to work with assistive technologies.

Wild Stems Low Fidelity Prototype

Low-fidelty Prototype

The low-fidelity prototype connected the primary user flow of choosing their product and completing their purchase. So this prototype could be used in a usability study with users. 

View Low-fidelity Prototype
Images of before the usability study and after the usability study.

Mockups

Early designs had to large of spacing at the top. But, after the usability studies it was found that the menu options should be closer together. It was also found through testing that the top menu needed labeling for accessibility needs.

Images of before the usability study and after the usability study.

Mockups

The second usability study revealed there were some frustrations with the add to cart feature. The users wanted more clear visual confirmation that their item has been added to their cart before continuing in the app.

Key Mockups

Mobirise
Wild Stems High Fidelity Prototype

High-fidelity
prototype

The high-fidelity prototype connected the primary user flow of choosing their product and completing their purchase. So this prototype could be used in a usability study with users. 

View High-fidelity Prototype

Accessibility Considerations

Mobirise

1

Provided access to users with Dyslexia, vision impairment through adding meaningful alt text to images for screen readers.

Mobirise

2

Color is simple and has high contrast for easy navigation and reading.

Mobirise

3

Used large detailed, high contrast imagery for flower arrangements and gifts to help all users better understand the products.

Takeaways

Impact:

The app makes users feel like Wild Stems is simple and easy shopping experience for flowers and gifts.

One quote from peer feedback:
“The task was easy the buttons are large and easy to read.”

What I learned:

While designing the Wild Stems app. I learned that the first ideas for apps and website are only the beginning of the process. Research processes like usability studies and peer feedback influenced each iteration of the app’s designs.

Next Steps

Mobirise

1

Conduct another round of usability studies to validate whether the pain points users experience have been effectively addressed.

Mobirise

2

Conduct more user research to determine any new areas of need.

Photo Credit to Farmgirl Flowers

Farmgirl Flowers is a wonderful small business that has been thriving online throughout the pandemic. Please, if you love the bouquets featured in the app and are interested in purchasing them, click the button below.

Support FarmgirlFlowers.com
DesignUrkLogo
Meet me

Greater Philadelphia and Southern New Jersey Area

Read about me

About
Resume

Contact me

hurkowitz@designurk.com
+1 856 701 7503

© Copyright 2024 all rights reserved of Hannah Linn Urkowitz 2024. Please do not reproduce without the expressed written consent of Hannah Linn Urkowitz.

‌

No Code Website Builder