Vedanti Pawar

Case 06 · 2025

Scroll to play

Aerox

Breathing

Category

Web Design · Health & Wellness

Services

Web Design · E-Commerce UX · Development · Brand

Client

Aerox Breathing

Visit live site

Overview

Every DTC wellness brand looks the same. We made sure Aerox didn't.

Every wellness brand looks the same. Aerox had a genuine science-backed breathwork product and a clear athletic audience — and was selling entirely through Instagram DMs. No owned channel. One algorithm change away from nothing.

I audited 15 DTC wellness brands to map the 'white background trap' — why they all looked identical — then built the opposite. Athletic, precise, science-forward. Not spa. Not clinical. The design earns trust before asking for the sale.

Stack

Next.js · Shopify Integration · Wellness · E-Commerce

Brand

Design System

Photography Direction

Visual Identity

E-Commerce

Shopify Storefront

Product Pages

Mobile UX

Checkout Flow

The Problem

A science-backed breathwork product selling entirely through Instagram DMs and a Linktree. No owned store — one algorithm change away from nothing.

Who it's for

Performance athletes (25–45), CrossFit and gym communities, and health-conscious professionals managing stress and recovery. Primarily mobile shoppers who research products on Instagram or TikTok before converting.

What they needed

They respond to scientific credibility, athlete endorsement, and outcome-specific claims — not vague wellness language. They make considered purchases ($60–$150) and need to understand the why before the buy.

User Flow

How they move through it.

Cold social traffic needs proof before purchase — so the flow educates, then sells.

01
Discover on socialMobile-first design meets the 80% who arrive from Instagram on a phone.
02
Land on productAthletic, precise art direction — instantly “not another wellness brand”.
03
Learn the scienceBreathwork explained before the buy CTA, earning trust on cold traffic.
04
Add to cartSticky, thumb-reachable cart persists through the whole scroll.

The brand

Athletic. Precise. Not spa.

The brand

The store

Science first. Sale second.

The store

Brand Identity

Design showcase
AEROXAthletic, not spa.

Palette

Pure White#FFFFFFPrimary background
Jet Black#0A0A0ALogo & headlines
Sky Blue#0EA5E9Accent & energy
Ice#E8F4FBSection tint

Typography

Breathe. Perform.

System UIHeadlines · 800

Science-backed breathwork.

System UIBody · 400

Brand In Use

Logo lockup
Logo lockup
In context
In context
Brand campaign
Brand campaign

What I Built & Why

The decisions behind it.

01
SEO

Product schema markup

Structured data on every product for rich search results.

02
Performance

Sub-2s mobile LCP

Image budgets keep the store fast where 80% of sales happen.

03
Conversion

Sticky add-to-cart

Thumb-reachable cart persists through the science scroll.

Principles

Athletic, not clinicalScience earns the saleMobile-first always

Gallery

The delivered work.

Scroll to explore · click to zoom

Screen 1
Screen 2
Screen 3
Screen 4
Screen 5
Screen 6
Screen 7
Screen 8
Screen 9

Interactive 3D

Built with real-time 3D, right in the browser.

Drag to explore ↺

Live Now

Aerox Breathing

Visit aeroxbreathing.com
Edukinect

Next Project

Edukinect

Let's build
something.

Get in Touch