Magnolia & Poppy

Prompt

Design a scalable website to order flowers from a high end floral boutique.

Problems:

  • Difficult to navigate website

  • Lack of customization online

  • Too many flower ordering site options

  • Overwhelming amount of options to look through

Solutions:

  • Simplified design for fast navigation

  • Highlight company values and customer service that sets them apart from the competition

  • Organize arrangements by theme and provide customization options to make each style unique to the customer

Research

User Interviews

"I spend too much time scrolling through endless options on flower sites."
"Ordering flowers online would save me time, but I don't trust that they will come on time."
"I find it easier just to go to the florist and tell them what I want."

Too Many Options

The overwhelming quantity of floral arrangements make it difficult and time consuming to narrow selections.

Lack of Customization

Users would like to be able to customize arrangements they like to meet their budget and style needs.

Difficult to Navigate Designs

Websites are difficult to navigate with too many buttons, and directions to go in.

Ideation

Site Map

Sketched Wireframes

Usability Study

Testing designs ease of use before implementing brand language.
PAYMENT

Before Usability Test

After Usability Test

I eliminated the need to scroll during the checkout process so that the user has clear visibility to all of their information at once.

Before Usability Test

After Usability Test

I added arrows to the image carousels to help users better understand how to scroll through images.

Design System

Home Screen

Shop Page

Checkout