Quote

Start a conversation

Fill out the form and I'll get back to you within 24 hours with a proposal.

Belin Design
Back to work
Marea WellnessUnited States

UI for product pages that educate and convert

View project (opens in a new tab)
Role
UI Design
Industry
Health
Duration
3 weeks
Marea Wellness

The product already educated. The pages needed to convert in the same voice.

Marea Wellness sells the PMS Elixir and needs pages that teach the hormonal cycle without losing the path to purchase.

We designed the site landings and flows (Pay What You Want, podcast, PMDD, taste test) with a terracotta palette and social proof. The site is live at mareawellness.com. The partnership grew into social and email.

What changed

Wellness pages that only describe the product neither close the sale nor sustain the brand's education.

3 weeks

Product landing UI

Live

mareawellness.com

Ongoing

Grew into social and email

How we worked

  1. Alignment

    The pages had to teach the cycle and still convert.

  2. Production

    Landing UI in 3 weeks, with the brand palette and social proof.

  3. Delivery

    Site live. The partnership grew into social and email.

Deliverables

  • Landing page and site page UI design
  • Conversion, quiz, and purchase flows
  • Styleguide: color palette and Montserrat typography

Styleguide

Colors

Charcoal

#333333

51 51 51

Dusty Blue

#B5C4CE

181 196 206

Off-White

#F7F3F0

247 243 240

Pale Peach

#F2D9CF

242 217 207

Golden Yellow

#E8C76A

232 199 106

Terracotta

#E05A47

224 90 71

Typography

Montserrat

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890 !@#$%^&*()-=+~<>?


Next step

Want a partner at this level for your business?

Tell us where you are and what you need. Within 24h we reply with suggested scope or a call invite.