Motion design

Tampung, Jasa Panen Air Hujan

Video layanan bergaya editorial krem untuk jasa fiktif Tampung: garis biru tebal mengalir dari daftar langkah ke grafik curah hujan yang menandai musim hujan dan menghitung 165.504 liter per tahun dari atap, lalu menjadi pipa yang mengisi tangki 2.000 liter sebelum ditutup daftar langkah tercentang dan tombol survei gratis.

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

Prompt

Buat video motion graphics vertikal 720x1280 berdurasi 20 detik dengan SVG dan CSS untuk jasa fiktif bernama Tampung, layanan panen air hujan untuk rumah. Gaya editorial yang bersih: latar krem hangat #F7F1E6, teks arang #26282A, satu warna aksen biru laut #0F6C8F, font Manrope tebal untuk judul dan regular untuk teks, kartu putih bersudut membulat dengan bayangan tipis. Elemen penghubung semua adegan adalah satu garis aksen tebal dengan titik bulat di ujungnya yang mengalir di tepi layar dan berbelok melengkung di bawah. Hujan tipis turun pelan di latar sepanjang video. Adegan 1 (0-4,3 dtk): logo kata Tampung dengan subjudul 'Jasa Panen Air Hujan', label kecil 'JASA RUMAH TANGGA', judul besar 'Atap rumahmu adalah sumber air.' dengan dua kata terakhir berwarna aksen, subjudul '5 langkah: tagihan turun, tanah tetap basah.', lalu lima kartu langkah bernomor muncul berurutan (Survei atap, Hitung potensi, Talang & saringan, Tangki & resapan, Pantau rutin) ditambah satu kartu aksen biru 'Survei gratis', dan di bawahnya tetes air jatuh membentuk riak berlapis dengan teks kecil 'SATU TETES, SATU LITER, SATU MUSIM'. Garis vertikal di kanan dengan titik di atas. Transisi: konten naik keluar lebih dulu, titik meluncur turun, garis pindah ke kiri di belakang teks dan menyisakan lengkungan di bawah, sementara judul adegan berikutnya sudah mulai masuk. Adegan 2 (4,2-11,8 dtk): lingkaran bernomor 01 di garis, label '01 · SURVEI ATAP', judul 'Hitung air yang jatuh di atapmu.', kartu 'Curah hujan bulanan' berisi dua belas batang Januari sampai Desember yang tumbuh satu per satu, garis pemindai menyapu, bulan basah berubah biru tua dan diberi braket bertanda 'Musim hujan' dengan ikon tetes di atas Januari-Maret dan November-Desember, lalu baris rumus '96 m² atap × 2.155 mm × 0,8' dengan penghitung naik ke 165.504 liter/tahun dan label '± 450 liter per hari', lalu hasilnya ditahan sekitar satu detik agar terbaca. Kartu diberi label 'Contoh'. Adegan 3 (11,5-16,6 dtk): lingkaran 03, label '03 · TALANG & TANGKI', judul 'Setiap tetes masuk tangki.', diagram garis rumah: tetes hujan jatuh ke atap, air mengalir lewat talang, saringan daun, pembuang air pertama, lalu masuk tangki yang permukaannya naik bergelombang sampai 2.000 L, luapan diarahkan ke sumur resapan. Label kecil menunjuk tiap komponen. Adegan 4 (16,4-20 dtk): garis kembali ke kanan, logo Tampung, judul 'Hujan turun, air tersimpan.', kelima langkah tercentang satu per satu, tombol 'Jadwalkan survei gratis' yang berdenyut lembut, kalimat penutup, dan dua kartu angka (165.504 L potensi per tahun, 2.000 L kapasitas tangki contoh) yang tampil penuh di detik terakhir. Easing halus (cubic/expo out), tidak ada jeda diam lebih dari dua detik.

Video Motion design lainnya

  1. Lima Wajah Huruf OmbakMotion design15 dtkLima Wajah Huruf OmbakKata OMBAK dieja huruf demi huruf, dan tiap huruf berperilaku seperti air: O memancarkan riak dan gelombang kejut, M meliuk bergelombang, B terisi buih, A dikelilingi cincin kata pasang surut, dan K tercebur memercikkan mahkota air. Di akhir kelima huruf berjajar rapi membentuk OMBAK yang bergoyang pelan di atas pita ombak.Canvas 2D · Shader · WebGL
  2. Merancang Rambu Kebun RayaMotion design20 dtkMerancang Rambu Kebun RayaBlob terakota bertuliskan Arah. membuka kanvas desain bertitik berisi tiga rambu kebun raya dengan bentuk berbeda: papan gerbang lebar bertiang dua, totem persimpangan, dan papan peta di atas tiang tunggal. Totem dirakit komponen demi komponen berlabel, rute di peta tergambar, lalu kanvas miring menjadi perspektif 3D dengan papan terangkat dan komponen berlabel melayang.SVG · GSAP · CSS
  3. Kisah Angka Nol dalam 20 DetikMotion design20 dtkKisah Angka Nol dalam 20 DetikShowreel tipografi berlatar jingga kunyit menceritakan perjalanan angka nol: angka 628 bergaris tipis, tiga lambang nol kuno dari Babilonia, Maya, dan India di depan garis besar angka 0 raksasa, lalu deretan nol yang melipatgandakan angka 1 menjadi 1.000.000 di atas penggaris nilai tempat. Sapuan cahaya diagonal membuka layar hitam tempat angka 0 tergambar, menyala, dan meledak menjadi serpihan cahaya dengan kalimat penutup.SVG · CSS · Canvas 2D
  4. Ulem, Undangan dari Satu PesanMotion design20 dtkUlem, Undangan dari Satu PesanVideo peluncuran bergaya kertas untuk aplikasi fiktif Ulem: pesan obrolan acara yang berantakan dirapikan menjadi kartu undangan syukuran, catatan tempel berisi satu kalimat berubah menjadi undangan khitanan bermotif kawung, lalu satu undangan berganti empat gaya. Video ditutup dengan nama Ulem dan tiga kartu undangan yang mengipas naik.SVG · CSS · GSAP
ArtikelSusun brief