Motion design

Sigi, Buku Lapangan Ekskavasi

Video peluncuran 20 detik untuk aplikasi fiktif Sigi di latar biru tua: judul Log Ekskavasi muncul, lalu jendela aplikasi melayang miring dan memperlihatkan denah kotak gali serta profil lapisan tanah yang terisi temuan satu per satu. Penutupnya logo Sigi dengan ajakan mencoba.

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

Prompt

Buat video peluncuran produk SaaS berdurasi 20 detik bergaya motion graphics yang biasa dipakai startup saat launching di media sosial, untuk aplikasi fiktif bernama Sigi: buku lapangan digital untuk tim arkeologi. Latar biru tua hampir hitam dengan cahaya radial biru kehijauan yang bergeser pelan. Buka dengan logo Sigi (ikon kotak membulat berisi tiga garis lapisan miring) dan wordmark, label kecil monospace MEMPERKENALKAN, lalu judul besar tebal bergradasi putih ke biru muda "Log Ekskavasi", disusul subjudul yang muncul huruf demi huruf dengan efek blur: "Catat lapisan tanah, temuan, dan koordinat langsung dari lubang galian." Judul lalu terangkat pergi dan sebuah jendela aplikasi terang terbang masuk dengan kemiringan 3D, mendarat sedikit miring dan terus bergerak pelan. Di dalamnya: sidebar proyek "Situs Lembah Arang", denah kotak gali 4x4 berlabel A-D dan 1-4 dengan tekstur tanah, serta panel profil lapisan C2 dengan penggaris kedalaman 0 sampai 2,0 m yang awalnya berupa kerangka abu-abu bertuliskan "Pilih kotak gali untuk membaca profil"; semua panel sudah mulai terisi saat jendela masih melayang. Kursor otomatis memilih kotak C2, lima lapisan (humus, lempung, abu vulkanik, pasir kerikil, batuan induk) tergambar dari atas ke bawah, lalu tiga temuan jatuh ke lapisannya masing-masing dengan cincin denyut sekaligus muncul sebagai titik di denah: pecahan tembikar, manik kaca, dan arang tungku. Penghitung temuan naik dari 24 ke 27. Chip keterangan gelap melayang di luar tepi jendela ("Koordinat temuan tercatat otomatis", "Profil lapisan langsung jadi", "Laporan harian sekali klik") dan kotak teks bawah berlabel TEMUAN berganti mengikuti tiap temuan. Kursor menekan tombol Ekspor laporan lalu menyingkir, dan notifikasi "Laporan harian C2 siap dibagikan" melayang di atas tepi kanan atas jendela tanpa menutupi isi aplikasi. Akhiri dengan jendela berputar menjauh, logo Sigi besar, kalimat "Setiap lapisan punya cerita." dan tombol "Mulai gratis". Pakai SVG, CSS, dan GSAP dengan easing halus bergaya ekspo, tipografi grotesk tebal dan monospace kecil.

Video Motion design lainnya

  1. Boyong, Pindahan Tanpa PanikMotion design20 dtkBoyong, Pindahan Tanpa PanikVideo peluncuran aplikasi fiktif Boyong di latar gradasi pastel: satu kalimat tentang pindahan rumah diketik, lalu kartu antarmuka yang miring menyusun rencana, menggambar rute truk dari Jogja ke Bandung di peta ilustrasi beserta jadwal kru, dan mencatat 38 kardus sampai satu per satu. Video ditutup logo Boyong dengan tagline Pindah rumah, tanpa panik.Canvas 2D · SVG · GSAP
  2. Cara GPS Menemukan PosisimuMotion design15 dtkCara GPS Menemukan PosisimuReel gerak editorial lima bab tentang GPS: peta langit bertitik mengunci satelit satu per satu, sinyal waktu turun 20.200 km ke ponsel, tiga lingkaran jarak bertemu di satu titik, dan bola dunia bertitik dikelilingi enam bidang orbit. Panel matriks titik penutup menunjukkan jam yang meleset satu mikrodetik menggeser posisi 300 meter.Canvas 2D · CSS · Partikel
  3. Tanah yang Hidup di Bawah KakiMotion design20 dtkTanah yang Hidup di Bawah KakiTipografi kinetik di latar cokelat kehitaman dengan jaringan hifa dan akar yang tumbuh di bawah garis permukaan tanah, ribuan mikroba yang terbang masuk ke satu sendok makan, lapisan horison O, A, B, C yang naik menjadi kertas krem, angka raksasa 1000 yang terisi lapisan tanah, sebuah kutipan serif, lalu tunas kecil yang tumbuh dan menyalakan seluruh jaringan.Canvas 2D · GSAP · Partikel
  4. Dari Tombol Menjadi RotiMotion design20 dtkDari Tombol Menjadi RotiSatu bentuk tanpa potongan berubah dari tombol hitam menjadi daftar bahan, bola adonan yang diuleni dan mengembang, kenop suhu oven, roti bundar yang digores lalu kecokelatan, dan notifikasi roti siap. Kursor menggerakkan setiap langkah dengan klik dan tarikan.CSS · SVGJuri 91
ArtikelSusun brief