Motion design

Peron, Teman Naik Kereta

Promo gerak aplikasi kereta komuter fiktif Peron di latar hijau tua: ponsel 3D yang miring dan berputar memperlihatkan peta jalur kereta yang tergambar sendiri, grafik kepadatan dengan penggeser jam berangkat, denah gerbong tempat kursi 5C ditandai dengan satu ketukan, lalu dasbor perjalanan pagi. Judul tebal putih beraksen hijau mint bergantian di sisi ponsel dan ditutup logo Peron.

Motion design · CSS, GSAP, SVG · 20 detik · 1280×720

Prompt

Buat video motion graphic promo produk 20 detik (1280x720) untuk aplikasi kereta komuter fiktif bernama Peron, dibangun sebagai satu file HTML dengan CSS 3D transform, SVG, dan GSAP timeline. Latar: gradasi radial hijau tua (#14513a ke #030c08) dengan vinyet dan puluhan garis lengkung tipis sejajar seperti jalur peta transit yang bergeser pelan. Bintangnya satu mockup ponsel 3D dengan bodi grafit tebal (beberapa lapis untuk ketebalan), dynamic island, dan UI terang bergaya aplikasi modern; ponsel terus melayang, miring, dan berputar dengan easing lembut, lalu menyapu ke sisi seberang tiap ganti bab. Tipografi Plus Jakarta Sans tebal berwarna putih dengan aksen hijau mint #5BE3A1, label kecil JetBrains Mono berspasi lebar, kata muncul dan keluar satu per satu dari balik mask, dan judul bab baru masuk tepat saat ponsel lewat sehingga sisi teks tidak pernah kosong. Empat bab: (1) 0-4,5 dtk: angka besar 142 KURSI menghitung naik, teks 'Kosong di kereta berikut, terpantau.', ponsel di kanan memperlihatkan peta kota dengan jalur kereta hijau yang tergambar sendiri, stasiun Kenanga, Cempaka, Melati muncul, label tujuan 'Teratai 06.58', dan ikon kereta kecil yang mulai melaju, plus kartu statistik melayang (tiba, gerbong, kursi, padat). (2) 4,5-9,5 dtk: ponsel rebah miring ke kiri, teks kanan 'Pilih jam paling lega.', layar Rencana Berangkat dengan grafik batang kepadatan pagi yang tergambar dari kiri ke kanan, penggeser jam berangkat 06.30-07.30 yang bergeser ke jam padat lalu kembali ke jam lengang, sementara batang terpilih, persen kepadatan, jumlah kursi kosong, dan jam tiba di Teratai ikut berubah. (3) 9,5-14,5 dtk: ponsel tegak di kanan, teks kiri 'Kursi aman. Sekali ketuk.', layar denah gerbong 5 dilihat dari atas dengan bangku memanjang, pintu oranye, dan kursi 5C yang berdenyut; sakelar 'Ingatkan dekat Teratai' menyala lalu tombol 'Tandai kursi 5C' diketuk (riak sentuhan) dan berubah jadi 'Tersimpan 06.35'. (4) 14,5-20 dtk: layar berganti ke dasbor 'Selamat pagi, Raka' dengan cincin 18 kali duduk dari 22 perjalanan, statistik rata-rata padat, waktu hemat, dan jarak tempuh, daftar stasiun yang sudah dilewati, serta kartu sambungan bus, lalu logo Peron dan tagline 'Berangkat tenang, duduk sampai tujuan.' menutup video. Semua teks berbahasa Indonesia, tanpa layar kosong dan tanpa jeda diam.

Video Motion design lainnya

  1. Endus, Kucing Hilang Cepat PulangMotion design20 dtkEndus, Kucing Hilang Cepat PulangPoster kucing oranye bernama Kunyit tertimbun ribuan unggahan grup sampai dicap TERTIMBUN, lalu radar aplikasi fiktif Endus menyapu laporan warga sekitar dan menyalakan titik oranye yang mirip Kunyit. Video ditutup kartu temuan 350 m dari rumah dan logo Endus.Canvas 2D · SVG · GSAP
  2. Kenapa Es Krimku Keras BatuMotion design20 dtkKenapa Es Krimku Keras BatuSeseorang mengetik keluhan ke jendela terminal gelap: es krim buatannya selalu keras seperti batu, sementara sendok di bawahnya terpental dari wadah. Layar berganti ke latar sinar gelap berputar dengan seruan Tunggu dulu., tiga kartu menjelaskan penyebabnya (kristal es, gula, udara), lalu percobaan kelima berakhir dengan sendok yang menyendok es krim lembut.Canvas 2D · CSS
  3. Cangkang Arsip, Satu Tab Semua CangkangMotion design20 dtkCangkang Arsip, Satu Tab Semua CangkangVideo peluncuran bergaya jendela peramban gelap untuk arsip fiktif cangkang.arsip: logo nautilus spiral tergambar bersama sekat ruangnya, tujuh jenis cangkang tersusun dengan angka yang berhitung sampai 78.597, lalu kursor membuka halaman kauri harimau mengilap lengkap dengan penggaris dan kartu data sebelum ditutup kartu akhir.SVG · CSS
  4. Papan Lab, Rakit Papan SeluncurmuMotion design20 dtkPapan Lab, Rakit Papan SeluncurmuPapan seluncur 3D dengan lapisan kayu berwarna di sisinya melakukan kickflip sambil berganti tema warna di atas pita motif kawung, lalu tiga panel peramban gelap memperlihatkan uji kebulatan roda, grafik respons truk, dan latihan ollie dengan skor. Video ditutup dengan papan yang kembali melayang di bawah wordmark PAPAN LAB.Three.js · SVG · GSAP
ArtikelSusun brief