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.

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

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.

Video Motion design lainnya

  1. Menanam Laut Sepanjang TahunMotion design20 dtkMenanam Laut Sepanjang TahunVideo perkenalan bergaya potongan kertas untuk koperasi rumput laut fiktif Tali Biru: rumpun rumput laut tumbuh di tali bentang di bawah ombak kertas, lalu dua kartu kertas menjelaskan budidaya dan panen sebelum ditutup dengan logo tali yang terikat.SVG · GSAP · Canvas 2D
  2. Loyang, Dari Chat ke ToplesMotion design20 dtkLoyang, Dari Chat ke ToplesVideo peluncuran vertikal untuk aplikasi fiktif Loyang bagi pembuat kue kering rumahan: kata-kata dari chat pelanggan terbang menjadi kartu pesanan, nastar berjatuhan mengisi toples berlabel "Bu Rina", daftar belanja tercentang di atas loyang berisi empat jenis kue, lalu rute antar tergambar di peta sebelum logo muncul di tengah cincin kue yang berputar.SVG · GSAP · CSS
  3. Endus, Kucing Hilang Cepat PulangMotion design20 dtkEndus, Kucing Hilang Cepat PulangPoster kucing oranye bernama Kunyit tertimbun ribuan unggahan grup sampai dicap TERTIMBUN, lalu radar aplikasi fiktif Endus menyapu laporan warga sekitar dan menyalakan titik oranye yang mirip Kunyit. Video ditutup kartu temuan 350 m dari rumah dan logo Endus.Canvas 2D · SVG · GSAP
  4. Kenapa Es Krimku Keras BatuMotion design20 dtkKenapa Es Krimku Keras BatuSeseorang mengetik keluhan ke jendela terminal gelap: es krim buatannya selalu keras seperti batu, sementara sendok di bawahnya terpental dari wadah. Layar berganti ke latar sinar gelap berputar dengan seruan Tunggu dulu., tiga kartu menjelaskan penyebabnya (kristal es, gula, udara), lalu percobaan kelima berakhir dengan sendok yang menyendok es krim lembut.Canvas 2D · CSS
ArtikelSusun brief