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
The brief was simple. Show a new personalized news feature.
The obvious solution was to show a few clicks in the UI as you choose your topics. Clear, but not very interesting.
So I pulled that moment out of the interface first and turned it into a cloud of topics. You get the idea before you even see the product, then the video drops you back into the real UI and shows where it lives.
I really like these tiny decisions. The feature stays the same, but it feels easier to get and a lot more fun to watch.
Pulling the topic cloud outside the UI makes the feature instantly clearer.
MOVVA is now featured on Contra 🤍
I’m especially happy about this because working on this template was a creative outlet for me.
I wanted to build something useful for a business: a website that covers what a studio needs when it opens, from an easy-to-use schedule to clearly structured class information, with a solid foundation for SEO.
At the same time, I wanted it to feel beautiful. To bring a sense of movement, lightness, and the joy of taking a class into the design. To capture that friendly atmosphere that makes you want to walk into a studio and give it a try.
Thank you, Contra team!
Huge congrats on getting featured! 🤍 MOVVA looks stunning - love the mindful movement vibe and that hero image. Super useful concept for studios. Well deserved feature!
FOCUS — Creative Portfolio & Digital Art Website 🌸✨
A visually expressive website concept for a creative portfolio, built around digital art, bold imagery, and visual storytelling
The design combines vibrant pink tones, soft gradients, experimental typography, and immersive photography to create a distinctive editorial experience
Special attention was given to:
• Bold editorial hero composition
• Vibrant pink and dark color palette
• Experimental typography and visual details
• Immersive photography and digital artwork
• Creative project gallery and navigation
• Responsive mobile experience
• Clean layouts with a strong visual identity
The result is an expressive digital experience that puts creativity, emotion, and visual storytelling at the center of every screen 💗
Looking to create a standout portfolio or website for a creative brand? Let’s connect 🚀
