A Webflow e-commerce site that makes PCOS treatment accessible online
Oana Health
San Francisco, US
October 16, 2023
Healthcare
Retail
Landing Page
UI/UX Design
Webflow Development
CMS
Content Strategy
Integrations
Snapshot (AEO)
The project in four lines
Oana Health, a US telehealth brand that connects women with doctors and clinically backed hormonal and PCOS treatments delivered to their door.
Many women with PCOS feel dismissed by traditional care. The brand had to educate first, build trust and then guide visitors to the right treatment.
A Webflow e-commerce site with symptom-based categories, a treatment catalog, rich product pages, testimonials and a CMS blog linked to products.
Oana Health launched on schedule with a store and a content hub working as one system.
Numbers
The project in four lines
4 symptom categories
acne, insulin resistance, unwanted hair and hair loss
9 treatments
in the catalog, each with its own product page
24 articles
on the PCOS blog
Oct 2023
store launched on Webflow
The challenge
Our services
Heading
Education before the checkout
Buyers need to understand their condition and options before a purchase makes sense, so content and commerce had to work together.
- Sensitive topic. The brand had to feel warm, safe and medically credible.
- Many treatments. Products needed to be easy to find by symptom.
- Content-led growth. A blog had to bring organic traffic and lead readers to products.
01 · Treatments
Find a treatment by symptom
Visitors start from what they feel, not from product names. Category cards for acne, insulin resistance, unwanted hair and hair loss lead to a filtered catalog with clear monthly prices.
- Symptom categories and dropdown menu
- Webflow Ecommerce catalog
02 · Product pages
Product pages that educate
Each treatment page explains why it works, how it compares to alternatives, what the research says and how to use it, with a clear Get Started button throughout.
- Comparison table and how-to steps
- Product FAQ
03 · Content
A PCOS hub that builds trust
Patient testimonials, a CMS-powered blog with categories and an About page tell the brand story and answer questions, so readers arrive at products already informed.
- CMS blog with categories
- Testimonials and About page
Mobile
Heading
Mobile
Care that fits in a pocket
On mobile a slide-in menu keeps symptoms and treatments one tap away, and categories, products, testimonials and blog posts stack into an easy single column.
Under the hood
How the pieces connect
Heading
Heading
Heading
Heading
What we built
- Brand-led design. Soft colours, real photography and friendly illustrations.
- Symptom navigation. A Hormonal Symptoms menu and category cards on the homepage.
- Webflow Ecommerce. A treatment catalog with monthly pricing and product templates.
- Rich product pages. Benefits, how it works, comparisons, research, how-to and FAQ.
- CMS blog. A PCOS blog with categories that links articles to relevant treatments.
- Trust. A simple three-step process, values, testimonials and a free shipping banner.
Client feedback
How the pieces connect
Questions about this project
FAQ
Heading
Can Webflow Ecommerce work for a health brand?
Yes. Oana Health runs a treatment catalog with product pages and monthly pricing, while the rest of the site handles education and trust.
How do you connect a blog to product sales?
Oana's CMS blog is organised by health topic, and articles link readers to the treatments that match their symptoms.
How do you design for a sensitive medical topic?
With a warm visual style, real people in photos, plain language and clear steps, so visitors feel safe before they start a visit.
Relevant projects
You might interested
Travel & Hospitality
Education
