Work / OVERDRIVE

OVERDRIVE

“Long in. Viral out.” A launch site for an AI editor that turns long streams into vertical clips. A concept product, a real site: WebGL, scroll scenes and two languages.

RoleDesign & development
TypeConcept / own product
LanguagesTurkish · English
Year2026
OVERDRIVE home page: a cheering streamer's video above the headline “Long in. Viral out.”
Home pageoverdrive.canyilmaz.io
Overview

Project overview.

OVERDRIVE is a brand I invented for my portfolio: an AI editor that takes a three-hour stream and hands back ready-to-post vertical clips. The goal was to show how loud and bold a launch site can feel.

I staged the page like a video played by scrolling. The hero frame splits into slices and turns into 9:16 clip cards as you scroll, telling the product's promise in a single move. The heavy WebGL scene starts on first interaction; until then a lightweight copy of the same frame is shown.

Scope
Brand and copyUI/UX designMotion designFront-end
Technologies
Next.jsTypeScriptGSAPLenisWebGL2Tailwindnext-intl
Problem

A motion-heavy, video-led launch site usually loads slowly and stutters on phones.

Solution

Raw WebGL2 instead of Three.js, scenes that start on demand, a single IntersectionObserver and lighter motion on phones.

Result

A Lighthouse performance score of 100 on desktop. Every scene still works with reduced motion.

Screens

Manifesto paragraph lighting up word by word on a lime background
ManifestoMANIFESTO
Four-step product walkthrough inside a pinned phone
How it worksHOW IT WORKS
“Stop editing. Start posting.” closing section and shader footer
ClosingCTA
Next projectMERAVI

Need something similar?

Can · AI replies while I’m away