UI/UX Design

MelloMe

Website UI/UX for a functional wellness shot built to take the edge off stress — calm and focus, without the sedation or the crash.

UI/UX Web Design Responsive / Mobile MelloMe

Client

MelloMe

Category

UI/UX Design

Tools

Figma · Photoshop · Illustrator

Deliverable

Desktop & Mobile UI/UX

A storefront for
focused calm

MelloMe is a fast-acting wellness shot formulated with amino acids and magnesium — built to help the body handle stress without sedatives, stimulants, or a crash. It launched into a crowded shelf of calm-and-focus drinks, most of which lean on either sedating herbs or caffeine.

I designed the UI/UX for the website, desktop and mobile both: a storefront that had to introduce an unfamiliar product category, make the formulation legible without reading like a lab report, and carry the brand's soft, playful personality all the way through to subscribe-and-save.

MelloMe moodboard: mint, pink, lemon and leaf textures with the mascot and wordmark
Desktop homepage hero: Find your focused calm
Mobile homepage and Our Products screens in two phones
Product card: Mellow Cherry
Product card: Zesty Lemon
Product card: Mango Zen

The homepage,
end to end

The MelloMe desktop homepage, first half: hero, intro, flavors, testimonials and benefits The MelloMe desktop homepage, second half: who we are, who it is for, guarantee, FAQ and footer

Nine pages,
one calm system

Built for the
one-thumb scroll

The same calm,
in every channel

Other cases you might like

Ready to start a new project?