Motion design
Jaga, Jurnal Kebun Satwa
Dua belas wajah coretan perawat satwa, dokter hewan, pemandu, dan tim malam tersusun di halaman putih dengan judul "Semua tercatat.", lalu tabel Jurnal Satwa Harian terisi baris demi baris. Kamera mendekat ke kolom Tahap pakan dan Kondisi yang berganti sendiri disertai notifikasi, lalu ditutup logo aplikasi fiktif Jaga dengan peta lima kandang yang dihubungkan jalur putus-putus.
Prompt
Buat trailer fitur 20 detik (1280x720) untuk aplikasi fiktif bernama Jaga, jurnal harian bersama untuk para petugas kebun satwa. Fitur yang diumumkan: kolom Tahap pakan dan Kondisi yang terisi sendiri setiap kali petugas menyelesaikan satu tahap perawatan satwa. Gaya: antarmuka dokumen minimalis di latar putih bersih, font Inter tebal untuk judul, abu-abu lembut untuk label dengan ikon garis kecil, tag pastel (merah muda, hijau, amber, biru, ungu), avatar wajah coretan hitam putih bergaya doodle. Bangun semuanya dengan HTML, CSS, dan SVG inline, animasi dengan GSAP 3.12.5, easing power3/expo yang halus, tanpa foto.
Alur:
0-4 detik: dua belas avatar doodle (ikat kepala, rambut ikal, sanggul, dokter berkacamata dengan cermin dahi, topi safari, kupluk, senter kepala) muncul berurutan dalam satu baris rapat. Di bawahnya judul besar berganti: "Pagi diberi pakan.", "Sore diperiksa.", lalu "Semua tercatat.".
4-7 detik: avatar memisah menjadi empat kelompok dengan tag Perawat Satwa, Dokter Hewan, Pemandu, dan Tim Malam. Kelompok Tim Malam berisi satu orang, ikon senter, dan ikon bulan dalam lingkaran berwarna, diberi jarak lega agar tidak saling tumpuk.
7-11 detik: semua naik dan memudar, halaman dokumen "Jurnal Satwa Harian" muncul dengan ikon tapak hijau dan chip Tabel. Kolom Satwa (dengan ikon satwa kecil), Kandang, Perawat, Jadwal, Tahap pakan, Kondisi. Lima baris masuk satu per satu: Gajah Sumatra, Orang Utan, Tapir Asia, Harimau Sumatra, Kakatua Jambul. Tahap pakan ditampilkan dengan lima titik progres (Siapkan, Antar, Makan, Bersih, Cek) dan penanda belah ketupat untuk tahap terakhir.
11-13 detik: kotak biru tergambar di sekeliling kolom Tahap pakan dan Kondisi, dengan ikon sinyal kecil di header, kolom lain memudar, lalu kamera mendekat ke dua kolom itu.
13-17 detik: isi sel berganti sendiri: gajah masuk tahap Makan, tapir masuk tahap Bersih, orang utan beralih ke Antar dan dari Tidur menjadi Aktif, harimau dari Diperiksa menjadi Sehat. Setiap pergantian disertai kilatan kuning yang pas membungkus isi sel, titik progres biru yang menyala, dan notifikasi terbaca jelas di bawah layar berisi avatar, nama, kejadian, dan jamnya; notifikasi lama terdorong ke atas lalu memudar.
17-20 detik: kamera menjauh, halaman memudar, peta lima kandang pastel tergambar dengan garis tebal, jalur putus-putus hijau menghubungkan kandang satu per satu sampai penanda tapak di kandang terakhir, sementara ikon Jaga, wordmark "Jaga", dan kalimat "Setiap kandang tercatat sendiri." muncul di tengah.
