Motion design

Giliran, Antre dari Rumah

Bu Rini mengambil nomor antrean klinik A-017 lewat ponsel dan memantau sisa antrean dari rumah. Di klinik, layar panggilan memanggil A-015, A-016, lalu A-017, dan tiap pasien ilustrasi datar menunjukkan ponselnya ke perawat di samping loket sebelum masuk lewat pintu ruang periksa.

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

Prompt

Buat reel promosi vertikal 20 detik (720x1280) untuk aplikasi fiktif Giliran, antrean online untuk klinik. Semua dibangun dengan kode: SVG dan HTML/CSS, tanpa foto dan tanpa stok. Ritme 120 BPM dan setiap pergantian adegan jatuh tepat di ketukan. Gaya: latar putih hangat dengan gumpalan gradasi peach yang bergerak pelan, judul serif tebal (DM Serif Display) berwarna navy dengan satu kata miring berwarna koral, mockup UI putih bersih dengan sudut membulat dan bayangan lembut, tokoh ilustrasi datar sederhana (kepala bulat, mata titik, tanpa garis luar). Palet: navy #1E2A3A, teal #1F8A7A, koral #E0664A, hijau konfirmasi #22B573, latar #F6F0EB. Adegan 1 (0-6,5 dtk): judul "Ambil nomor antrean dari rumah saja". Ponsel di tengah menampilkan aplikasi Klinik Pratama Sentosa: sapaan "Halo, Bu Rini!", daftar Poli Umum, Poli Gigi, Poli Anak, dan kartu info kecil "Jam praktik 08.00-14.00" serta "Rata-rata 8 menit per pasien". Kursor otomatis mengetuk Poli Umum lalu tombol "Ambil nomor". Muncul tiket A-017 dengan angka bergulir, estimasi dipanggil 09.40, dan angka sisa antrean yang turun dari 6 ke 2. Tombol berubah hijau "Nomor tersimpan", lalu notifikasi turun: "2 antrean lagi. Saatnya berangkat ke klinik." Adegan 2 (6,5-16 dtk): ponsel mengecil dan berubah menjadi kartu layar panggilan Poli Umum. Judul "Datang pas giliran, langsung dilayani". Di bawahnya ruang tunggu klinik: deretan lampu bulat, jam dinding yang berdetak, tanaman pot, bangku tunggu dengan papan nomor antrean, pintu POLI UMUM di tengah, dan perawat yang berdiri di samping meja loket. Layar memanggil A-015, A-016, lalu A-017; tiap kali, seorang pasien (Pak Dimas, Bu Lastri, lalu Bu Rini berkerudung koral) berjalan dari kiri dan berhenti di depan pintu, berdiri berdampingan dengan perawat, keduanya mengulurkan tangan; pasien menunjukkan ponsel, tablet perawat berkedip hijau, pintu terbuka, dan pasien melangkah masuk ke ruang periksa. Baris pasien di layar panggilan berganti dari "Menuju loket" ke "Terverifikasi di loket" lalu "Masuk ruang periksa". Penghitung "Dilayani" naik dari 14 ke 17. Adegan 3 (16-20 dtk): penutup dengan ikon tiket bertanda centang dan wordmark Giliran yang muncul bersamaan, kalimat "Antre dari rumah, datang saat giliranmu." dan tiga label yang muncul satu per ketukan: Tanpa berdesakan, Notifikasi tepat waktu, Untuk semua poli. Sepanjang adegan 1 dan 2, indikator tiga langkah di bawah (Ambil nomor, Pantau antrean, Datang tepat waktu) menyala sesuai alur.

Video Motion design lainnya

  1. Pesan Galon dalam Satu BentukMotion design14 dtkPesan Galon dalam Satu BentukSatu bentuk tanpa potongan berubah dari tombol hitam "Pesan galon" menjadi pemuat, centang, pulau info depot terdekat, kartu pilihan isi galon dengan air yang bergoyang, slider jumlah galon yang melar saat ditarik melewati batas, sakelar antar sampai dapur, grafik galon per minggu, lalu notifikasi kurir berangkat. Kursor menggerakkan setiap perubahan dengan klik dan tarikan, dan videonya kembali ke tombol awal.CSS · SVGJuri 90
  2. Ruang Kendali Waduk Satu LayarMotion design20 dtkRuang Kendali Waduk Satu LayarSebuah titik di layar hitam membuka terminal pemantau waduk fiktif Tirtana: grafik muka air, pos hujan, kurva kapasitas, pintu air, dan penampang bendungan muncul satu per satu, kamera menyelam ke beberapa skala, lalu menjauh sampai seluruh layar menjadi titik di angkasa. Dari titik itu kamera kembali mendekat ke ponsel mendatar berisi grafik dan tabel kapasitas, ditutup kalimat Satu Layar untuk Seluruh Waduk.Canvas 2D
  3. Anatomi Sebuah BersinMotion design15 dtkAnatomi Sebuah BersinTipografi kinetik 15 detik tentang bersin: kata GATAL bergetar, HAAA meregang saat menarik napas, HATSYI! meledak dengan semburan percikan, lalu grafik aliran udara mencoret mitos 160 km/jam dan menutup dengan pesan tutup pakai siku. Seluruhnya dihiasi catatan tulisan tangan, kode waktu, dan linimasa ala desainer motion.Canvas 2D · PartikelJuri 91
  4. Gelinding, Malam Boling dan BiliarMotion design20 dtkGelinding, Malam Boling dan BiliarVideo pitch 20 detik untuk tempat main fiktif Gelinding: terowongan pita retro berwarna menembakkan logo bola bergaris, lalu tiga bab berlabel BOLING., BILIAR., dan DART. memperlihatkan strike yang membuyarkan sepuluh pin, rak bola biliar yang pecah, dan anak panah yang menancap tepat di tengah papan, sebelum ditutup kartu logo.Three.js · Shader · Partikel
ArtikelSusun brief