Resonance Portal is a scroll-driven microsite built in Webflow AI Designer, designed for emotiona...

Resonance Portal is a scroll-driven microsite built in Webflow AI Designer, designed for emotiona...Resonance Portal is a scroll-driven microsite built in Webflow AI Designer, designed for emotiona...

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

Dana Pan

• Nov 3

Resonance Portal is a scroll-driven microsite built in Webflow AI Designer, designed for emotionally attuned creatives navigating cosmic signals and poetic UX.

The site unfolds like a ritual—each section layered with symbolic layout, gentle transitions, and archetypal storytelling.

Built using Webflow’s layout and animation tools, the portal reflects a dream client who values resonance over polish, and emotional depth over technical complexity.

Tools used: Webflow AI Designer, Gamma decks, custom Quantum Astrology GPT

View the live site: resonance-project.webflow.io

webflowchallenge

Monic ✧

pro

• Nov 3

@Dana Pan nice concept!

FlutterflowDevs

pro

• Nov 4

@Dana Pan Absolutely mesmerizing — the micro-interactions and narrative rhythm feel almost meditative. It’s rare to see design embrace such emotional depth. Question — when designing something so conceptually layered, how do you ensure the user still feels guided, not lost in the poetry?

Dana Pan

• Nov 5

@FlutterflowDevs thank you for your amazing feedback and I love your question! The answer is by letting poetry become the compass, not the maze. The user doesn’t need to ‘understand’ every layer - they need to feel guided through the rhythm. I use recurring symbols, subtle cues, and emotional...

Dana Pan

• Nov 5

@FlutterflowDevs

Dana Pan

• Nov 6

@FlutterflowDevs Thank you for an amazing feedback and I love your Question! The answer is by letting poetry become the compass, not the maze. The user doesn’t need to ‘understand’ every layer - they need to feel guided through the rhythm. I use recurring symbols, subtle cues, and emotional...