A personal concept demonstrating scroll, hover, and click interactions using original SVG artwork, JavaScript, and CSS. Scrolling separates the layers, hovering shifts perspective and lighting, and clicking activates the signal animation.
Includes touch controls and reduced-motion support. Created with AI assistance.
New project in progress: the website for Adara, a residential architecture and planning practice in London. We'll post updates as the build comes together.
First, the services section on the homepage. As you scroll, the house comes apart floor by floor, and each service opens on the right, from planning advice to building regulations.
A product explainer combining modern motion design, animated typography, and polished visual transitions to present a complex digital solution in an easy-to-follow format.
The animation keeps the story fast-paced and visually engaging while highlighting the product’s core value and user experience.
DM us for explainer videos, product animation, and motion design.