Interactive Design & Development
Above are the cards I designed for various product lines in the trading card world that are currently available to collectors. After each release, I select one card from the series and create a unique, interactive digital version using a wide range of techniques towards development. This enhanced digital card experience offers collectors a more, immersive way to engage with the design and provides myself a new way to explore emerging technologies.
Playlist Interactive Features
To interact with this model, use your mouse to orbit and zoom with controls. Click the circular buttons to switch between fire and water video textures. Click the center button to play or pause the video. The podium and play button animate dynamically, with shader effects changing the play button’s appearance.
General 3D Model User Guide
Interacting with a 3D model online allows users to explore and manipulate objects in a virtual space. Typically, you can click and drag to rotate the model, scroll or pinch to zoom in and out, and right-click or two-finger drag to pan across the scene. Some models feature interactive elements, such as clickable objects that trigger animations, open portals, or change the model’s appearance. Additionally, environments may include dynamic lighting, textures, and camera controls, letting users switch views or enter immersive experiences. For enhanced interaction, some platforms allow for VR mode, keyboard controls, or data-driven model updates.
3D Models utilizing Model Viewer
A web-based 3D model simulating realism utilizes advanced rendering, lighting, and physics to create lifelike visuals. Optimized for interactivity for mobile and all devices, it enhances user engagement through real-time textures, reflections, and dynamic lighting effects.
Build lightweight with CSS
ELISA PETTERSSON
VANCOUVER CANUCKS®