You will get a Cinematic Scroll-Scrub Website — Frame-by-Frame Video Animation
Project details
You've seen those websites where a 3D render or video plays frame-by-frame as you scroll — like an Apple product page. That's a scroll-scrub, and I build them from scratch.
I handle everything: extracting frames from your video, optimizing assets separately for mobile and desktop, and coding the full animation system with smooth scroll, progressive loading, and canvas rendering. No templates, no page builders — every line is custom.
What you get:
• Full HTML/CSS/JS site — deploy-ready, no build step needed
• Mobile AND desktop scrub, separately tuned
• Frame extraction and WebP optimization included
• GSAP ScrollTrigger + Lenis smooth scroll
• Vercel deploy or clean zip
Best for: Architecture firms, product studios, 3D artists, real estate developers, luxury brands
I handle everything: extracting frames from your video, optimizing assets separately for mobile and desktop, and coding the full animation system with smooth scroll, progressive loading, and canvas rendering. No templates, no page builders — every line is custom.
What you get:
• Full HTML/CSS/JS site — deploy-ready, no build step needed
• Mobile AND desktop scrub, separately tuned
• Frame extraction and WebP optimization included
• GSAP ScrollTrigger + Lenis smooth scroll
• Vercel deploy or clean zip
Best for: Architecture firms, product studios, 3D artists, real estate developers, luxury brands
What's included
| Service Tiers |
Starter
$350
|
Standard
$650
|
Advanced
$1,100
|
|---|---|---|---|
| Delivery Time | 5 days | 7 days | 10 days |
Number of Revisions | 2 | 3 | 5 |
Design Customization | - | - | - |
Content Upload | - | - | - |
Responsive Design | - | - | - |
Source Code | - | - | - |
About Himank
Architectural Designer + Creative Web Developer
Vancouver, Canada - 4:59 pm local time
On the architecture side: schematic design, design development, full drawing sets (plans, sections, elevations), 3D renderings, and permit packages. Projects include a 40+ storey transit-oriented tower at 2-4 Union Street, the Glen Avy Tower, and the built Kingsway mid-rise.
On the tech side: cinematic scroll-scrub websites (frame-by-frame video animation as you scroll), custom GSAP-animated landing pages, AI workflow automations using the Claude API, and desktop apps with Tauri. I also built Project Atlas a custom macOS project management tool I use to run my architectural projects.
I don't do templates, page builders, or generic outputs. Every deliverable is custom, production-quality, and actually looks good.
Portfolio: himank-goel-design.vercel.app
Steps for completing your project
After purchasing the project, send requirements so Himank can start the project.
Delivery time starts when Himank receives requirements from you.
Himank works on your project following the steps below.
Revisions may occur after the delivery date.
Build & Deploy
Frame extraction, animation build, responsive QA, and Vercel deploy.