UX / UI Case Study

Lotusque bouquet preview app

An app that helps people choose, customize, and order fresh bouquets for pickup or delivery.

RoleUX/UI Designer ScopeResearch, Wireframes, Prototype, Usability testing TypeEnd-to-end mobile app
Duration
April to September 2022
6 months
Role
UX Researcher, UI Designer
Tools
Figma
Wireframing, Prototyping
Platform
iOS Mobile App
01 · The problem

Buying flowers is harder than it should be

People who want fresh flowers keep hitting the same walls: shops close early, stock runs out, and florists often can't answer questions about what they're buying. For busy city dwellers, a quick errand turns into a frustrating one. Lotusque set out to answer one question: How might we let someone confidently choose, customize, and order a fresh bouquet, without depending on a shop's hours or a florist's knowledge?

02 · The goal & the product

What Lotusque sets out to do

🎯
The goal
A better way to buy flowers, for buyers and florists alike

Design an app that lets users browse, customise, and order bouquets from anywhere, while giving florists a clear, organised system to manage incoming orders.

📱
The product
One app, from first browse to doorstep

Lotusque offers bouquet customisation, category browsing, fresh flower selection, and flexible delivery or pick-up scheduling.

03 · User research

Understanding the user

I conducted multiple user interviews to identify the challenges people face when purchasing flowers and their pain points with existing solutions. The research uncovered four consistent pain points across all participants.

🕗
01
Limited access
Flower shops close early, leaving buyers unable to purchase when they actually need flowers, often for last-minute occasions.
💬
02
Lack of expertise
Some florists lack sufficient knowledge to answer buyers' questions about specific flowers, leaving customers unsure about their choices.
03
Time constraints
For people in busy metropolitan areas, travelling to a flower shop is excessively time-consuming, a dealbreaker for many.
🌸
04
Freshness uncertainty
Flower shops don't always have fresh stock available, especially for specific or exotic varieties needed for special occasions.
04 · The users

Who we're designing for

Two people, two very different reasons to reach for flowers, and two different paths through the app.

"Fresh flowers aren't just props, they're part of how I design. I just can't lose hours hunting for them."
Age25 RoleFashion Designer HomeMontreal, QC FamilyPartner & their dog EducationFine Arts, B.Sc.
Goals
  • Easily order fresh flowers for her designs and photoshoots
  • Find unique, exotic flowers her local shop doesn't carry
  • Start her own business
Frustrations
  • A busy schedule leaves no time for trips to a flower shop
  • Can't find the unusual flowers her work needs
  • Some florists lack knowledge about the flowers themselves
About

Lily is a young fashion designer who treats flowers as an essential element of beauty. She experiments with arrangements as props for her contemporary, boldly patterned designs and photoshoots, and loves working color and texture into her work in unexpected ways. Fresh flowers around her home and studio keep her feeling calm and inspired, though her schedule rarely allows the shop visits her craft depends on.

"I want to surprise my family with flowers, I just don't have time to stand in a shop to do it."
Age48 RoleEntrepreneur HomeNew York, NY FamilyWife & two daughters EducationMBA
Goals
  • Spend more time with family
  • Grow his business
  • Throw a big party for their 25th wedding anniversary
Frustrations
  • Many florists still operate traditionally, with no online ordering
  • Spending time going to a physical shop is a drain
  • Not being able to order bouquets in advance complicates things
About

Mark is an ambitious entrepreneur running a young startup on a demanding schedule that often keeps him working late. Family matters deeply to him, and he loves surprising them with flowers and gifts whenever he can. His assistant used to handle ordering, but since she left for maternity leave he's been managing it himself, and struggling to find the time these tasks demand.

05 · The experience

User journey maps

Mark and Lily reach for flowers for different reasons, so I mapped each journey separately, and their pain points land in different places.

