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
One page, two screens - and two completely different jobs.
We designed this site twice: once at 390px, once at 1920px. Not resized. Redecided.
On mobile, we decide what survives: stats become a list, four cards become a stack, the photo drops below the words. One thumb, one column, one idea per screen.
On desktop, we decide what breathes: the same content earns air, side-by-side layouts, and a hero that holds the horizon.
Same fonts, same colors, same six sections - different decisions. That's what "responsive" actually means to us: the layout answers the screen, not the other way around.
What do you think is harder to design – the desktop or mobile version?
Tremendous work
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
A beautiful website can lose a surprising amount of its character on a phone.
Not because it’s broken.
The buttons work, the sections stack, and everything technically fits. But the rhythm feels flatter, the hierarchy becomes weaker, and the mobile version starts to feel like a leftover from the desktop.
I wanted to avoid that with Sirnik, TOSOO, and APVist.
Each project needed its own mobile edit: deciding what belonged first, what could be simplified, and which visual moments were worth protecting.
I brought a few of those screens together in this short reel.
Different brands and different visual systems, but the same goal:
The mobile version should feel designed - not adapted.
If you’re working on a website and want that same level of care across every screen, let’s talk!
Why does some text feel effortless, and some feel like a wall?
Same words, same order, same brand. All that changes is the size relationship between the lines, and the space between them. That alone decides whether the eye knows where to start.
01 - A real scale. The headline jumps, the body steps back, and the spacing tightens around what belongs together. Now the eye lands, skims, and reads in the right order.
Hierarchy isn't bigger fonts everywhere, it's a bigger gap between the levels, and a smaller one inside them.
02 - One size, one gap. Eyebrow, headline, and body sit at nearly the same size, spaced evenly apart. Tidy, but flat, nothing steps forward, so nothing says "read me first."
Be honest - do you use a type scale, or just size things until they look right?
92 voted
94%
6 voted
6%
98 votes
Closed
01 is perfect
The hero set the direction for all of AERÉ.
I skipped the obvious runway shot and put the jet in the air from the first frame.
The visual sells movement.
The headline sells the promise:
“The world moves around your schedule.”
One clear idea was enough.
Looks like Airplane is going to come out of the screen 😍 . Great job man.