The hero is the site's handshake, so it had to carry the whole idea in a few seconds. Rather than...The hero is the site's handshake, so it had to carry the whole idea in a few seconds. Rather than...
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
The hero is the site's handshake, so it had to carry the whole idea in a few seconds.
Rather than a static image with a headline over it, the hero responds to cursor and scroll input with subtle parallax and depth. The freight reads as something in motion rather than a photograph of something that moved. Restraint mattered here: enough life to signal that this site behaves differently, not so much that it turns into a demo reel and gets in the way of the message.
The hero is the sites handshake—love that framing. Did you keep the full interactive 3D globe for mobile screens too or fall back to a lighter 2D version to save on performance?
Thanks! We kept the interactive 3D globe on mobile, but optimized it to keep performance smooth. We reduced the rendering load and simplified some interactions rather than switching to a 2D fallback.
Love the philosophy of keeping the motion subtle so it doesn't overpower the message. Did you optimize the Three.js WebGL depth effects separately for mobile viewports?
Thanks! Yes, we optimized Three.js/WebGL depth effects for mobile with lower-res renders and simplified shaders, keeping motion subtle so the story stays clear without impacting performance.
Built this in Framer as a concept project. Goal was to make it feel run by ex-journalists. Choices: editorial serif (Libre Baskerville), a dark photo with one color accent, and copy that positions against blast-style PR.
Where I’m unsure: text legibility over the photo and whether the two CTAs compete. What would you change?
The inflatable flower. Only houseplant I'm guaranteed not to kill. Also, a new object every month is a sneaky good retention hook, people will stay subscribed just to see what's next.
I don’t avoid templates just to make things look different.
I avoid flattening a physical brand into a generic digital experience.
A restaurant, studio, fashion label or product can have incredible character in the real world, then lose all of it the moment it becomes a website.
That gap is what interests me.
The website should be able to carry the atmosphere through layout, typography, pacing, motion and interaction, and ideally attract people before they ever experience the physical space.
Not every project needs to be highly expressive.
Some websites should stay simple, direct and functional.
But even simplicity can carry identity.
Bolluni was built with that in mind: translating the character of the restaurant into a digital experience rather than simply presenting information.
So well said. That's exactly the problem - a restaurant can have so much soul IRL then become another generic grid online. Love that you don't just avoid templates to be different, but to protect the brand's actual character. 100% agree.