YouTube
01:00
Showreel 2026
Kremotion · 2026
30 fpsframe rate
Sites that ship.Films that sell.
Two desks, one studio. The web desk writes accessible front ends and motion systems in Next.js; the edit desk cuts vertical-first commercials that survive the first three seconds. Same taste, two outputs.
Same-day reply · EN / ID
[next.js + gsap]
kremotion.com — desktop 1440×900
- Stack
- Next.js · GSAP
- Motion
- GSAP · Lenis
- Build
- Static · TypeScript
- Discipline
- Web engineering + commercial edit
- Deliverables
- 9:16 · 16:9 · 4K
- Base
- Jakarta, ID — GMT+7
- Status
- Open now
02 — Selected work
Seventeen cuts and builds. Same taste, two crafts.
23 / 23 shown
TikTok
00:19
KAREN — Comic Break
Kremotion · 2026
24 fpsframe rate
Instagram Reels
00:19
KAREN — Comic Break, 4:5
Kremotion · 2026
24 fpsframe rate
TikTok
00:16
KAREN — Profile 01
Kremotion · 2026
24 fpsframe rate
Instagram Reels
00:16
KAREN — Profile 01, 4:5
Kremotion · 2026
24 fpsframe rate
TikTok
00:20
VELVET — A Study in Stillness
Kremotion · 2026
24 fpsframe rate
Instagram Reels
00:20
VELVET 4:5 — Reframe
Kremotion · 2026
24 fpsframe rate
TikTok
00:20
MERIDIAN
Karen Yukii · 2026
24 fpsframe rate
TikTok
00:26
Spatial Couture
Karen Yukii · 2026
30 fpsframe rate
TikTok
00:22
YUKI ZINE
Karen Yukii · 2026
30 fpsframe rate
TikTok
00:23
Koreksi 1
Karen Yukii · 2026
30 fpsframe rate
TikTok
00:23
Koreksi 2
Karen Yukii · 2026
30 fpsframe rate
TikTok
00:27
Mesin Waktu
Karen Yukii · 2026
30 fpsframe rate
YouTube
00:20
KAIROS — Time to Think.
KAIROS · 2026
60 fpsframe rate
YouTube Shorts
00:16
KAIROS — Time to Think. (Vertical)
KAIROS · 2026
60 fpsframe rate
YouTube
00:18
AURA — Serum
AURA · 2026
30 fpsframe rate
YouTube
00:20
PULSE — Sound, Rebuilt.
PULSE · 2026
60 fpsframe rate
YouTube
00:15
Motion UI — Fintech App
Concept demo · 2026
30 fpsframe rate
YouTube
00:12
KREMOTION — Logo Reveal
Kremotion · 2026
30 fpsframe rate
kremotion.comLive
kremotion.com
Company Profile · 2026
- Next.js
- Tailwind v4
- GSAP
karenyukii.pages.devLive
Karen Yukii
Landing Page · 2026
- HTML
- CSS
- JavaScript
nusa-demo.pages.devLive
NUSA
SaaS & Web App · 2026
- Next.js
- TypeScript
- Framer Motion
aura-demo-8mn.pages.devLive
AURA
E-Commerce · 2026
- Next.js
- TypeScript
- Framer Motion
03 — Web cases
Hover a row
This site: a scroll-driven build with Lenis smoothing the wheel, GSAP scrubbing the reveals, and type doing most of the work.
Next.jsTailwind v4GSAPLenis
kremotion.com/01 / 04
Company Profile- Status
- Live
- Pages
- 1
- Domain
- Registered
04 — Services
Three pillars, one specification sheet.
Every engagement ships with source files, a Lighthouse report and a 14-day post-launch fix window.
01
[01 // WEB ARCHITECTURE & NEXT.JS]
Sites that load before the thumb lifts.
Design system first, then the build: App Router, typed data, motion that ships without a bundle tax.
Deliverables
- Custom UI/UX
- GSAP Motion
- Landing Pages
- 99+ Lighthouse Speed
Turnaround
2–4 weeks
Signal
CWV green
02
[02 // VERTICAL SHORT-FORM 9:16]
Cuts engineered for the first three seconds.
Hook first, always. Every edit is built around a retention curve, not a mood board.
Deliverables
- TikTok / IG Reels / YouTube Shorts
- Hook Engineering
- Kinetic Captions
- Retention Pacing
Turnaround
3–7 days
Signal
Hook 65–85%
03
[03 // COMMERCIAL & YOUTUBE 16:9]
Films that carry a number, not just a mood.
Brand films and paid cuts with a master that survives both the cinema and the feed.
Deliverables
- Brand Films
- High-ROAS Video Ads
- Colour Grading
- Motion Graphics
Turnaround
7–14 days
Signal
ROAS 2–4×
Fixed scope, fixed price/Revision rounds: 2/Rush delivery +30%Bilingual handoff — EN / ID
05 — Process
Four stages · zero fog
00%
Pipeline progress
Every project runs the same four stages, whether it is a three-week site or a three-day cut. The gates are the product: nothing moves forward on a vote.
- Weekly demo, always recorded
- Scope changes quoted, never absorbed
- Handoff includes source, not just exports
01
Week 1
Discovery & Hook Strategy
One call, one competitor teardown, one written brief. We leave the room with a hook and a promise — not a mood board.
Brief · Hook · Success metric
02
Week 1–2
Script & Wireframe Architecture
Script, shot list, or wireframe depending on the craft. Every section earns its place before a single pixel gets styled.
Script · Sitemap · Wireframe
03
Week 2–3
Precision Code & Frame-Accurate Edit
Build and cut in parallel: typed components on one desk, frame-accurate timeline on the other, both reviewed daily.
Staging build · Cut v1 · Motion pass
04
Week 3–4
QA Audit & High-Conversion Launch
Lighthouse, device matrix, colour and mix passes, event tracking. You ship with a report, a handover, and a fix window.
Launch · Audit PDF · 14-day support
06 — Brief
Configure the job. We’ll price the rest.
Pick the services and the window. The brief is assembled into one structured message — nothing gets lost in a chat thread, and you always know what you sent.
- Reply window
- Same-day reply
- Languages
- EN / ID
- +62 859-3141-1153
- Direct
- cs@kremotion.com