Motion design

Laba, Modal Tiap Menu Terhitung

Video peluncuran SaaS fiktif Laba di latar krem hangat beraksen amber: bahan-bahan mengalir lewat garis melengkung ke kartu menu yang menghitung modal per porsi, lalu jendela aplikasi menunjukkan harga cabai naik, margin turun, dan saran harga jual baru dipilih kursor sebelum ditutup logo.

Motion design · SVG, GSAP, CSS · 20 detik · 1280×720 · Skor juri 92/100

Prompt

Buat video peluncuran produk SaaS 20 detik (1280x720) bergaya motion graphics peluncuran startup yang rapi, untuk aplikasi fiktif bernama Laba: kalkulator modal (HPP) menu untuk warung dan kafe. Bangun dengan HTML, SVG, dan GSAP. Latar krem hangat dengan gradasi radial amber yang pelan bergerak, kartu UI putih bersudut membulat dengan bayangan lembut, font sans tebal untuk judul dan font mono kecil untuk label, satu warna aksen amber (#F0A30A). Adegan 1 (0-8 detik): judul kiri atas "Hitung modal untuk ..." dengan kata aksen amber yang berganti: Nasi Goreng, Es Kopi Susu, Martabak, Mi Ayam, lalu "semua menu." Di kiri, chip bahan (nama dan biaya per porsi) tersusun vertikal, dari tiap chip garis SVG melengkung menyatu ke kartu menu di kanan, dengan titik cahaya mengalir sepanjang garis. Kartu menampilkan ikon menu, nama, dan angka modal per porsi yang menghitung naik. Pada "semua menu." kartu berubah menjadi daftar empat menu dengan modal dan margin. Adegan 2 (8-15 detik): label kecil "01 / HARGA BAHAN", judul "Cabai naik? Modal ikut terhitung." dan subjudul di kiri. Di kanan, jendela aplikasi sedikit miring 3D berisi resep Nasi Goreng Spesial: baris cabai rawit disorot, harganya naik dari Rp 950 ke Rp 1.550, modal per porsi naik ke Rp 7.850, margin turun dari 59,7% ke 56,4% di bawah target 60%. Kursor otomatis mengeklik chip "Saran harga jual Rp 20.000" dan margin pulih ke 60,8%, lalu muncul notifikasi "Harga baru tersimpan". Deretan tab menu di bawah jendela berpindah sorotan. Adegan 3 (15-20 detik): judul "Satu dasbor untuk dapurmu." dengan tiga kartu fitur (stok menipis, laba hari ini dengan grafik garis, menu paling untung) yang masuk berurutan, lalu semuanya merapat menjadi logo Laba dikelilingi butiran amber yang melayang, dengan tagline "Tahu untung di tiap piring." dan tombol "Coba gratis 14 hari". Easing halus (power3/expo), tanpa jeda mati, semua teks Bahasa Indonesia.

Video Motion design lainnya

  1. Karet Gelang Unjuk GerakMotion design15 dtkKaret Gelang Unjuk GerakReel tipografi kinetik 15 detik berjudul KARET BISA: seutas karet gelang oranye memamerkan geraknya lewat kata yang bergerak sesuai artinya, dari MELAR, MENTAL, MELILIT, BERPILIN, MERANGKAI, sampai cincin karet 3D yang LENTUR, lalu ditutup dengan APA SAJA.Canvas 2D · Shader · WebGL
  2. Pesan Galon dalam Satu BentukMotion design14 dtkPesan Galon dalam Satu BentukSatu bentuk tanpa potongan berubah dari tombol hitam "Pesan galon" menjadi pemuat, centang, pulau info depot terdekat, kartu pilihan isi galon dengan air yang bergoyang, slider jumlah galon yang melar saat ditarik melewati batas, sakelar antar sampai dapur, grafik galon per minggu, lalu notifikasi kurir berangkat. Kursor menggerakkan setiap perubahan dengan klik dan tarikan, dan videonya kembali ke tombol awal.CSS · SVGJuri 90
  3. Ruang Kendali Waduk Satu LayarMotion design20 dtkRuang Kendali Waduk Satu LayarSebuah titik di layar hitam membuka terminal pemantau waduk fiktif Tirtana: grafik muka air, pos hujan, kurva kapasitas, pintu air, dan penampang bendungan muncul satu per satu, kamera menyelam ke beberapa skala, lalu menjauh sampai seluruh layar menjadi titik di angkasa. Dari titik itu kamera kembali mendekat ke ponsel mendatar berisi grafik dan tabel kapasitas, ditutup kalimat Satu Layar untuk Seluruh Waduk.Canvas 2D
  4. Anatomi Sebuah BersinMotion design15 dtkAnatomi Sebuah BersinTipografi kinetik 15 detik tentang bersin: kata GATAL bergetar, HAAA meregang saat menarik napas, HATSYI! meledak dengan semburan percikan, lalu grafik aliran udara mencoret mitos 160 km/jam dan menutup dengan pesan tutup pakai siku. Seluruhnya dihiasi catatan tulisan tangan, kode waktu, dan linimasa ala desainer motion.Canvas 2D · PartikelJuri 91
ArtikelSusun brief