Motion design
Sisir, Booking Barbershop Otomatis
Iklan vertikal 20 detik untuk aplikasi fiktif Sisir: pertanyaan booking pelanggan barbershop melayang di latar gelap, tiga kursi cukur terisi sendiri, lalu balasan magenta diketik huruf demi huruf sementara harga, jam buka, dan kursi kosong melompat dari kartu info ke dalam balasan sampai jadwalnya terkunci dengan tiket bergaris tiang barbershop.
Prompt
Buat iklan motion graphics vertikal 720x1280 berdurasi 20 detik untuk aplikasi fiktif bernama Sisir, asisten yang menjawab pertanyaan booking pelanggan barbershop secara otomatis. Semua dibuat dengan HTML, CSS, SVG, dan GSAP, tanpa gambar.
Gaya: latar hitam hangat (#0f0c0e) dengan cahaya ungu lembut di atas dan semburat magenta di kanan bawah, grid tipis yang hampir tak terlihat. Kartu UI gelap (#1b1719) bersudut 22 px, garis tepi tipis, huruf Plus Jakarta Sans. Aksen ungu #a98bff untuk logo, magenta #e2397f untuk balasan, hijau #49d17d untuk tanda centang. Logo Sisir berupa tanda gunting abstrak: dua bilah melengkung bersilang dengan gradasi ungu ke magenta, dua cincin bergaris ganda yang sedikit bergeser, poros bertitik magenta, dan busur gigi sisir tipis di atasnya seperti jarum jam. Logo bercahaya, bilahnya membuka dan menutup pelan terus-menerus, dan berdenyut tiap ada balasan.
Teks besar di bawah adalah teks narasi kinetik: kata muncul satu per satu, kata baru mulai redup lalu menyala putih. Teks berganti tanpa jeda kosong. Kalimatnya: "Sisir menjawab semua booking", "pakai info yang kamu ajarkan,", "harga kamu,", "jam bukamu,", "kursi yang kosong,", "lalu langsung menguncinya."
Alur:
0-5 s: gelembung pertanyaan kecil ("jam 7 malam bisa?", "fade berapa?", "masih ada kursi?") melayang naik di bagian atas. Logo besar di tengah, judul "Menjawab Semua Booking" dan lencana hijau "Terjadwal" yang berdenyut tiap kali satu baris selesai. Kartu "Antrean Hari Ini" punya deretan tiga ikon kursi cukur (Kursi 1, 2, 3) dengan bilah isi yang penuh perlahan sampai 20/20, lalu menggulir daftar pelanggan (avatar inisial, nama, kursi dan jam) yang dicentang satu per satu, penghitung naik dari 12 ke 58 / 60.
5-15 s: logo mengecil ke atas. Kartu "Yang kamu ajarkan ke Sisir" untuk barbershop fiktif Pangkas Rapi, di bawahnya kartu obrolan dari @dimas.r berisi "bisa potong jam 7 malam?". Balasan magenta diketik huruf demi huruf. Tiga baris info (Harga: Fade + cuci, Rp45.000. Jam buka: 10.00 sampai 21.00. Kursi kosong: Kursi 2, pukul 19.30) sudah tampil redup sejak kartu masuk, lalu menyala bergantian; setiap kali, nilainya terangkat menjadi chip yang terbang ke dalam balasan, muncul tebal di kalimatnya, dan barisnya mendapat centang hijau.
15-17 s: pelanggan membalas "gas, kunci ya" dan tiket "Terkunci, Kursi 2, 19.30" muncul dengan stempel centang dan strip tiang barbershop bergaris yang berputar di sisi kirinya.
17-20 s: kartu memudar, logo kembali besar di tengah dengan wordmark Sisir dan kalimat "Kursimu terisi sendiri." sementara pertanyaan masih melayang pelan di belakang.
Gerak: easing power3 dan back yang halus, tidak ada potongan keras, selalu ada sesuatu yang bergerak.
