Phi Long
Creating cinematic web experiences for ambitious startups.
New to Contra
Phi is building their profile!
Concept project: rebuilt a Lamborghini launch page from the ground up — "Forged in Fire."
This one was all about frame-by-frame scroll-scrubbed video. Instead of a video that just autoplays, every frame is tied directly to scroll position — so the car assembles, rotates, and reveals itself exactly as fast (or slow) as the user scrolls.
Some of the technical bits I focused on:
- Multiple scroll-scrubbed video sequences (garage reveal, speed close-up, rear profile) — pre-processed and optimized so scrubbing stays smooth even on long timelines
- A spec-sheet section built like a real automotive site — animated counters for power, 0–100, top speed, all triggered on scroll
- Typography treated as a design element itself — big, condensed, monospace-style numbers to match that "engineering document" feel
- FAQ, gallery, and ownership sections structured the way an actual luxury brand site would organize a product launch
The goal with this concept build was to prove I can handle the kind of high-production, cinematic storytelling that premium/luxury brands expect — not just animate a page, but make it feel like a short film.
Full video walkthrough coming soon.
1
24
Just built a new portfolio site for my brand — Cybevis Keisha.
The original plan was just to have a place to show off some scroll animation projects I've done, but somewhere along the way the portfolio itself basically became its own case study 😅
A few things I paid extra attention to while building it:
- The whole site runs on GSAP + ScrollTrigger, paired with Lenis for smooth scroll
- The "crew" section is my favorite part — instead of listing skills the usual way, I made it look like a set of staff cards (frontend engineer, motion designer, webgl dev...) even though it's really just one person doing everything
- Cinematic scroll-scrubbed hero for each project (Lamborghini, Emons...) — the video plays based on scroll speed instead of just autoplaying
- Spent a good chunk of time optimizing Core Web Vitals, since motion-heavy sites get bloated fast if you're not careful
Coded, deployed, and timed every animation myself, start to finish, on Next.js + Vercel.
Recording a full walkthrough of this site soon, stay tuned.
1
52