Instax Mini 12 — An Interactive Product experience

Instax Mini 12 — Interactive Product Experience.

SITE LINK BELOW

This project is an interactive product showcase for the Instax Mini 12, combining product visualization, animation, and modern web experiences.

My role covered the complete creative pipeline—from concept to final assets. I designed the website layout and visual direction, modeled the camera from scratch in Blender, created the materials and textures, and authored the normal and height maps to capture the finer surface details. The product features multiple interactive animations, all prepared and optimized for the web experience.

Beyond the hero product, I also created and rendered all supporting visuals used throughout the website. Every promotional graphic was rendered in Blender using Cycles, where I handled the lighting, camera composition, rendering, and overall art direction to maintain a consistent visual identity across the experience.

Each render was initially exported as a high-resolution PNG before being brought into DaVinci Resolve for color correction and grading. The final images were then carefully optimized and converted into high-quality WebP files, balancing visual quality with fast loading times for a smoother browsing experience.

Responsibilities

Creative Direction & Art Direction

UI / Website Layout Design

3D Modeling (Blender)

Real-World Reference Modeling

UV Mapping & PBR Material Creation

Texture Authoring

Normal & Height Map Creation

Product Animation

Lighting & Camera Setup

Cycles Rendering

Color Correction & Color Grading (DaVinci Resolve)

Image Optimization & WebP Conversion

Real-Time Asset Optimization

Three.js Asset Preparation & Export

Cross-Disciplinary Collaboration with Frontend Development

my friend Shehryar (linkedin mentioned below) played a big role as thefrontend developer for bringing the experience to life on the web. He handled the Three.js implementation, integrated the 3D assets and animations, and transformed the creative vision into a smooth, interactive product experience.

Shehryar's linkedin : https://www.linkedin.com/in/shehryar-faisal-524b59309/

Product site : https://instaxfujifilm.vercel.app/