Motion design

Timbang, Catatan Tumbuh Balita

Balok-balok koral menyusun logo dacin berisi bayi untuk aplikasi fiktif Timbang, lalu dinding ubin menyapu layar ke tiga fitur: kader mencatat berat balita dengan satu ketuk, kurva tumbuhnya tergambar di grafik, dan pengingat jadwal posyandu sampai ke ponsel ibu. Video ditutup dengan logo dan slogan di latar terang.

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

Prompt

Buat video peluncuran produk 20 detik bergaya motion graphics SaaS yang rapi untuk aplikasi fiktif bernama Timbang, pencatat tumbuh kembang balita untuk kader posyandu. Rangkai dengan SVG, HTML/CSS, dan satu timeline GSAP di kanvas 1280x720. Gaya: latar putih kebiruan yang sangat terang dengan kabut gradasi lembut, satu warna merek koral (#F2674A) dengan turunan peach, titik-titik partikel kecil yang melayang, bayangan kartu yang halus, judul tebal Plus Jakarta Sans dengan kata aksen serif italic (Instrument Serif) berwarna merek, label kecil monospace bernomor, dan teks raksasa transparan yang bergeser pelan di dasar layar. Adegan: (1) 0-3 detik, garis tepi balok-balok tergambar lalu terisi koral dan memantul menjadi ikon dacin: kait, batang timbang dengan anak timbangan, dua tali, dan kain gendong berisi kepala bayi. (2) 3-5,5 detik, ikon bergeser ke kiri, wordmark timbang muncul huruf demi huruf dengan percikan partikel, lalu slogan 'Catatan tumbuh kembang yang bekerja untuk kader.' (3) Transisi dinding ubin koral bersusun seperti bata yang memenuhi layar lalu runtuh. (4) Fitur 01 CATAT: judul 'Catat dalam satu ketuk.', kartu formulir kunjungan mengetik nama balita, angka berat menghitung naik ke 9,6 kg, kursor menekan tombol Simpan, tombol berubah menjadi Tersimpan dan muncul notifikasi kecil. (5) Fitur 02 PANTAU: 'Lihat kurva tumbuhnya.', kartu grafik berat menurut umur dengan pita hijau zona normal, garis tumbuh tergambar titik demi titik sampai bulan ke-14, label +300 g bulan ini dan status Tumbuh sesuai kurva. (6) Fitur 03 INGATKAN: 'Kabar sampai ke rumah.', notifikasi jadwal posyandu, balasan pesan ibu, dan kartu imunisasi berikutnya melayang masuk bertumpuk dengan kursor mengetuk Kirim pengingat. (7) Penutup: ubin menyapu lagi, logo dan wordmark kembali ke tengah dengan slogan 'Tiap gram tercatat, tiap anak terpantau.' dan pil 'Gratis untuk kader posyandu'. Semua gerakan memakai easing ekspo dan back yang halus, tidak ada jeda diam lebih dari dua detik.

Video Motion design lainnya

  1. Rentang, Lukis Harimu di Satu PutaranMotion design20 dtkRentang, Lukis Harimu di Satu PutaranVideo peluncuran aplikasi fiktif Rentang untuk merancang hari: butiran jam terbang dari kartu 16 jam terjaga ke jam dinding 24 jam dan mewarnai lima kegiatan tepat di slot waktunya sampai sisanya nol, lalu semuanya terbentang menjadi garis waktu 06.00 sampai 22.00.GSAP · SVG · Canvas 2D
  2. Atlas Awan Edisi Musim HujanMotion design20 dtkAtlas Awan Edisi Musim HujanLima halaman majalah bergaya editorial di kertas krem memperkenalkan awan: judul besar bertitik merah, angka 12.000 meter yang menghitung naik, glosarium sepuluh genus awan, dan indeks empat lapisan langit. Gambar garis awan tergambar sendiri dan melayang pelan di bagian bawah tiap halaman.SVG · GSAP · CSS
  3. Repertoar, Setlis Satu VersiMotion design20 dtkRepertoar, Setlis Satu VersiDi jendela obrolan terang, seorang personel band meminta asisten menyimpan keputusan latihan: lagu Lampu Kota turun ke nada D dan jadi lagu penutup. Kartu hasilnya diklik, lalu aplikasi gelap fiktif Repertoar terbuka dan memindahkan lagu itu ke urutan terakhir, mentransposisi akornya, dan menandai semua personel sudah membaca.SVG · GSAP · CSS
  4. Showreel Gotong Royong KampungMotion design15 dtkShowreel Gotong Royong KampungShowreel tipografi kinetik 15 detik tentang gotong royong: kata GOTONG ROYONG, peribahasa berat sama dipikul, titik-titik warga yang berkumpul membentuk lingkaran, grid bentuk yang tertata, lalu barisan teks miring kerja bakti sebelum ditutup ajakan kumpul Minggu pagi.Canvas 2D
ArtikelSusun brief