The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Back to feedPost
There's a design principle I keep coming back to when working on wellness products: the design should be the first dose of calm.
Not the meditation. Not the copy. The colors, the space, the illustrations — before a user reads anything, those are already doing something to them. Or they should be.
That's the idea behind this Headspace onboarding redesign. Three screens, three moments inside someone's first minute with the app.
Screen 1 — Create an Account
Signup flows usually feel like admin. This one needed to feel safe. A gentle floating 3D illustration, clean social login options, a lot of room. The goal was: no pressure, no friction, just a sense that they're in the right place.
Screen 2 — Research-based meditation
The first content slide makes the product promise concrete: "Just 10 days of Headspace can increase happiness by 16%." Surrounded by sleepy, closed-eye characters. The visual does the softening before the stat lands.
Screen 3 — Mindfulness all the time
Crystals, a pagoda, a dove, some botanical elements. A meditative world that builds on the previous screens. Same dark pill CTA throughout — "Let's keep going →" — which is about as low-pressure as a button can get.
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Related posts
Here’s a little piece from my current project. As I watch the Swiss design concept become a part of my creative DNA, I find myself constantly gravitating towards this direction in web design.
What’s really interesting is that Volume 3 studio and I are experimenting here, mixing things that seem completely unmixable at first glance.
Since Volume 3 is a CGI and VFX studio, it was crucial to incorporate a 3D dimension into their brand communication. On top of that, a Terminal UI is exactly what keeps that technical vibe going.
So, the final mix is International (Swiss) style, a Terminal UI, and a 3D feel brought to life by neumorphism. Crazy, right???
It looks simple and clean, but behind the scenes, there’s a massive amount of work on the details. We focused on all those little things that push the UX/UI into the premium segment — the things you don't necessarily see right away, but you definitely feel when you're on the page.
The work is still ongoing, so I can't dive into reflecting on the whole process just yet, but I'm gonna keep revealing small parts here.
Swiss grids on the web never get old when they're this clean. What are you and Volume 3 mixing it with?
Headquaters landing page web design 3D animation website icons
that metallic material is fire
Card Banking Web Design Exploration
“A modern bank card for the modern world.” That line set the tone, and the layout follows it.
The hero is one pixelated card, built from small squares in lilac, lime and black. It breaks apart into the page, and the product still reads first.
The headline runs large across the left in clean type, so big the message lands before anything else. The card keeps its playful shape, and the words still lead.
Thin line icons and numbered points split the features into small, clear blocks. The busy information gets a strict structure to lean on.
A single lime button sits under the headline and marks where to go next.
Designed by Pixel & Form.
#WebDesign #BankingDesign #FintechDesign #UIDesign #LandingPage #ProductDesign #ResponsiveDesign #CardDesign #Typography #FigmaDesign
Nice work!