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
I built Atmos in 2 days š« during the Figma Makeathon šāāļø
As a remote graphic designer, I love shaping my environment, light, sound and mood. So I created a customizable ambient web app that lets you choose illustrated scenes and soundscapes to design your work atmosphere.
I designed the illustrations, logo, and identity, and built the experience in Figma Make.
Hope you enjoy it, now I can finally go to sleep š
š Click the link below to try Atmos.
https://invert-reach-21943865.figma.site/
Thank you Madi! š
love this!
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
A bento system designed to make a SaaS product feel tangible.
I wanted each card to do more than display a feature ā it needed to show the experience.
So I designed a collection of interactive-looking product cards around:
ā Integrations
ā Payments & insights
ā Customer support
ā Global payments
ā Real-time tracking
The visual direction combines minimal layouts, soft green accents, dashboard UI, subtle gradients and strong typography to create a modern fintech/SaaS feel.
The goal was simple:
Make the product feel useful before the user even clicks anything.
I'm currently open to UI/UX, Product Design and freelance opportunities.
If you're building a SaaS, fintech, Web3 or Web2 product and need a designer who can turn ideas into polished interfaces, let's work.
Available for new projects ā
#UIDesign #ProductDesign #SaaS #Fintech #UXDesign #Figma #WebDesign #FreelanceDesigner
Love the vibe of this!
ā¢ Oct 4
Built Loop - a landing page that turns ānoise into a system.ā
Warm gold, dark glass, subtle data-flow animations, and an interactive scroll story.
Built using Cadence Studios
What do you think? š
the gold accents work really well here bro. just enough color to guide the eye without making the page feel busy
Which one brings more clarity to the hero section?
I was exploring a hero section concept for an AI product and tried two different visual directions.
Visual-led ā focuses on explaining the idea through the interface/visual.
Isometric ā uses a visual system to represent how the product works.
Both look good, but the real question isn't which one looks better.
Which one helps you understand the product faster?
That's something I always try to think about when designing hero sections ā the visual should help explain the product, not just make the page look good.
Which one would you choose?
7 voted
58%
5 voted
42%
12 votes
Closed
The visual direction looks great, but I think Isometric does a better job of explaining the product.