Hasby/AI & Programmatic Video Editor
Kembali ke Karya Terpilih
F&B / Coffee & Coworking SpaceKlien / Brand: Katama Coffee & Space (Way Halim, Bandar Lampung)•2026

Katama Coffee & Space

Rangkaian 3 video vertikal direct response berbasis Remotion & ElevenLabs untuk segmen mahasiswa dan remote worker.

Variasi Angle Kreatif
3 Video Cuts
30s & 44s Vertikal 9:16 (Render Nyata Remotion)
Format Vertikal Media Sosial
9:16
Engine Animasi Remotion
React + TS
Voiceover Neural AI Terkurasi
ElevenLabs
01 / Tantangan & Tujuan Proyek

Tantangan & Tujuan Proyek

Merancang rangkaian video iklan direct response format vertikal (9:16) untuk memperkenalkan Katama Coffee & Space Way Halim sebagai 'All-in-One Productivity Hub' bagi mahasiswa kampus (Unila, ITERA, UBL, Teknokrat) dan pekerja remote di Bandar Lampung.

Friksi Utama Audiens (Pain Points)

Banyak kafe kekinian di Lampung hanya mengutamakan estetika visual untuk foto: meja sempit, colokan minim/rebutan, tutup jam 22.00–24.00, dan tidak ada fasilitas cetak dokumen saat toko fotokopi luar tutup tengah malam.

Profil Target Audiens

Mahasiswa tingkat akhir (sedang skripsi/tugas kelompok) dan pekerja jarak jauh (remote worker/freelancer) berusia 19–32 tahun yang membutuhkan ruang kerja fungsional dengan stop kontak berlimpah, koneksi WiFi stabil, dan makanan berat.

Strategi Angle Kreatif

Menguji 3 sudut pandang berbeda: (1) Kontras fungsional 'Bukan Cuma Estetik', (2) Eksplorasi fitur langka 'Free Print Dokumen', dan (3) Urgensi kepanikan tugas larut malam 'The 2 AM Deadline Emergency' yang diselesaikan fasilitas 24 jam Katama.

Nilai Pembeda Utama Katama
  • Fasilitas Free Print dokumen fisik di dalam kafe (kertas disediakan)
  • Buka 24 Jam non-stop tanpa batas jam tutup bagi pejuang deadline
  • Stop kontak tersebar di tiap sudut meja dan koneksi Wi-Fi stabil (~75 Mbps)
  • Pilihan menu lengkap: kopi signature (Butterscotch Latte) & makanan berat (Mietama, Salted Egg)
02 / 3 Variasi Video Nyata & Pemutar Interaktif
Variasi Video Final Katama (Render Nyata)

Diproduksi secara programmatic dengan Remotion & disuarakan ElevenLabs

Katama Coffee & Space Remotion Render
MP4 File
00:00 / 00:00
Angle Kreatif
Variasi 1: The WFC Reality Check

“Stop WFC di kafe yang cuma menang estetik!”

Durasi Video
30s
900 Frames
Resolusi Output
1080 × 1920
9:16 Vertikal
Frame Rate
30.00 FPS
Smooth Motion Sync
Engine Animasi
Remotion 4.0
React + TypeScript
Catatan Strategi Editor

Cocok untuk menjaring audiens pekerja remote dan mahasiswa yang sering kecewa dengan kafe Instagrammable namun tidak fungsional. Pacing cepat 1.6–2.0 detik per pergantian adegan di awal video menjaga retensi tetap tinggi.

Fokus Pengujian Pesan

Membongkar friksi kafe meja sempit & colokan rebutan, memposisikan Katama sebagai ruang kerja fungsional serba ada.

03 / Naskah Terverifikasi & Psikologi Konversi
Naskah Terverifikasi & Psikologi Konversi

Susunan kata demi kata, petunjuk visual, dan alasan psikologis di balik setiap adegan.

Sudut Pandang HookKontras Realitas / Pattern Interrupt
Membongkar friksi kafe yang cuma menang foto estetik namun menyiksa saat dipakai kerja, lalu mengarahkan solusi ke Katama Way Halim yang serba ada.
00:00 - 00:04
Arahan Visual

Cut cepat meja semen bulat kecil yang sesak, disusul orang mengusap leher pegal di kafe.

Naskah Voice-Over

“Ciri-ciri kafe yang cuma menang estetik di foto, tapi bikin emosi pas dipakai nugas...”

Tujuan Konversi

Memvalidasi kejengkelan nyata audiens (WFC friction) untuk memicu retensi di detik awal.

00:04 - 00:09
Arahan Visual

Laptop digeser karena meja kepenuhan, kabel charger berebut stop kontak lantai, toko fotokopi luar tutup.

Naskah Voice-Over

“Meja kekecilan, colokan rebutan, giliran mau ngeprint tugas, toko luar udah pada tutup.”

Tujuan Konversi

Mengagitasikan 3 masalah berurutan agar audiens merasa situasi ini sangat mendesak dan relatable.

