Motion design

Pulang, Mudik Tanpa Ribet

Sembilan ubin ikon urusan mudik Lebaran melayang di sekitar wordmark aplikasi fiktif Pulang, lalu tersambung dalam satu lingkaran bercentang. Setelah itu jadwal H-7 sampai Hari H tersusun di pohon garis, rute Jakarta ke Klaten terpantau dengan jarak yang menghitung mundur, dan video ditutup di wordmark dengan ikon yang kembali melayang.

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

Prompt

Buat video iklan produk 20 detik (1280x720) untuk aplikasi fiktif bernama Pulang yang merapikan semua urusan mudik Lebaran dalam satu tempat. Gaya: motion design SVG yang bersih dan tenang, latar gradasi krem hangat ke lavender lembut, ubin ikon putih bersudut bulat dengan bayangan halus, tipografi sans tebal hitam (Plus Jakarta Sans) dengan baris aksen ungu #7457E8, easing yang lembut, ikon melayang pelan sepanjang video. Semua ikon digambar sendiri dengan SVG, tanpa logo merek. Adegan 1 (0-3 dtk): ubin aplikasi Pulang (atap rumah dan pintu) di samping wordmark besar "Pulang", dikelilingi sembilan ubin ikon yang tersebar dan melayang: kereta, bus, kapal, motor, oleh-oleh, amplop THR, peta rute, kunci rumah, cuaca. Adegan 2 (3-8,2 dtk): wordmark menghilang, ubin aplikasi bergeser ke kanan dan sembilan ikon terbang membentuk lingkaran di sekelilingnya. Di kiri muncul kalimat "9 urusan mudik" lalu baris ungu "jadi satu." Garis lingkaran ungu tergambar searah jarum jam, dan setiap ikon yang dilewati mendapat lencana centang yang meletup. Adegan 3 (8,2-9,4 dtk): ikon tersedot masuk ke ubin aplikasi yang bergeser ke tengah, lalu ubin berdenyut sendirian di tengah dan memancarkan dua riak lingkaran ungu. Adegan 4 (9,4-13,8 dtk): ubin naik ke atas, garis vertikal turun darinya dan bercabang ke empat kartu jadwal yang muncul berurutan dengan centang: H-7 Tiket kereta dipesan, H-3 Oleh-oleh dibeli, H-1 Rumah dititipkan, Hari H Berangkat 05.30. Di kiri: "Jadwal tersusun" dan baris ungu "dari H-7 sampai Hari H." Adegan 5 (13,8-17,6 dtk): kartu rute putih berlabel "Dalam perjalanan" dengan garis putus-putus berkelok dari Jakarta ke Klaten, penanda kendaraan bergerak di sepanjang garis, angka sisa jarak menghitung mundur dari 548 km ke 0 km, lalu di kaki kartu perkiraan jam tiba berganti menjadi lencana gelap "Sudah sampai rumah". Di kiri: "Keluarga tahu" dan baris ungu "kamu sudah di mana.", disusul kartu pesan dari Ibu: "Hati-hati di jalan, Nak." Adegan 6 (17,6-20 dtk): kartu akhir, wordmark Pulang kembali di tengah dengan tagline "Mudik tenang, sampai rumah." dan sembilan ikon kembali melayang di sekelilingnya.

Video Motion design lainnya

  1. Sorak, Cuplikan Komentator KampungMotion design20 dtkSorak, Cuplikan Komentator KampungTiga kartu ilustrasi datar bergantian memutar komentator lomba kampung (sepak bola tarkam, bulu tangkis antarkampung, balap karung Agustusan yang dimenangi peserta nomor 3) lengkap dengan takarir yang menyala kata demi kata. Ketiganya lalu terbang masuk ke aplikasi fiktif Sorak yang merangkainya jadi satu cuplikan sorotan.SVG · GSAP · CSS
  2. Giliran, Antre dari RumahMotion design20 dtkGiliran, Antre dari RumahBu Rini mengambil nomor antrean klinik A-017 lewat ponsel dan memantau sisa antrean dari rumah. Di klinik, layar panggilan memanggil A-015, A-016, lalu A-017, dan tiap pasien ilustrasi datar menunjukkan ponselnya ke perawat di samping loket sebelum masuk lewat pintu ruang periksa.SVG · CSS
  3. Cengkam, Catatan Panjat DindingMotion design20 dtkCengkam, Catatan Panjat DindingIkon aplikasi fiktif Cengkam di layar ponsel gelap membuka logo, daftar rute panjat dinding yang dicentang satu per satu, lalu halaman rute Tangga Awan dengan jalur pegangan yang tergambar dan tombol yang menandai rute selesai dengan kepulan debu kapur.GSAP · SVG · CSS
  4. Ajar, Les Privat Plus BonusnyaMotion design20 dtkAjar, Les Privat Plus BonusnyaVideo peluncuran aplikasi fiktif Ajar di atas langit biru pucat berawan: kursor mengetik lokasi les matematika, tiga tutor muncul dengan bonus sesi coba gratis, lalu kartu perbandingan menghitung nilai bonus tiap tutor dalam rupiah dan kursor memesan sesi coba sebelum ditutup logo Ajar.Canvas 2D · GSAP · CSS
ArtikelSusun brief