Project Overview
Circles is a Web3 startup that transforms fans into stakeholders by letting them invest in movies and music through digital asset ownership. The client approached me with a clear goal: to create a visually compelling landing page that could convince investors, partners, and stakeholders of the platform's potential. The challenge was not only to design something beautiful, but to structure the content flow and interactions in a way that made a complex idea feel intuitive and exciting.
Research & Planning
Before jumping into visuals, I conducted deep research into Circles' vision, audience, and pain points in the media and entertainment industry. I collaborated closely with the client to map out the ideal storytelling order from introducing the problem, to the solution, to platform features and benefits. I also gathered the right set of visual assets: 3D icons, contextual images, and styled illustrations that supported each message.
Design & Development in Framer
Using Framer, I built a dynamic and responsive landing page with rich motion and layered depth. Here are a few standout features:
Sticky animated sections that reveal content as you scroll, like storytelling chapters
Layered backgrounds with absolute positioning to keep subtle motion running behind the main content
Smooth motion transitions for a cinematic flow
Custom animated cursor to elevate interactivity
Hover cards that flip to reveal more info — enhancing engagement with platform features
Every animation and scroll interaction was purposefully added to make the pitch more immersive and professional.
Outcome
The final result was a clean, modern, and interactive landing page that effectively communicates Circles' mission and value. The client now uses it in investor meetings and early outreach, and shared positive feedback about how well the design simplified their message while adding visual polish. It not only helped explain a disruptive concept but also reflected the brand’s forward-thinking identity.