aa.AHMAD
ABULHAWA
Menu
← Back to selected work

Garage Tahmeen.

Motion with intention.

An automotive experience where scroll, transitions, and interaction become one continuous story.

Next.jsReactTypeScriptGSAPCSS
SELECTED MOMENTS01 / 03
8.5s · ORIGINAL WIDESCREEN

An authentic excerpt from the owner-supplied Garage Tahmeen recording. The camera moves from the front of the vehicle to a settled rear view, preserving the original continuous turn. Identity-bearing details are masked for client privacy.

A full change of perspective.

The camera moves from the front of the vehicle to a settled rear view, preserving the original continuous turn.

SCROLL TO THE NEXT MOMENT ↓

Design, beneath the surface.

The original scanning transition exposes the vehicle’s inner structure, keeping the visual reveal intact.

SCROLL TO THE NEXT MOMENT ↓

Motion that carries the story.

A short driving scene brings the interface and automotive narrative back together.

THE STORY CONTINUES BELOW ↓

A frontend project built around cinematic automotive storytelling. Carefully synchronized transitions connect the hero, vehicle presentations, and changing sections in a responsive web experience.

My contribution

Frontend implementation with Next.js, React, TypeScript, GSAP, and CSS, focusing on scroll-driven animation, responsive composition, and interactive transitions.

Scroll as a narrative

Scroll-triggered sequences connect sections and guide the pace of the experience.

Coordinated transitions

Vehicle changes, visual movement, and interface transitions share a deliberate animation language.

Responsive interaction

Layouts and controls adapt the cinematic direction to desktop and smaller screens.

Keeping a visually ambitious, scroll-driven experience coherent across different screen sizes and interaction methods.

The implementation focus is coordinated GSAP timelines, responsive CSS, and controlled transitions that support the story without obscuring navigation.

MunjizAI-powered student productivity platform