Click on the cards below to open interactive content unique for each card.
More Interactive content on the way!
DEEP ROOTS
The Deep Roots insert in Upper Deck Series One blends tradition with modern artistry, showcasing star players grounded in their franchise’s legacy. Featuring layered forest imagery and earthy tones, the design evokes stability and heritage, while subtle textures and depth effects give the card a rich, immersive visual presence and symbolism.
Breathing Life into Trading Cards with JSON Animation from After Effects
Digital trading cards are evolving beyond static visuals. With the rise of 3D design, interactivity, and motion graphics, the modern card experience now includes layered imagery, hover effects, and immersive animation. One cutting-edge technique at the center of this evolution is the use of JSON-based animations, created in Adobe After Effects.
Why Use JSON Animations?
While this card is relatively simple to build using HTML5 and CSS, it showcases a powerful evolution in how animations can be displayed on the web.
-
Scalable & Lightweight: Vector animations exported as JSON are resolution-independent and incredibly small in file size, making them perfect for fast, responsive web experiences.
-
Cross-Platform: Lottie animations run seamlessly across iOS, Android, and all modern browsers—no additional plugins or video players required.
-
Real-Time Interactivity: Animations can be triggered on scroll, click, hover, or other user actions, making them ideal for highly interactive experiences like trading cards.
-
Easily Editable: Even after export, the JSON file can be updated or fine-tuned without needing to reopen After Effects—great for rapid iteration and future flexibility.
This approach not only enhances performance but also opens the door to rich, immersive storytelling in a format that’s both efficient and elegant.