Motion design

Peluncuran Bank Sampah Digital

Video peluncuran aplikasi fiktif Tabung Sampah di latar hitam beraksen hijau mint: tiga batang putih tersusun menjadi logo bersama tagline, kata Pilah. Timbang. Tabung. tampil satu per satu, lalu kartu harga sampah per kilo dan timbangan digital miring dalam perspektif 3D, papan peringkat RT yang berganti juara, dan penutup logo dengan tagline baru.

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

Prompt

Buat video peluncuran produk 20 detik (1280x720) untuk aplikasi fiktif "Tabung Sampah", bank sampah digital untuk satu kampung, hanya dengan HTML, CSS, SVG, Canvas 2D dan GSAP. Gaya: latar hampir hitam dengan vignette lembut, debu halus, dan berkas cahaya tipis hijau mint yang menyapu diagonal di antara adegan; satu warna aksen hijau zamrud/mint; huruf Inter tebal dengan tracking rapat; kartu UI gelap bersudut membulat yang dimiringkan dalam perspektif 3D. Alur: (1) ikon persegi membulat hijau berisi tiga batang putih yang awalnya berserakan lalu tersusun rapi bertumpuk, bergeser ke kiri saat wordmark "tabung sampah" terbuka huruf demi huruf, lalu tagline "Bank sampah digital untuk satu kampung." muncul dari blur per kata. (2) Tipografi kinetik besar "Pilah. Timbang. Tabung." muncul kata demi kata dan selalu ditengahkan ulang, titiknya berubah mint, dengan subjudul kecil. (3) Judul "Setor yang sudah dipilah." di kiri atas, lalu deretan chip kategori dan tiga kartu harga per kilo (botol PET, kardus, kaleng aluminium) melayang dalam 3D; kartu botol dipilih, kartu timbangan muncul di depan dan angkanya naik sampai 2,40 kg, saldo +Rp 7.680 masuk, dan notifikasi turun di kanan atas. (4) Judul "Sampah dipilah. Saldo bertambah." di atas papan peringkat tiga RT yang miring; setoran RT 04 naik dari 296 ke 342 kg, barisnya menyalip ke posisi pertama dengan bingkai bercahaya dan medali emas memantul. (5) Penutup: logo kembali dengan tagline "Mulai pilah dari dapur sendiri." dan baris kecil "Pilah. Timbang. Tabung." Catatan kecil "Aplikasi fiktif · contoh data dan harga" di kiri bawah. Semua teks berbahasa Indonesia, transisi blur dan easing expo yang halus, tanpa jeda mati.

Video Motion design lainnya

  1. Larik, Teman Menulis PantunMotion design20 dtkLarik, Teman Menulis PantunTeaser aplikasi fiktif Larik di latar krem beraksen ungu: baris keempat sebuah pantun diketik di editor gelap, lalu tombol Cek Rima menyorot pola a-b-a-b, busur rima, suku kata, serta bagian sampiran dan isi. Video ditutup dengan dinding nama jenis dan istilah puisi Nusantara yang bergulir dan logo Larik.Canvas 2D · SVG · GSAPJuri 90
  2. Jejak Neon Sikep MaduMotion design15 dtkJejak Neon Sikep MaduGaris neon hijau limau melacak migrasi seekor sikep madu bertanda pemancar melewati empat titik singgah berikon dan berlabel jarak, lalu burung kaca 3D bersayap jari dan berekor kipas mengepak di depan cincin radar di samping tulisan setiap kepakan tercatat. Penutupnya angka 8.640 km yang menghitung naik di balik tiga kartu kaca yang membiaskannya.Three.js · Canvas 2D · Shader
  3. Siul, Pengenal Kicau BurungMotion design20 dtkSiul, Pengenal Kicau BurungPromo gerak aplikasi fiktif Siul di latar hitam beraksen oranye: kursor otomatis mengenali ratusan rekaman kicau burung sekaligus, menyorot tiap kicauan di spektrogram yang bergulir, lalu memetakan sebaran Kepodang per bulan.SVG · CSS · Canvas 2DJuri 91
  4. Laras, Gitar Selaras SekejapMotion design20 dtkLaras, Gitar Selaras SekejapPil penyetel yang miring dalam perspektif menunjukkan senar sumbang dan gelombang pelayangan merah, lalu berubah menjadi bola cahaya yang menggambar gelombang bersih dan mengetik wordmark laras. Ponsel menyetel senar gitar satu per satu sementara teks di kiri ikut berganti, lalu bola cahaya memetik enam senar bercahaya sebelum logo dan tagline muncul.Canvas 2D · SVG · GSAP
ArtikelSusun brief