Inspiration

In 2025, people no longer want to scroll, they want to dive. The amount of immersive content provided in the past few years have resulted in great visuals and storytelling effects that attribute to everyone. The content provide in web comics, TikTok Reels, etc Combine that with motion design and personalized AI, the birth of ZoomCraft

What it does

ZoomCraft takes static objects and stacks them ontop of each other simulating zoom in effects, also allowing for the combination of other adobe express projects to simulate 3D parallax scrolling.

How we built it

It was built using adobe-ccweb-add-on command line tool (CLI), along with React, Typescript, Spectrum Web Components and Adobe Express Add-On Development feature, along with a collaboration with code playground to create a demo.

Challenges we ran into

Layer Coordination: Achieving smooth zoom transitions while managing z-index and element hierarchy dynamically required precise control over object stacking. Parallax Simulation: Mimicking natural 3D parallax behavior without heavy 3D libraries was a design challenge, particularly balancing performance with visual depth. User Experience: Ensuring that the authoring experience remained intuitive for non-technical creators was a constant design consideration.

Accomplishments that we're proud of

Built a code playground demo that allows creators to visually experiment with zoom depths and transitions in real time. Designed a clean, adaptive UI that mirrors Adobe’s design system while enhancing it with new motion design tools.

What we learned

Designing for immersion requires not just visual fidelity, but also spatial storytelling techniques.

What's next for ZoomCraft

The full creation of the AI-powered Add-On in Adobe Express. I will allow for interactive zoom paths, being able to zoom in on any axis. Also add in exporting for different formats, and devices.

Lastly, the integration of other projects in one major one. Since zoom layers can tell a story, allow individuals to combine multiple pieces of a company or product to tell and overall story

Share this project:

Updates