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
Page transitions on Heron are treated as view changes rather than document loads. Motion exits one page and continues into the next, with no hard reset and no white flash between states.
The reasoning is product-led. Heron runs inside Revit, Rhino, ArchiCAD and SketchUp, where switching context means panels updating around a drawing that stays put. A site built to sell that experience shouldn't behave like a set of separate files.
The transition also gives us somewhere to hide load time, which keeps the heavier interactive sections feeling immediate on slower connections.
Web DevelopmentuiuxdesignInteraction DesignArchitectureCreative Design Motion DesignBarba.jsWebflowWebGL
Strong execution—follow Page transitions on Heron are treated as view changes rather than document loads…
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
Do you ever try breaking the site you're interacting with?
I'm always thinking "what will people try to do" and then coming up with a solution for it. If I saw a card like this I'd try to pick it up. Then once I discovered it was draggable, I'd try seeing what happens if I throw it outside the browser.
What do you think?
Hot design
: One of my favorite recent builds ✦
Theory was designed for a creative studio that needed something bold and editorial without losing clarity or usability.
The part I loved most was figuring out how to make the site feel visually expressive while still giving the portfolio work room to breathe. Lots of strong type, intentional movement, and little custom details throughout.
Designed + developed in Squarespace 7.1 with custom CSS and JavaScript.
The oversized “recent work” type over the project imagery is a lovely touch. Gives the portfolio a real editorial feel.
A part from the Landys promo I animated. The arc paints itself out of job photos, then collapses into the app feed.
Do you think that style matches the theme?
The way the arc paints itself out of the photos before collapsing into the feed has a nice build-up-and-release rhythm to it. Did you time that reveal to a specific beat in the audio, or was the pacing locked before sound came into the mix?