Awwwards Nominee

Cinecraft – 3D Interaction. Cinematic Feel. Framer-Powered.

CHALLENGE

My goal was to capture the cinematic essence of a film studio — not just to show content, but to evoke atmosphere. I didn’t want a portfolio piece. I wanted to create something that moves people, something immersive and alive.

The challenge was to blend art direction, interaction design, and technical performance into one seamless experience — all while building everything solo, from concept to code.

Approach

I treated this project like a short film:
It needed a strong mood, intentional pacing, and high visual impact. Here’s how I approached it:

  • I designed a custom 3D interface system to create depth and narrative tension

  • I used Framer to build fully responsive layouts with motion-driven transitions

  • I played with scroll-based storytelling add cinematic movement

  • I paid close attention to typography, rhythm, and layout balance to support a filmic tone

Solution

The finished concept is a bold, immersive landing page that reflects the spirit of modern cinema. Highlights include:

  • Full-screen 3D hero section with live interaction

  • Smooth animated transitions between sections that guide the viewer like a camera move

  • High-performance scroll effects and responsive layouts powered by Framer

  • Custom motion design to lead the narrative and hold attention