Designing Homepages That Let Customers Try Before ReadingDesigning Homepages That Let Customers Try Before Reading
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
Most homepages describe the product.
The good ones let you try it before you've read a word.
A visitor gives your first screen a few seconds. A headline like "Fonts that move" asks them to take your word for it. If they can try it right there, they find out for themselves.
Kern Society is a type foundry I built from the name up. A foundry sells letters, so the name on the first screen is where you try them. Move your cursor across KERN SOCIETY and the letters under it swell. I made the others squeeze up to give them room, so the name never runs off the screen. On a phone they swell as you scroll. By the time anyone reads what these fonts can do, they've already pushed one around. And because it's the font itself reacting, not a video, the page still loads fast.
A jeweller could do the same by letting you tilt the ring until it catches the light. A skincare brand could let you swipe the cream to see how it spreads.
What do customers always want to hold before they buy from you? Tell me, and I'll reply with how your first screen could hand it to them.
https://shockingmike.github.io/kern-society/
Dim's avatar
This is really nice
Mike's avatar
Thanks !!!
Back to feed
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