Motion design
Sekotak, Bekal Sekolah Otomatis
Video peluncuran 20 detik untuk aplikasi fiktif Sekotak yang menyusun bekal sekolah anak: kartu bekal di latar gelap berbola kaca toska terisi sendiri, judul muncul di atas gradasi aurora, wizard enam langkah diisi otomatis sampai jadwal diaktifkan, lalu kalender bekal Senin sampai Jumat menyusun kotak bekal berikutnya.
Prompt
Buat video peluncuran 20 detik (1280x720) untuk aplikasi fiktif bernama Sekotak, perencana bekal sekolah anak yang bekerja otomatis. Bangun sebagai satu file HTML dengan CSS, SVG, dan GSAP, tanpa foto: semua kotak bekal digambar prosedural dengan SVG.
Adegan 1 (0-3,5 dtk): latar hitam dengan bola kaca toska yang melayang pelan. Tiga kartu portrait tersambung garis tipis: kartu Senin sudah berisi bekal nasi telur gulung, kartu Selasa menampilkan ikon kalender dengan progress bar yang terisi lalu berubah menjadi bekal ayam kecap wijen, kartu Rabu masih "Terjadwal" lalu mulai "Menyusun". Titik cahaya meluncur di garis antarkartu. Kamera lalu mendorong maju dan blur.
Adegan 2 (3,5-7 dtk): gradasi aurora toska dan biru yang bergerak. Teks kecil "Sekotak" lalu judul besar "Bekal Otomatis" muncul huruf demi huruf dari blur, disusul pil gelap "Aktif" dengan titik berdenyut. Lingkaran putih mint membuka dari pil itu ke layar berikutnya.
Adegan 3 (7-16 dtk): wizard terang dengan deretan pil langkah (Anak, Selera, Gaya menu, Jadwal, Kirim ke, Tinjau); pil aktif selalu sesuai panel yang tampil dan tercentang satu per satu. Panel berganti dengan geser dan blur: memilih anak (Kelas 2 SD, 7 tahun), mengetik selera "Suka telur, jagung, dan buah. Jangan pedas." dengan kursor teks lalu muncul chip Telur, Jagung, Buah, dan Tanpa pedas, memilih gaya menu Nusantara dan Bento dengan pratinjau kotak bekal, memilih hari Senin sampai Jumat dan jam 05.30, memilih tujuan kirim "Grup keluarga", lalu panel Tinjau berisi ringkasan empat baris dan tombol "Aktifkan jadwal" yang ditekan dengan efek riak sehingga semua pil tercentang.
Adegan 4 (16-20 dtk): strip kalender horizontal kartu harian (Sen 14 sampai Jum 18) berisi bekal berbeda dengan catatan kuning kecil seperti "Semangat!" dan "Lahap!", bergeser pelan dengan kartu di tepi memudar halus. Kartu putus-putus Sen 21 mengisi progress bar lalu berubah menjadi bekal nasi sosis gurita. Penutup: strip berhenti dengan Sen 21 di tengah di antara lima kartu, label "SEKOTAK · JADWAL AKTIF" dan kalimat "Atur sekali, bekal siap tiap pagi."
Tipografi Inter tegas, easing halus ala motion design produk SaaS, ritme cepat tanpa jeda mati.
