Motion design
Neraca, Banding Harga Sepasar
Iklan peluncuran vertikal untuk aplikasi fiktif Neraca di latar hitam: kartu harga beras dari delapan pasar tersusun berdampingan, sinar pemindai biru membaca tiap harga, menggambar grafik tren mini, dan memberi label murah, wajar, atau mahal. Daftar lalu diurutkan, timbangan miring ke pasar termahal, dan grafik batang menutup dengan selisih Rp 2.700 per kilo.
Prompt
Buat iklan peluncuran vertikal 9:16 berdurasi 20 detik untuk aplikasi fiktif bernama Neraca yang membandingkan harga bahan pokok di banyak pasar tradisional. Bangun sebagai satu halaman HTML dengan elemen DOM dan SVG yang dianimasikan dari satu timeline JavaScript, tanpa gambar.
Gaya visual: latar hampir hitam (#030507) dengan vinyet halus, judul serif besar (Newsreader) dua baris, baris pertama putih tegak dan baris kedua italic biru (#4BA3F0). Label kecil memakai font monospace (JetBrains Mono) huruf kapital renggang berwarna biru keabuan. Kartu dan baris daftar berbingkai garis tipis biru gelap, rapi seperti antarmuka produk premium. Setiap kata judul masuk dan keluar dengan blur dan fade bergantian, depth of field dipakai untuk kartu di latar belakang.
Alur:
1. 0-4,5 dtk: judul "Cek satu pasar, / rugi di pasar lain." Satu kartu harga tajam (Pasar Tugu Lama, beras medium Rp 14.800/kg) di tengah, sementara belasan kartu harga lain melayang kabur di kedalaman.
2. 4,5-10,5 dtk: kartu kabur terbang melewati kamera, sementara logo wordmark neraca.pasar dengan ikon timbangan dan judul baru "Neraca menaruh / semuanya berdampingan." langsung muncul (setiap judul diukur dan dikecilkan otomatis agar muat lebar 600 px). Delapan baris pasar fiktif tersusun satu per satu dari kedalaman. Di sisi kiri, kepala linimasa bercahaya turun mengikuti baris terbaru, menggambar garis vertikal dan meninggalkan titik tepat di tengah tiap baris, lalu naik kembali ke atas; baris yang dilewatinya menyala. Label "SATU BARANG · SEMUA PASAR" diketik di atas daftar.
3. 10,5-15 dtk: judul berganti "Neraca membaca / setiap harga." Sinar pemindai biru horizontal menyapu daftar dari atas ke bawah; kepala linimasa ikut bergerak bersama sinar, tiap harga yang dilewati diberi garis bawah tipis 2px berwarna dengan cahaya lembut, grafik tren tujuh hari mini tergambar di samping harga, dan muncul dua cip: status (MURAH hijau, WAJAR biru, MAHAL merah) dan tren persen naik atau turun. Penghitung monospace menunjukkan berapa harga sudah dibaca.
4. 15-17 dtk: baris-baris meluncur dan berurutan dari termurah ke termahal, baris teratas menyala hijau.
5. 17-20 dtk: judul penutup "Belanja hemat, / tanpa keliling." Daftar meredup, timbangan garis SVG muncul seimbang lalu miring dengan ayunan teredam: piring kiri Pasar Cempaka Rp 12.900 (hijau) naik, piring kanan Pasar Randu Alas Rp 15.600 (merah) turun. Angka besar "Rp 2.700" menghitung naik dengan keterangan "lebih hemat per kilo", grafik batang delapan pasar tumbuh dengan kurung selisih "+2.700", lalu wordmark neraca.pasar, tombol besar "Unduh gratis" yang berkilau, dan keterangan "8 pasar · diperbarui tiap pagi" muncul.
Gerak memakai easing cubic dan expo yang halus, setiap potongan jatuh di grid 120 BPM (0,5 detik), dan selalu ada gerak kecil seperti kartu melayang dan kilau garis agar tidak ada momen diam.
