ruang visualBeta tertutup
MasukDaftar
Explainer

Patungin, Bagi Tagihan Sekejap

Video penjelas produk 20 detik untuk aplikasi fiktif Patungin di latar gradasi pastel: logo struk tiga warna, lalu tiga langkah di jendela aplikasi, dari memindai struk warung, menandai siapa makan apa, sampai tiga tagihan lunas.

Explainer · Canvas 2D, SVG, CSS, GSAP · 20 detik · 1280×720 · Skor juri 91/100

Prompt

Buat motion graphic dinamis 20 detik bergaya product explainer untuk aplikasi fiktif bernama Patungin, aplikasi patungan bayar makan bareng. Latar putih dengan gumpalan gradasi pastel biru, hijau, dan merah muda yang bergerak pelan. Buka dengan logo struk bergerigi yang terbelah jadi tiga warna, wordmark Patungin, tagline "Bagi tagihan makan bareng" dengan aksen tulisan tangan "tanpa ribut!" yang dicoret garis bawah, dan chip label kecil yang melayang. Lalu bagian "Cara kerja" dengan angka gradasi besar 01, 02, 03 di kiri dan jendela aplikasi miring 3D di kanan: 01 foto struk, garis pindai menyapu struk dan tiap baris menu muncul di daftar; 02 kursor otomatis menyeret avatar Ayu, Bima, dan Dewi ke menu masing-masing dan menekan Bagi rata untuk menu bersama; 03 tiga kartu tagihan menghitung naik, lalu tombol Kirim ditekan dan cap Lunas muncul satu per satu. Tutup dengan logo dan kalimat "Makan bareng, bayar adil." Pakai GSAP, SVG, CSS, dan canvas, easing halus, tipografi tegas.

Video Explainer lainnya

  1. Rahasia Klik Penanak NasiExplainer20 dtkRahasia Klik Penanak NasiGambar garis hitam di atas latar terang menjelaskan kenapa penanak nasi tahu kapan nasinya matang: suhu tertahan di 100 °C selama ada air, lalu kaca pembesar menunjukkan magnet termostat yang terlepas di 103 °C, tuas berbunyi klik, dan lampu pindah dari MASAK ke HANGAT. Di akhir, panci berisi gundukan nasi matang sementara panel log mengetik catatan suhu dan keterangan muncul kata demi kata.SVG · CSS
  2. Sapuan, Hitung Cat Tanpa Salah BeliExplainer20 dtkSapuan, Hitung Cat Tanpa Salah BeliVideo peluncuran aplikasi fiktif Sapuan untuk menghitung cat tembok: ukuran kamar diketik, warna Bata Senja dipilih lalu roller mengecat dinding di pratinjau kamar, dan rumus luas dinding terisi sambil kaleng ilustrasi terisi sampai 6,3 liter. Daftar belanja kaleng cat lalu tersimpan, dan video ditutup kartu nama aplikasi dengan tanggal rilis.SVG · GSAP · CSS
  3. Balapan Angka di Dalam PiExplainer20 dtkBalapan Angka di Dalam PiGrafik batang gelap berlomba menghitung berapa kali angka 0 sampai 9 muncul dalam 10.000 digit pertama π, lengkap dengan garis rata-rata, grafik kecil selisih yang terus menyempit, deretan digit terbaru, dan penghitung besar di kanan bawah. Di akhir terlihat setiap angka muncul sekitar 10%.Canvas 2D
  4. Kenapa Guntur Datang TerlambatExplainer20 dtkKenapa Guntur Datang TerlambatVideo penjelas tipografi kinetik di latar gelap: kilat menyambar, kata "guntur" raksasa berwarna oranye menghantam layar lalu masuk ke kalimat, diagram balapan cahaya dan suara sejauh 1 km menunjukkan cahaya tiba seketika sementara suara butuh 2,9 detik, lalu tiga langkah A, B, C mengubah 9 detik jeda menjadi jarak badai 3 km.SVG · GSAP · CSS
ArtikelSusun brief