01
Discovery
Ritual framing makes the product relevant before hard evaluation begins.
← Back to Work
Case 03 · Systems · 2026
Designed to Turn a Product into a Daily Ritual
Focused on emotional clarity, trust, and habit-driven conversion.
- Client
- Breathe
- Scope
- Full ecommerce design system (0→1) in Figma
- Team
- Solo (UX/UI + CRO direction)
Supplement Ecommerce · 2026
Built to make the habit feel natural
before the purchase happens.
A complete ecommerce system structured to make the routine clear, the products credible, and the purchase decision easier across homepage, PDP, bundle, science, and content.
The Problem
Respiratory supplements often ask for product evaluation before users understand the habit. That creates hesitation before trust has time to form.
The Goal
Design a complete 0→1 ecommerce system in Figma where homepage, PDP, bundle, science, and content each reduce a different point of purchase friction.
The Result
A premium system where every page has a defined role in building trust, clarifying choice, and guiding the next purchase step.
The entry point sells the ritual before it sells the product.
- Problem
- A supplement can feel transactional too early when the first impression jumps straight to the product.
- Decision
- Lead with ritual framing and context first, so users understand where the product belongs before they evaluate it.
- Outcome
- Users understand the habit before comparing the product, which reduces hesitation at the start of the flow.
The problem this system solves
Respiratory supplements don't have a quality problem. They have a trust-timing problem.
Common supplement ecommerce friction
- Trust arrives too late — credibility shows up after doubt has already started
- Product differences take work — users have to decode which formula fits which moment
- Premium appearance is not enough — visual polish alone does not answer purchase doubt
- Belief is not guided — the system has to build confidence before the offer asks for commitment
What the Breathe system introduces
- Ritual framing first — the habit is understood before the product is evaluated
- Trust sequencing — science and endorsement appear before high-friction choice points
- Clear product roles — each formula has a defined place in the daily system
- Offer logic — the bundle is framed as the next step, not a pressure move
Perceived trust starts before the first interaction.
- Problem
- Product credibility is not immediate in supplements, especially when every brand makes similar claims.
- Decision
- Use a premium visual system with consistent presentation across pages so the product feels credible before deeper reading starts.
- Outcome
- Trust forms faster before interaction, giving the PDP less skepticism to overcome.
What users are actually dealing with
Four
problems.
One clearer decision path.
-
01
Chest Congestion
Heavy feeling in the chest that makes breathing feel effortful throughout the day.
-
02
Cough & Irritation
Persistent dry cough or throat irritation that disrupts sleep and daily focus.
-
03
Nasal-Sinus Pressure
Congestion and sinus pressure that reduces mental clarity and quality of rest.
-
04
Low Energy & Fatigue
Reduced oxygen efficiency that leaves users feeling drained after normal activity.
The product page either supports the system or breaks it.
- Problem
- Too much information competed for attention, which made evaluation slower and pricing harder to interpret.
- Decision
- Simplify the structure and clarify hierarchy so users understand the formula first, verify through proof second, and choose an offer third.
- Outcome
- Evaluation gets easier and decisions get faster because each section supports one step in the purchase path.
Pricing hierarchy designed to make subscription feel like the rational default, not a premium option.
The bundle should feel like completing the ritual, not buying more.
- Problem
- Bundle pages often feel like upsells because the savings are clear but the system logic is not.
- Decision
- Show the three-product ritual first, then frame the bundle as the continuation of that system rather than an upgrade prompt.
- Outcome
- The upgrade feels natural, decision friction drops, and the offer logic stays coherent.
The Complete System · Save 65%
Three formulas. One daily breathing routine.
Morning · AM
BreathePresso™
Daily lung support formula designed to start the morning with a clean, energized breath. Mushroom adaptogens + respiratory botanicals.
7 active ingredients
Midday · Drops
BreatheDrops™
Fast-acting liquid formula for midday relief. Supports nasal clarity, reduces congestion, and maintains breathing comfort through the afternoon.
5 active ingredients
Evening · PM
BreathePM™
Evening recovery formula designed to support restful sleep and overnight respiratory repair. Harmony adaptogen blend for deep restoration.
6 active ingredients
Science and proof should build confidence before the purchase decision.
- Problem
- Credibility appeared too late, so users reached the offer before they had enough reason to believe it.
- Decision
- Bring science, credentials, and proof earlier into the flow so they support the buying decision instead of trailing behind it.
- Outcome
- Confidence builds earlier, which reduces hesitation before the user reaches the purchase moment.
How BreathePM™ Works in One Step
6 steps. One daily ritual. Every product has a role.
Morning · Step 01
Wake up & Hydrate
Prepare for BreathePresso
Morning · Step 02
Take BreathePresso™
Daily lung support · AM formula
Midday · Step 03
BreatheDrops™ if needed
Fast-acting nasal clarity drops
Afternoon · Step 04
Stay active & breathe
Adaptogens supporting energy
Evening · Step 05
Take BreathePM™
Evening recovery · PM formula
Night · Step 06
Rest & restore
Harmony adaptogens for deep sleep
Content readers are buyers. The blog converts if the sidebar is right.
- Problem
- Blog content creates authority but rarely closes the loop to purchase. The reading session ends without converting the intent.
- Decision
- Every article page includes a sidebar bundle CTA (SAVE 65%, gold button), newsletter sign-up, and recommended product card — integrated, not appended.
- Outcome
- The blog ecosystem becomes a conversion channel, not just a credibility signal.
Real users · Real results
Testimonials integrated as emotional validation, not just proof blocks.
Strategic framework
Six principles.
One conversion system.
Each decision was structural. Together they form the system that made the redesign work.
-
Premium authority established before interaction.
Navy hierarchy signals clinical trust at first glance — before a single claim is evaluated.
-
Three products. One coherent ritual.
AM / midday / PM role clarity eliminates product confusion without comparison tables.
-
Proof sequenced before pricing pressure.
Science and credentials arrive at peak skepticism — not as footnotes after the CTA.
-
Bundle positioned as the obvious next step.
Savings and ritual completeness converge at the same moment — no upsell friction.
-
Subscription made the default, not the premium.
Pricing architecture frames recurring as the clearest value path — not an upsell to resist.
-
Blog sessions converted, not abandoned.
Sidebar CTA architecture keeps editorial authority directly linked to the purchase path.
Expected Impact
What this lifestyle ecommerce system was designed to improve.
No fake metrics. The expected impact is framed around emotional connection, trust, and willingness to try.
02
Reassurance
Visual authority, science, and testimonials arrive where skepticism peaks.
03
Decision Support
Product roles, bundle logic, and subscription hierarchy reduce comparison effort.
04
Purchase Confidence
The system turns premium presentation into a clearer action path, not just a nicer surface.
Stronger emotional connection
Higher perceived value
Increased willingness to try
Improved conversion likelihood
Business impact
- • Stronger emotional resonance
- • More trust before purchase
- • Higher readiness to try
- • Better conversion potential
Strategic shift
- • Homepage and PDP layers aligned around emotional connection instead of pure explanation
- • Benefits reframed as part of daily habit and personal routine logic
- • Trust cues integrated as part of the story rather than isolated proof blocks
- • Premium visual language supported a calmer, more believable wellness positioning
Data note
Hard performance metrics were not publicly documented. Impact is described through the emotional and behavioral logic the system was built to strengthen: connection, trust, habit-readiness, and purchase motivation.
Breathe.
Built to earn trust before it asks for the sale.
UI
system used across PDP, bundles and decision points ·
2026
Color System
Navy
Core
0A223F
Deep
071A30
Blue
Support
0E2E50
Mist
F2F4F7
Gold
Primary
F7C873
Accent
E5A830
Neutral
White
FFFFFF
Ink
1E1E1E
Display · Mont ExtraBold 800
Breathe.
Every breath
is a beginning.
UI · Myriad Pro Regular
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0 1 2 3 4 5 6 7 8 9
Premium
science.
Daily ritual.
Designed to convert.
Great UI makes the product feel like it already belongs
inside the user's daily ritual.
Next Steps
Need a system that makes premium ecommerce easier to understand and easier to buy from?
I help structure new ecommerce experiences around trust timing, product logic, and cleaner decision support so the interface carries the sale instead of just decorating it.
Typical response within 24h