00:09 - 00:15
Arahan Visual

Whip-pan ke fasad luar Katama dengan neon sign menyala, lalu kamera tracking masuk ke area indoor ber-AC yang lega.

Naskah Voice-Over

“Mending langsung meluncur ke Katama Way Halim. Di sini beneran disiapin buat kalian yang butuh fokus.”

Tujuan Konversi

Transisi instan dari rasa frustrasi ke rasa lega (relief), memperkenalkan Katama sebagai solusi nyata.

00:15 - 00:22
Arahan Visual

Tiga adegan: Meja kayu lapang + colokan dinding, close-up printer Katama mencetak kertas (Free Print), semangkuk Mietama & es kopi ditaruh.

Naskah Voice-Over

“Mejanya lapang, colokan berderet, Wi-Fi kencang, bahkan ada fasilitas free print dokumen. Pas laper, makanan beratnya juga siap nemenin.”

Tujuan Konversi

Menyajikan bukti visual konkret terhadap fasilitas pembeda utama (Free Print & Makanan Berat).

00:22 - 00:26
Arahan Visual

Suasana malam hari di area indoor: beberapa pengunjung tenang fokus di depan laptop dengan pencahayaan hangat.

Naskah Voice-Over

“Yang paling juara, Katama buka 24 jam non-stop. Ga bakal ada drama diusir pas lagi asyik mikir.”

Tujuan Konversi

Menghilangkan kekhawatiran batas waktu jam operasional bagi mahasiswa yang sedang dalam 'flow state'.

00:26 - 00:30
Arahan Visual

End Card: Logo Katama, pin alamat lengkap seberang Transmart Way Halim, dan animasi ikon tag/share.

Naskah Voice-Over

“Simpan video ini buat jadwal WFC kamu berikutnya, atau tag temen nugas kamu sekarang!”

Tujuan Konversi

Call to action yang mengutamakan share ke sesama mahasiswa dan bookmark video untuk rujukan lokasi.

04 / Storyboard Adegan demi Adegan
Storyboard Adegan demi Adegan

Rincian urutan frame, efek visual, transisi, dan arahan suara (SFX).

Adegan 1: The Midnight Panic Hook00:00 - 00:07

Layar jam digital HP menunjukkan pukul 23:45, disusul potongan cepat jari mengetik panik di keyboard laptop dengan tumpukan berkas.

Catatan Teknis / SFXRemotion Scene1PanicHookV3: Animasi getar/shake pada headline teks, SFX detak jam bertransisi ke bass drop.
Tool:Remotion (Scene1PanicHookV3.tsx)
Remotion Component
Adegan 2: Agitation (Fotokopi & Kafe Tutup)00:07 - 00:14

Ruko fotokopi pinggir jalan terkunci rapat dengan rolling door gelap, disusul plang tanda 'CLOSED' kafe lain yang dibalik.

Catatan Teknis / SFXLineArtClosedPhotocopy: Ilustrasi vektor SVG terprogram dengan whoosh hembusan angin malam sepi.
Tool:Remotion (Scene2ClosedAgitationV3.tsx)
Motion Graphic
Adegan 3: The 24h Lifesaver Reveal00:14 - 00:22

Pintu masuk dan neon sign Katama menyala terang benderang di malam hari, kamera meluncur masuk ke area indoor AC yang adem dan lega.

Catatan Teknis / SFXWhip-pan dinamis dari gelap ke terang, musik beat lofi energik masuk penuh menghadirkan rasa lega.
Tool:Remotion + Footage Asli Katama
Brand Footage
Adegan 4: All-in-One Lifesaver Proof00:22 - 00:31

Tiga visual bukti: Mesin printer Katama mencetak kertas (Free Print), colokan di meja kayu, mangkuk Mietama hangat dan es kopi segar.

Catatan Teknis / SFXPrinterMotionGraphic & Split-Badge: Desis printer mencetak + keyboard typing + denting piring santai.
Tool:Remotion (PrinterMotionGraphic.tsx)
Remotion Component
Adegan 5: Safe Haven Reassurance00:31 - 00:37

Pengunjung tersenyum lega merapikan berkas tugas yang tercetak rapi di meja kafe yang nyaman.

Catatan Teknis / SFXSlow push-in kamera, SFX hembusan nafas lega (sigh of relief) berpadu melodi penenang.
Tool:Remotion (Scene5ReassuranceV3.tsx)
Remotion Component
Adegan 6: CTA & Location Anchor00:37 - 00:44

End Card estetik: Logo Katama, pin alamat Jl. Letjen Alamsyah Ratu Prawiranegara No.86 (Seberang Transmart Way Halim), tombol bookmark.

Catatan Teknis / SFXScene6CTAEndCardV3: Hold statis 7 detik agar penonton sempat membaca alamat dan menyimpan video darurat.
Tool:Remotion (Scene6CTAEndCardV3.tsx)
Remotion Component
Alur Kerja Produksi Terverifikasi