How to read these. The curve tracks how each user feels at every stage: above the line is delight, below is friction. Each stage is tagged by where its insight comes from: Persona-based (from the user's stated goals and frustrations), Review-informed (matching recurring themes in public reviews of comparable flower apps), or Assumption (my inference, still to be tested).
Persona 1 · Mark
Mark's journey: ordering to surprise his family

How might we let Mark order a fresh bouquet online, in advance, without carving time out of a demanding schedule?

The emotional low point is checkout, and it isn't just a hunch. Reviews of comparable flower-delivery apps repeatedly flag hidden fees and long payment flows at this exact step. Delight climbs while he customizes, then collapses at checkout. Reducing that friction is the single highest-impact opportunity in the journey.
Emotional journey
Delighted Neutral Frustrated Delight collapses here
01
Download & discover
Assumption
Feeling
Curious
Doing
  • Download the app
  • Search for flower shops
  • Pick a shop
OpportunityGuide the choice: too many shops to sift through.
02
Customize the bouquet
Review-informed
Feeling
ExcitedHesitant
Doing
  • Choose a style
  • Customize flowers & foliage
  • Add a note
OpportunityLet users add a gift: add-ons are a common ask in reviews.
03
Review the order
Review-informed
Feeling
ImpressedStressed
Doing
  • Confirm the customization
  • Check the price
  • Add to cart
OpportunityShow a true preview: "not as pictured" is the #1 complaint in reviews.
04
Place the order
Review-informed
Feeling
StressedOverwhelmed
Doing
  • Go to checkout
  • Choose a delivery time
  • Enter address
  • Pay
Key opportunityShow fees early and save address/payment: reviews flag hidden costs and long checkout here.
05
Track delivery
Review-informed
Feeling
RelievedGladExcited
Doing
  • Get confirmation
  • Track the order status
OpportunityReal-time tracking and status notifications: late or unclear delivery is a top complaint.
Positive emotion Friction Highest-impact opportunity
How I built this. Emotions and pain points were shaped by analysis of public reviews of comparable flower-delivery services (Trustpilot, BBB, and consumer review roundups), which repeatedly surfaced friction around hidden checkout fees, long payment flows, "not as pictured" arrangements, and unclear delivery tracking. Stages marked Review-informed map directly to those recurring themes; the discovery stage is marked Assumption where direct evidence was thinner. Next step: validate with 3 to 5 moderated usability tests.
Persona: Mark, the busy entrepreneur ordering bouquets to surprise his family · Scenario: order online, in advance, without visiting a shop
Persona 2 · Lily
Lily's journey: sourcing flowers for her work

How might we help a designer source fresh, unusual flowers, and trust they'll arrive in time for the shoot, without losing hours to shops?

Lily's stress peaks earlier than a typical shopper's, at freshness and timing, not payment. Because she depends on flowers for professional work, the risk isn't a clunky checkout; it's ordering exotic stems and not trusting they'll arrive fresh and on time for a shoot. That's where the experience has to earn her confidence.
Emotional journey
Delighted Neutral Frustrated Freshness & timing stress
01
Discover & search
Persona-based
Feeling
HopefulSkeptical
Doing
  • Open the app
  • Search for exotic & fresh flowers
  • Filter by type, color, rarity
OpportunityStrong filters for type, color and rarity: she can't find exotic stems locally.
02
Browse & learn
Persona-based
Feeling
ExcitedInspired
Doing
  • Explore what's exotic & in season
  • Read flower details & care info
  • Save favorites
OpportunityRich flower info (origin, care, vase life), since many florists lack this knowledge.
03
Customize & preview
Review-informed
Feeling
CreativeHesitant
Doing
  • Build a custom arrangement
  • Preview the result
  • Set quantity for a shoot
OpportunityAn accurate preview: "not as pictured" is the top complaint in flower reviews.
04
Order & schedule
Review-informed
Feeling
AnxiousStressed
Doing
  • Confirm freshness & stock
  • Schedule for the shoot date
  • Choose delivery or pickup
  • Pay
Key opportunityGuaranteed freshness, firm delivery windows and fees shown early: a missed date can wreck a shoot.
05
Receive & create
Review-informed
Feeling
RelievedDelighted
Doing
  • Receive the flowers
  • Check the quality
  • Use them in her designs
OpportunityQuality guarantee and easy fix if stems arrive wrong: reliability she can build on.
Positive emotion Friction Highest-impact opportunity Persona-based Review-informed
How I built this. Lily had no prior journey, so I mapped it from her stated goals and frustrations (Persona-based) and cross-checked it against recurring themes in public reviews of comparable flower services: "not as pictured" arrangements, hidden checkout fees, and unreliable delivery (Review-informed). Because Lily depends on flowers professionally, her stress peaks not at checkout but where freshness and shoot-date timing are on the line, a deliberate contrast with Mark's journey. Next step: validate with 3 to 5 interviews with designers who source flowers for their work.
Persona: Lily, the fashion designer sourcing fresh & exotic flowers for her designs · Scenario: find unusual stems and get them in time for a shoot
06 · Competitive audit & user flow

Defining the design direction

Competitive audit

I analysed both direct and indirect competitors to identify their strengths and weaknesses, using the findings to inform key design decisions.

Lovingly
Four Seasons Floristry
Callia
The Flower Factory
User flow

The user flow maps the end-to-end journey from app launch to successful order placement, keeping the path as direct as possible.

Splash screen Home page Search Customize bouquet Occasions Deals & offers Florists near you Popular bouquets Plants
07 · Design process

From sketch to screen

01
Paper wireframes
Rapid ideation on paper
02
Digital wireframes
Structure & user flow
03
Lo-fi prototype
Clickable for testing
04
Usability study
Identify & fix issues
05
Hi-fi prototype
Final polished design
Paper wireframes

Starting on paper allowed for rapid exploration of multiple layout ideas before committing to any digital direction.

Early paper sketches of the Lotusque app screens
Early paper sketches exploring layout and navigation patterns
Digital wireframes

Moving into Figma, I built the core user flows, focusing on the back-navigation system and the bouquet customisation experience.

Hamburger menu for persistent access Bouquet customisation flow Back button to previous screens Occasion selection
Home screen wireframe with hamburger menu and customise bouquet
Home: hamburger menu for persistent access and the bouquet customisation entry point.
Occasion selection wireframe with back button
Occasion selection: a persistent back button for returning to previous screens.
Low-fidelity prototype

I created a clickable lo-fi prototype in Figma to test the core flow before investing time in visual design.

Low-fidelity Figma prototype showing the full user flow across screens
Lo-fidelity prototype: full user flow mapped in Figma
08 · Usability studies

Testing & iteration

After building the clickable prototype, I ran user testing and identified several challenges participants were facing. The study directly informed the final design iterations.

🔍
Finding 1: Navigation confusion
Participants struggled to understand how to navigate back to previous screens. Solution: added a persistent, clearly visible back button throughout the flow.
🔍
Finding 2: Customisation discovery
Users didn't immediately discover the bouquet customisation feature. Solution: surfaced customisation options earlier in the shopping flow with a clearer visual hierarchy.
🔍
Finding 3: Occasion selection clarity
Participants wanted clearer differentiation between occasion categories. Solution: redesigned the occasion selection screen with distinct visual treatments per category.
Iterating on the designs

Each round of testing drove concrete changes. These before-and-after screens show how the checkout and scheduling flows evolved.

Round 1
Problem

Before the usability study, the design lacked a page where users could confirm their information before being sent to the final "order received" screen.

Solution

I added a confirmation page where users can verify their details before completing checkout.

Before and after screens: added an order confirmation page
Round 2
Problem

Users couldn't see the days of the week on the calendar and had no way to leave instructions for the florist.

Solution

I added weekday labels above the calendar and a field for delivery instructions.

Before and after screens: visible weekdays and a florist instructions field
Further refinements
Problem

There was no way to save card details for future orders, the colour scheme felt flat, and the font size was too small.

Solution

I added saved cards for future orders, refreshed the colour scheme, and increased the font sizes for readability.

Before and after screens: saved cards, refreshed colours, larger type
09 · Visual design

The final design

After two rounds of usability testing and iteration, I moved into high-fidelity design, applying the visual language to all screens with careful attention to typography, colour, and spacing.

High-fidelity Lotusque screens showing the visual design system
Visual design system: colour, typography, and component library.
High-fidelity prototype
High-fidelity Figma prototype with all final screens connected
High-fidelity prototype: final screens ready for development handoff.
Explore the prototype

Try the interactive prototype

Click through the full interactive prototype in Figma to experience the complete user journey.

Open the Figma prototype ↗
10 · Reflection

What I learned

This project challenged many of my initial assumptions, most importantly around how users actually prefer to buy flowers. The research made it clear that convenience consistently wins over tradition.

💡
Key insight

Never assume you know user preferences before research. I expected most users to prefer in-person shopping; the data said the opposite.

🔧
Design lesson

Usability testing revealed issues I would never have spotted on my own. Two rounds of testing made the design measurably better each time.

🚀
Next steps

Explore a florist-facing dashboard, add real-time stock updates, and test with a wider range of participants, including older demographics.

Lotusque · UX/UI case study: problem, goal, research, personas, journey maps, process, testing, visual design, and reflection.