Motion design

Kunci, Kelola Kos Tanpa Drama

Dasbor kos yang kacau menampilkan Rp 0 sewa diterima sementara pesan penghuni terus menumpuk, lalu kalimat "Jujur saja. Masalahmu bukan penghuninya" berganti menjadi "catatanmu". Kartu gradasi buram menajam menjadi aplikasi fiktif Kunci: dua belas kamar berubah hijau satu per satu sampai Rp 14.400.000 terkumpul.

Motion design · Canvas 2D, CSS · 20 detik · 1280×720

Prompt

Buat video promo produk 20 detik (1280x720) untuk aplikasi fiktif bernama Kunci, aplikasi pengelola kos-kosan, dalam gaya promo SaaS yang bersih dan terang. Satu file HTML dengan DOM, CSS, dan canvas 2D, font Inter. Latar abu sangat terang dengan petak piksel besar abu-abu yang berkedip pelan (canvas). Palet: tinta #14141a, abu #8b8b96, garis #e7e7ea, kartu putih dengan bayangan lembut, merah #e5484d untuk angka nol, hijau #22a06b untuk lunas, aksen gradasi biru #6f8cff ke merah muda #ff8fb8. Babak 1 (0-7 detik), masalah: dasbor ibu kos dibidik dekat. Angka besar "Rp 0" di bawah label "Sewa diterima · Oktober", dengan "Lunas 0" dan "Menunggak 12" berwarna merah. Di kiri, kotak masuk berisi baris WhatsApp, Telepon, dan Transfer dengan waktu "baru saja" sampai "12 mnt". Pesan penghuni muncul satu per satu dan menumpuk: "bu, transferan bulan ini saya gabung bulan depan ya", "kamar 7 airnya mati lagi bu", "yang sudah bayar siapa aja sih?", "kunci cadangan kamar 3 di siapa ya?". Lencana belum dibaca terus bertambah. Kamera mendorong pelan ke tumpukan pesan, lalu dasbor terbang mendekat, buram, dan hilang. Babak 2 (7-12 detik), tipografi kinetik di atas latar piksel: "Jujur saja." muncul per kata dengan blur ke tajam, kata "saja" berubah dari abu ke hitam. Lalu "Masalahmu bukan penghuninya.": kata "penghuninya" dicoret garis merah dan diganti "catatanmu." berwarna gradasi. Sebuah kartu gradasi biru dan merah muda yang sangat buram melayang masuk dari kanan bawah dan berputar ke tengah. Babak 3 (12-17,5 detik), solusi: kartu buram menajam menjadi aplikasi Kunci. Ada denah dua belas kamar dalam grid 6x2, tiap kamar berubah dari "Belum" ke "Diingatkan" lalu "Lunas" hijau secara berurutan, sementara angka sewa diterima berputar naik dari Rp 0 ke Rp 14.400.000 dan bilah progres terisi. Notifikasi meluncur di kanan: "Pengingat otomatis terkirim ke 12 penghuni", "Bukti transfer kamar 4 cocok otomatis", "Air kamar 7: teknisi dijadwalkan Sabtu 09.00". Terakhir muncul kartu ringkasan bergradasi lembut: "Bulan ini tanpa" 0 tagihan manual, 0 chat menagih, 0 catatan kertas. Babak 4 (17,5-20 detik), penutup: ikon kunci dan wordmark "Kunci" muncul di tengah, dengan tagline "Kelola kos tanpa drama." yang muncul per kata dan baris kecil "12 dari 12 kamar lunas. Tanpa satu pun tagihan manual." Semua gerak memakai easing halus bergaya Remotion, transisi zoom dan blur, tanpa potongan kasar.

Video Motion design lainnya

  1. Cengkam, Catatan Panjat DindingMotion design20 dtkCengkam, Catatan Panjat DindingIkon aplikasi fiktif Cengkam di layar ponsel gelap membuka logo, daftar rute panjat dinding yang dicentang satu per satu, lalu halaman rute Tangga Awan dengan jalur pegangan yang tergambar dan tombol yang menandai rute selesai dengan kepulan debu kapur.GSAP · SVG · CSS
  2. Ajar, Les Privat Plus BonusnyaMotion design20 dtkAjar, Les Privat Plus BonusnyaVideo peluncuran aplikasi fiktif Ajar di atas langit biru pucat berawan: kursor mengetik lokasi les matematika, tiga tutor muncul dengan bonus sesi coba gratis, lalu kartu perbandingan menghitung nilai bonus tiap tutor dalam rupiah dan kursor memesan sesi coba sebelum ditutup logo Ajar.Canvas 2D · GSAP · CSS
  3. Takar, Jadwal Obat IbuMotion design20 dtkTakar, Jadwal Obat IbuTempelan kertas berisi pengingat obat Ibu dari anak-anaknya menumpuk di latar krem sampai badge merah menghitung dua belas dosis terlewat, lalu kalimat besar muncul dari buram dan ponsel aplikasi fiktif Takar mencentang jadwal obat dari pagi sampai malam sambil memberi tahu seluruh keluarga.CSS · GSAP
  4. Tas Anyam Pandan Edisi PertamaMotion design20 dtkTas Anyam Pandan Edisi PertamaFilm peluncuran 20 detik untuk tas anyam pandan fiktif Serat: makro anyaman hitam arang dengan dua daun pandan amber dan biru yang teranyam bersilang, lembar spesifikasi di samping tas tote bertali kulit yang disinari cahaya tepi, kilatan putih, lalu tas melayang di depan huruf raksasa ANYAM dengan label edisi pertama.SVG · GSAP · CSS
ArtikelSusun brief