Good website animation should not simply make elements move. It should make the brand feel alive....Good website animation should not simply make elements move. It should make the brand feel alive....
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
Good website animation should not simply make elements move.
It should make the brand feel alive.
I recently worked on the Bang Bang Labs website, where I used GSAP to create smooth and controlled animations across selected sections.
The website has a bold and energetic visual identity.
So standard fade-in animations would not have been enough.
The motion needed to reflect the same personality:
Fast.
Experimental.
Playful.
Intentional.
While developing the animations, I focused on:
• Creating smooth transitions between elements
• Controlling the timing and sequence of each movement
• Revealing content at the right moment
• Supporting the visual hierarchy
• Keeping the experience consistent across screen sizes
• Making the motion feel connected to the brand
GSAP gave me more control over how individual elements entered, moved, and interacted throughout the experience.
But the most important part was not the animation library.
It was deciding where animation added value—and where it would only create distraction.
Every movement should have a purpose.
It should guide attention, strengthen the story, or improve the transition between sections.
Because a successful animation is not the one users notice first.
It is the one that makes the overall experience feel natural.
Where do you think website animation adds the most value: storytelling, navigation, or visual engagement?
#webflowGSAPanimation #websitedesign #responsivewebsite #saaswebsite #website #figmatowebflow
Halden - Landing Page Concepts
Halden sells to grid operators, and there were two good ways to pitch it: tell them what's coming, or show them everything happening now. Rather than pick one on instinct, I designed the landing page as an A/B test so real traffic decides.
The two pages share one 12-column grid, the same section order, type system and components. Each variant changes only its message, its hero visual and its light color, so any difference in demo requests comes from the pitch and not the layout.
The work was building a system flexible enough to carry two different stories without either one feeling like the backup version.
Forecasting (act before demand spikes) vs metering (see and bill every kilowatt)
I'd pick Forecasting. "From meter reading to early action" tells a grid operator what they get in one line. Did you write both hero lines before designing the visuals?