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
Every health app I’ve tried shows water as a number going up. I never felt anything looking at it.
So I wondered: what if the water was actually there? Every glass you add pours in for real, splashes, settles, and bubbles rise to the top. It’s a simulation running on the phone, not a video.
How I built it 👇
1 → designed the screens in Figma
2 → Claude built them natively in SwiftUI through the Figma MCP
3 → Liquid Glass for the bars, the charts straight from my Figma vectors
4 → a Metal shader for the water, so every glass actually pours in
There’s never one magic prompt for something built from scratch. It’s ideas, design, testing and a lot of small fixes. What makes it fast now is knowing exactly what you want.
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
What if sending money felt a little more like giving a gift?
For Nova, I explored a banking app that brings payments, cards, and a bit of personality together. You can check your balance, browse recent transactions, send or request money, top up, and pay bills.
My favorite part is the digital postcard feature. Before sending a transfer, you can add a little illustrated card—a heart, a birthday greeting, or a playful character. A simple way to make birthday money or a thank-you feel more personal.
I carried that same 3D character into onboarding, pairing it with bold red gradients and large, clear payment details. There’s room for play, while the recipient and amount stay easy to check.
Would you add a postcard to a transfer? I’d love to know what occasion you’d use it for.
Exploring two different hero directions for a new project.
Same message, two completely different visual approaches.
Which one makes a stronger first impression?
A or B? Curious to hear your thoughts!
36 voted
90%
4 voted
10%
40 votes
Closed
Both are strong. I lean towards the dark version, because the orange accent on the italic "guess." pops and the profile portrait gives it a more editorial, confident feel. The navy one reads a bit more corporate, which could suit a more conservative audience. Nice exploration!
Two directions. One NFT marketplace.
Which visual direction would you choose?
🖤 A — Dark & Futuristic
🤍 B — Bright & Minimal
Both explore the future of Web3, but with completely different visual identities.
Drop your vote in the comments: A or B?
#UIUXDesign #WebDesign #NFT #Web3 #ProductDesign
10 voted
29%
25 voted
71%
35 votes
Closed
Strong design, well done