An interactive scrollytelling website showcasing an iconic card trick.

The Website allows visitors to learn how they can reproduce one of the world’s most famous card tricks. The page itself offers a step-by-step section based design, where each section covers a simple explenation on what the magician needs to perform.

For the production of the prototype, I decided not to use Figma as I wanted to work with interactive scrolling elements in real time. Webflow is the perfect tool to create these effects with ease. Unfortunetaly, I was not able to buy the domain named “showmeatrick.now” because .now belongs to Amazon and is not open to the public. This is why the final prototype is live on “magic-trick.webflow.io”. Following are screenshots and some of the challenges I faced when working with Webflow.