Motion design
Setetes, Donor Tepat Waktu
Video peluncuran 20 detik untuk aplikasi fiktif Setetes yang mempertemukan pasien dengan donor darah: kartu masalah tentang pesan berantai, golongan yang tidak cocok, dan kabar terlambat, lalu peta radar yang menyalakan tiga donor O− sementara ponsel mengisi daftar donor, dan logo tetes darah yang terbentuk di akhir.
Prompt
Bertindaklah sebagai motion designer senior dan buat video peluncuran 20 detik untuk aplikasi fiktif Setetes, aplikasi yang mempertemukan pasien yang butuh darah dengan donor yang cocok di sekitarnya. Kerjakan sepenuhnya dalam kode (HTML, SVG, CSS, GSAP) di latar arang gelap dengan aksen merah darah #E5303A, tulisan putih, font Bricolage Grotesque tebal untuk judul dan Inter untuk teks kecil, serta baris-baris pesan buram yang bergerak pelan di latar. Ceritakan dalam lima adegan dengan satu judul pendek tiap adegan: (1) garis detak jantung merah tergambar melintasi layar sementara judul "Setiap hari, seseorang sedang menunggu darah." masuk kata demi kata; (2) judul naik ke atas, "Tapi mencari donor itu sulit", lalu tiga kartu masalah dibangun bergantian: Pesan berantai dengan penghitung terusan yang terus naik, Golongan tak cocok dengan daftar penawar yang dicoret satu per satu, dan Kabar terlambat dengan stempel TERLAMBAT; (3) "Setetes mempertemukan dalam menit": ponsel berisi permintaan darurat O− tiga kantong di samping peta gelap, sapuan radar merah yang lembut berputar dari rumah sakit di dalam lingkaran radius lalu memudar, tiga titik donor O− menyala dengan denyut cincin cahaya dan tersambung garis ke rumah sakit, sementara baris kerangka di ponsel terisi satu per satu menjadi daftar donor yang siap berangkat, bilah waktu tiba tercepat terisi sampai 3/3 kantong, dan tombol Kabari RS Kota muncul; (4) tiga petak fitur dengan ikon garis yang tergambar sendiri: cocok otomatis, pengingat jadwal donor, dan jejak tiap kantong; (5) logo tetes darah tergambar garis lalu terisi merah dengan riak bercahaya, nama setetes muncul huruf demi huruf dengan tagline "Satu tetes, tepat waktu." Animasikan seperti film produk premium: tipografi kinetik kata demi kata dengan blur yang menajam, easing spring, dorongan kamera pelan, kedalaman dan glow, elemen yang masuk mengikuti ketukan, dan setiap adegan cukup lama untuk dibaca tanpa ada teks yang bertumpuk atau terpotong.



