Motion design

Perah, Setoran Susu Tercatat Rapi

Video peluncuran 20 detik untuk aplikasi koperasi susu fiktif Perah di latar putih hangat: papan setoran pagi yang miring ke belakang memindahkan kartu kaleng susu dari Masuk sampai Dibayar, lalu kartu hasil uji mutu peternak terisi satu per satu, grafik setoran tujuh hari tumbuh disertai notifikasi transfer, dan ditutup tetesan susu yang jatuh membentuk logo Perah.

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

Prompt

Buat video peluncuran produk SaaS 20 detik (1280x720) bergaya motion graphics yang biasa dipakai startup saat launching di media sosial, untuk aplikasi fiktif bernama Perah: pencatat setoran susu harian untuk koperasi dan kelompok peternak sapi perah. Bangun semuanya dengan HTML, CSS, dan SVG, tanpa gambar dari luar. Gaya visual: latar putih hangat bergradasi lembut dengan vignette tipis, tipografi sans-serif tebal (Inter Tight) berwarna tinta hampir hitam, dengan separuh kalimat headline berwarna abu-abu hangat. Antarmuka produk tampil sebagai mockup aplikasi desktop yang bersih: sidebar, kolom papan kanban, kartu putih dengan bayangan halus, chip status kecil berwarna (abu-abu, biru, hijau, gelap). Label kecil berhuruf kapital renggang. Pil melayang putih dan satu pil gelap menunjuk ke detail penting. Semua gerak memakai easing halus (expo dan back), kamera sedikit melayang terus, tidak ada jeda diam. Adegan 1 (0-7 detik): headline "Susu pagi, tercatat sebelum dingin." di atas. Di bawahnya jendela aplikasi Perah miring jauh ke belakang dalam perspektif 3D lalu perlahan tegak dalam 3 detik. Papan "Setoran pagi" punya empat kolom: Masuk, Uji mutu, Lolos, Dibayar. Kartu setoran (nama peternak, liter, kadar lemak, nomor kandang, jam setor) berpindah dari kolom ke kolom sambil sedikit terangkat, chip statusnya berganti, dan satu kartu baru jatuh ke kolom Masuk. Total liter di kepala papan menghitung naik sampai 1.240 L. Kartu yang sedang berpindah kolom selalu tampil di atas kartu lain. Pil melayang muncul: "... liter masuk pagi ini" di tepi kiri atas jendela yang angkanya ikut menghitung sampai 1.240, pil "1 sampel perlu uji ulang" dengan ekor kecil tepat di bawah kartu Pak Wiryo di kolom Uji mutu yang chipnya berubah menjadi "Ulang" berwarna amber, dan pil gelap "Dibayar hari ini juga ✓" di bawah kolom Dibayar. Adegan 2 (7-14 detik): kiri, label "UJI MUTU" dan headline "Setiap kaleng diuji. Hasilnya langsung tampil." Kanan, empat kartu peternak meluncur masuk bergantian; di tiap kartu teks hasil uji diketik dengan kursor berkedip (kadar lemak, protein, berat jenis), cincin pengukur kadar lemak terisi, lalu chip berubah menjadi "Lolos", kecuali satu kartu yang berubah menjadi "Ulang" berwarna amber (perlu uji ulang). Adegan 3 (14-17,6 detik): label "PEMBAYARAN" dan headline "Bayar peternak hari itu juga." Panel grafik batang setoran tujuh hari (Sen sampai Min) tumbuh satu per satu dengan angka total yang menghitung naik, lalu dua notifikasi transfer meluncur: "Rp 186.000 ke Bu Sumarni, 24 L × Rp 7.750" dan "Rp 189.875 ke Pak Darto, 24,5 L × Rp 7.750". Adegan 4 (17,6-20 detik): setetes susu jatuh ke ubin logo gelap dan memercikkan riak, wordmark "Perah" muncul, tagline "Dari kandang sampai kas, rapi setiap pagi.", tombol gelap "Coba gratis 30 hari", dan keterangan kecil "Untuk koperasi dan kelompok peternak sapi perah". Akhiri dengan riak lembut tipis di belakang logo yang terus bergerak.

Video Motion design lainnya

  1. Perjalanan Sebuah Nama DomainMotion design20 dtkPerjalanan Sebuah Nama DomainDi latar biru malam, peramban mengetik alamat kedai-senja.example lalu resolver DNS bertanya berantai ke server root, server .example, dan server nama otoritatif lewat garis cahaya melengkung sampai mendapat alamat IP, sementara log kueri di bawah mencatat setiap langkah. Jawabannya disimpan sebagai cache, halaman kedai terbuka, dan kunjungan kedua dijawab dari cache hanya dalam 1 ms.Canvas 2D · Partikel
  2. Reel Gerak Sekeping SaljuMotion design15 dtkReel Gerak Sekeping SaljuReel gerak 15 detik dalam empat bab tentang kepingan salju: kata AIR, DINGIN, dan BEKU menyentak di layar hitam, tetes air berubah menjadi prisma, bintang, lalu dendrit bercabang, kristal bersimetri enam tumbuh dari kotak-kotak di grid titik heksagonal yang disapu gelombang cincin, dan ribuan partikel 3D membentuk keping salju bercahaya dengan pesan setiap keping berbeda.Canvas 2D · Partikel
  3. Rumpun, Pemindai Hama SawahMotion design20 dtkRumpun, Pemindai Hama SawahVideo promosi vertikal untuk aplikasi fiktif Rumpun: kursor otomatis mengisi formulir, dua belas foto daun dan batang padi beterbangan masuk ke kotak unggah, lalu aplikasi mempelajari foto-foto itu dan menandai petak sawah yang diserang wereng batang cokelat di peta lahan.Canvas 2D · SVG · CSS
  4. Turut, Koper yang Tak Pernah HilangMotion design15 dtkTurut, Koper yang Tak Pernah HilangSebuah koper cangkang keras perak 3D masuk bagasi lalu hilang jejak di ruang gelap, kemudian layar berubah jingga dan memperkenalkan aplikasi pelacak koper fiktif Turut lengkap dengan kartu lokasi dan berat koper.Three.js · CSS
ArtikelSusun brief