Dari riset audiens hingga eksekusi kode Remotion dan rendering multi-variasi.

Tahap 01
Hari ke-1
Riset Brand, Audiens, & Voice of Customer (VOC)

Menganalisis 50+ ulasan pengunjung asli Katama di Way Halim. Menemukan bahwa fasilitas 'Free Print' dan jam operasional 24 jam adalah faktor paling banyak dipuji oleh mahasiswa kampus Bandar Lampung.

Dokumen Riset Brand & Peta VOC Mahasiswa
Tools: Dokumentasi Katama, Google Maps Reviews, Katalog GoFood
Tahap 02
Hari ke-2
Matriks Sudut Pandang Kreatif & Creative Brief

Menyusun matriks 4 sudut pandang dan memprioritaskan 3 angle paling kuat: (1) WFC Reality Check, (2) Free Print Discovery, dan (3) The 2 AM Deadline Emergency.

Matriks 3 Sudut Pandang & Brief Kreatif Disetujui
Tools: Notion, Creative Angles Matrix
Tahap 03
Hari ke-3
Penulisan Naskah & Storyboard Frame-by-Frame

Menulis naskah percakapan natural berbahasa Indonesia kasual (~135 WPM). Menyusun tabel storyboard 6 adegan dengan sinkronisasi ketat antara voice-over, tindakan visual, teks layar, dan SFX.

Naskah 3 Versi & Tabel Storyboard Remotion
Tools: Markdown, ElevenLabs Script Editor
Tahap 04
Hari ke-4
Rekayasa Animasi Programmatic di Remotion Studio

Membangun komponen animasi khusus di Remotion: PrinterMotionGraphic, LineArtClosedPhotocopy, dan KineticTypography. Mengintegrasikan audio vokal ElevenLabs yang diselaraskan per frame sequence.

Komposisi React Remotion (V1, V2, V3)
Tools: Remotion (React + TypeScript), Tailwind CSS, ElevenLabs
Tahap 05
Hari ke-5
Mastering Audio & Ekspor Video Final

Merender video vertikal 1080×1920 30fps langsung dari Remotion engine. Menyeimbangkan loudness audio voice-over dan lofi beat dengan SFX detak jam dan printer yang tajam.

3 File Video MP4 Final (V1 30s, V2 44s, V3 44s)
Tools: Remotion CLI (npm run build), Audacity / FabFilter
Evaluasi Kreatif & Analisis Keputusan Editing

Penilaian jujur terhadap kekuatan narasi, dinamika pacing, dan peluang perbaikan.

Evaluasi ini difokuskan pada analisis keputusan kreatif, ritme pacing, dan kekuatan narasi naskah. Karena ini merupakan spec ad portofolio independen yang belum dijalankan pada dashboard iklan berbayar (paid media), tidak ada klaim ROAS atau konversi semu yang dibuat.

Keputusan Kreatif yang Berhasil
  • Angle V3 (The 2 AM Deadline Emergency) memiliki daya tarik emosional paling kuat karena membidik momen krisis nyata mahasiswa (toko fotokopi tutup & kafe tutup).
  • Visual proof fasilitas 'Free Print' di detik-detik awal (pada V2 & V3) memecah ekspektasi penonton bahwa video ini hanyalah promosi kafe estetik biasa.
  • Tipografi sans-serif tebal warna kuning-putih dengan animasi getar halus memastikan pesan terbaca jelas bahkan saat penonton memutar video dalam mode tanpa suara (sound-off).
Keterbatasan & Peluang Perbaikan
  • Durasi V2 dan V3 yang mencapai 44 detik memerlukan retensi narasi yang kuat di pertengahan video (detik 18–26) agar penonton tidak berpindah sebelum melihat alamat lengkap di End Card.
  • Beberapa aset visual masih mengandalkan rekaman publik kafe; pada iterasi mendatang, pengambilan footage kamera langsung bersudut macro pada mesin printer saat mencetak akan memperkuat rasa autentik.
Pelajaran Kunci dari Proyek Ini

“Dalam video direct response F&B, keunikan fungsional (seperti printer gratis & 24 jam) mengonversi perhatian jauh lebih kuat daripada sekadar visual latte art atau interior cantik.”

“Programmatic video (Remotion) memungkinkan sinkronisasi frame-by-frame antara voiceover AI dengan teks kinetik dan komponen grafis tanpa ketergantungan render NLE manual yang lambat.”

Rencana Iterasi untuk Batch Mendatang

Menyiapkan pengujian A/B live testing pada Meta Dynamic Creative Ads (DCT) dengan membandingkan 3 variasi hook pembuka 3 detik secara terisolasi untuk mengukur rasio thumbstop 3 detik di kalangan mahasiswa Lampung.

Eksplorasi Lanjutan

Pelajari Mesin Produksi Remotion

Lihat bagaimana alur kerja berbasis kode dan ElevenLabs mempercepat pengujian video iklan.

Buka Alur Kerja