Flower and co logo.png

Information Design/ UI + UX/ Branding

Locally sourced flowers. 24/7.

Flowers & Co. is a local flower shop located in Fort Lauderdale, Fl. They offer locally sourced flowers and strive to offer customers competitive prices through price matching with competitors. Flowers & Co. customers include those who purchase floral arrangements regularly as well as those who make one off purchases for special occasions. 

Flowers & Co_Portfolio cover.png

Date

November 2021 - December 2021

Role

UX Designer + Brand Strategist

Group 374.png

( The Challenge )

Customers lacked the ability to order online and an easy way to access their reward points. 

Goal

Design an app for Flowers & Co. that makes it easy and convenient for users to order and preview their floral arrangements. 

We used the design process: empathize, define, ideate, prototype and test to meet out goal.

Research

Group 378.png

Research

Test & Iteration

Ideate & Design

Group 377.png
Group 376.png
Screen Shot 2022-04-27 at 6.13 1.png

USER INTERVIEWS

Conducted user interviews via surveys distributed through UX Design Peer Spaces. A primary user group identified through the research study were working adults who purchased floral arrangements a few times a year. 

The user group confirmed initial experiences of unattractive, outdated floral arrangements shopping experience. Feedback also revealed users want more detail when viewing floral arrangement previews such as flower origins, meanings and size comparisons. 

Screen Shot 2022-04-27 at 6.13 2.png

PERSONAS

Target user

Flowers & Co_Google UX Design Certificate - Portfolio Project 1 - Case study slide deck  1

( USER JOURNEY MAP )

This user's journey revealed how essential it is for user's to have any easy, quick, and customizable process to order flowers.

Floral Arrangement Preview App_Google UX Design Certificate - User Journey Map  (2) 1.png
Floral Arrangement Preview App_Google UX Design Certificate - User Journey Map  (1).png
Floral Arrangement Preview App_Google UX Design Certificate - User Journey Map  1.png

Ideate 

This storyboard represents the big picture and close up perspectives of users utilizing the Flowers & Co. app

Close Up 1.png
Big Picture 4.png
Big Picture 3.png
Bif Picture 5.png
Close Up 2.png
Close Up 3.png

Design

Design

Design

Design

Design

01

Paper Wireframes

Red stars signify the elements that best addressed the user's pain points and needs. 

IMG_4249.jpg

Home Screen

IMG_4234.jpg

Flower Profile Screen

IMG_4239.jpg

Customize Screen

02

Digital Wireframes

The initial designs focused on the user's ability to view the floral arrangements in various ways as well as the ability to customize their orders. 

The carousel on the home screen made it easy and fast for users to find seasonal and holiday flowers. A featured flower finder quiz made it easy for users to find personalized search results. 

Copy of Flowers app_ Home Screen shot of low-fi prototype.gif

03

Usability Study: findings

Flowers & Co_Google UX Design Certificate - Portfolio Project 1 - Case study slide deck  (

04

Mockups + High Fidelity Prototype

Insights gathered from the usability studies were used to iterate and design mock ups. Upon reviewing user feedback, the arrangement of the homepage and flower profile pages were changed to make it easier for customers to find floral arrangements and order. The second usability study revealed that users were confused as to what "categories" meant. In order to make it clear that this was a feature they could use to order flowers it was changed to "find flowers".

 

A third usability study was conducted after the first version of the high fidelity prototype was completed. The homepage had the biggest overhaul,  with the "find flowers" feature being replaced with a more simple "just for you" and "flower categories" feature. The color palette was also updated to improve the overall brand aesthetic. 

Screen Shot 2021-12-05 at 6.24.12 PM.png
Flowers app_ Home Screen shot of low-fi prototype (2).png
Screen Shot 2022-02-01 at 8.45.52 PM.png
Flowers and co _ high fi prototype.gif

05

Flowers & Co_Google UX Design Certificate - Portfolio Project 1 - Case study slide deck  (

Accessibility considerations

Test & Ideate

06

Impact

Impact

Impact

Impact

flowerandcoquotevector.png

"This flower app was straightforward and easy to use." - User B, usability study participant

What I learned

Flowerandco_whatdidilearnvector.png

It's essential to get as much feedback from users throughout the design process. The early designs allowed for testing, but the second and third usability studies improved the quality of user insight and feedback. They resulted in significant iterations to the designs to create a final product that users found easy to use. 

( Next Steps )

Flowers & Co_Google UX Design Certificate - Portfolio Project 1 - Case study slide deck  (
2.png
3.png
1.png