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
"How can you represent a mental state using only a sphere? "
I had to create a UI that could tell the user, in <0.2s, how good their rest score was without relying on numbers or text.
A stable green orb = good sleep.
A chaotic red orb = poor sleep.
And everything else in between.
stack: @figma +@hiunicornstudio
Weldone, Gabor
Reading a rest score at a glance through color and motion instead of a number is a strong constraint to design around. Was the sub-0.2s response time a hard technical limit from Unicorn Studio, or more of a UX rule you set for yourself?
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
Trending
retrofuturism
Share your favorite designs from the past exploring the distant future. Or your own take on the aesthetic 🚀
halftone
Dots. Texture. Grain. Let's see your designs using the halftone technique.
Midjourney
Creatives are showing off what they're making with Midjourney.
colorgrade
Video editors sound off: How do you enhance the mood of your video in color grading?
Related posts
I'm testing a few new backgrounds for detach, that tell the "screentime" level a bit more clearly. I'm not sure wether to stay with natural sky colors, or go all in with color! Wdyt?
16 voted
27%
43 voted
73%
59 votes
Closed
Amazing Work😍
Almost two years ago, I started shaping the visual identity of my own studio.
Time flies. Couldn't be happier with what we've built so far, and what's next!
The eye motif carrying through every project instead of just the logo is what makes the studio's own identity actually recognizable, most agencies never bother applying their brand to themselves that consistently.
Mirage is a template, and that flips the usual problem.
A client site is designed around known content: their headline, their logos, their numbers. A template has to survive content I'll never see. Someone else's headline runs two lines instead of one, their logo lockups arrive in six different aspect ratios, their stats aren't three neat figures. So every section is built to hold at the worst plausible fill, not the best one.
The name did the art direction: a dune gradient that burns off into darkness as you scroll. Designed in Figma, reel cut in Jitter, should be released at Framer.
Outstanding !