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
Log in or sign up for Devpost to join the conversation.