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
When I was building AUTONOMI, a website concept for a mobility startup, I wanted visitors to experience the essence of the company rather than just read about it.
So, I took interactivity to another level.
Right from the hero section, visitors can actually drive the autonomous vehicle using their keyboard on desktop or on-screen controls on mobile. They can switch camera angles and even activate autopilot if they get stuck.
The idea was simple: get visitors interacting with the experience from the moment they land on the website.
I believe the hero section is more than just an introduction. It’s an opportunity to capture attention, communicate a brand’s personality and give visitors a reason to explore further.
Check it out and let me know what you think in the comments.
And if you love it, a repost would be greatly appreciated!
Driving through the hero is so fun.
Exactly 😄
Nice creativity!
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 website hero and motion identity concept for Cycle.
The experience takes the viewer through seven historical eras in one continuous forward journey, while the logo, camera path and core composition remain consistent.
The concept explores how a static identity can become a living digital experience through motion, environment and interaction.
Workflow included Spline, Claude via MCP, Midjourney and SeaDance.
Available for brand identity, motion and digital design projects.
I fall in love, It is like Encarta, but 1000% better
Framer agent templates are out, and seven of mine are in 🔥
Plakat, Datum, Halation, Parallel, Tender, Signal and Oda.
An agent template is built for Framer's agent to work on. Every colour and text style has a name that says what it's for, there's a design system page, and skills that tell the agent how the site fits together.
So you can ask for a rebrand, a new section or a whole new page. The agent works with the template's own styles and components and doesn't have to guess.
All agent templates: https://www.framer.com/marketplace/templates/?agent=true
Mine, also in HTML and React: https://no-code.supply/templates
Naming every colour and text style by purpose so the agent knows what it's touching is the part I think most templates will need to catch up on. Congrats on getting seven in at launch, Lauri!
Many tries for one effect. That's the honest story of the Inward headline
Inward is a concept landing page I made for noise-cancelling headphones. I wanted the words NOISE TO FOCUS to react to the cursor
Particles came first. Glitch with doubled letters broke reading. Grain was next, then crumbs, which felt dirty. Halftone was too graphic
I went back to particles, made them gentler and kept them only under the cursor. That one stayed
The video shows every version, one after another
None of the dropped versions were wasted. Each one showed what the product didn't want
Which version would you have shipped?
Super cool!