| Istilah | Arti |
|---|---|
| exploding view | Gaya animasi yang memperlihatkan sebuah benda terurai menjadi bagian-bagiannya, dipakai Nick untuk rumah yang terurai saat halaman di-scroll. |
| hero header | Bagian paling atas sebuah halaman web yang pertama dilihat pengunjung, di video ini diberi latar video panning interior. |
| scroll | Gerakan menggulir halaman web ke bawah, yang di video ini dihubungkan dengan animasi sehingga gambar bergerak mengikuti posisi gulir. |
| Kling | Model AI pembuat video, versi 3.0, yang dipakai Nick lewat Higgsfield untuk membuat animasi 3D seperti globe berputar dan rumah terurai. |
| interior design | Bidang penataan ruang dalam bangunan yang menjadi tema contoh website utama yang dibuat Nick dalam demo ini. |
| globe | Bola dunia 3D berputar yang menjadi latar situs pelestarian hutan, dibuat dari gambar Nano Banana lalu dianimasikan dengan Kling. |
| Netlify | Layanan hosting website dengan paket gratis dan CDN global yang dipakai Nick untuk menayangkan situs buatannya ke internet. |
| credits | Satuan pembayaran di platform Higgsfield untuk membuat video, misalnya 7,5 kredit untuk satu video Kling berdurasi 5 detik. |
| MP4 | Format file video umum yang dipakai untuk menyimpan animasi hasil Kling sebelum Claude Code memasangnya ke website. |
| animation | Rangkaian gambar bergerak yang dibuat dengan AI dan dipasang di website agar tampilannya terasa hidup dan mahal. |
| website | Kumpulan halaman yang bisa diakses lewat internet, yang di video ini dibuat Claude Code dan diberi efek scroll 3D. |
| 3D | Tampilan tiga dimensi yang memberi kesan kedalaman, dipakai pada aset animasi seperti globe, rumah, dan stasiun luar angkasa di video ini. |
Nick Saraev, yang dulu mencari nafkah dengan menjual website, menunjukkan cara membuat website dengan efek scroll 3D yang mewah hanya dalam beberapa menit. Ia memamerkan empat contoh yang dibuat sekitar 15 menit, yaitu situs headphone, situs pelestarian hutan dengan globe 3D berputar, situs desain interior dengan rumah yang terurai, dan situs bertema stasiun luar angkasa. Menurutnya, website seperti ini dulu bisa dijual 5.000 sampai 10.000 dolar per situs, sedangkan sekarang cukup beberapa dolar untuk token dan kredit. Pesan utamanya, prosesnya jauh lebih sederhana daripada yang sering digambarkan orang, tanpa perlu berpindah-pindah ke puluhan platform. Alurnya hanya tiga langkah: memberi arahan ke Claude Code dengan bantuan skill desain, membuat aset animasi dengan model video Kling 3.0, lalu memasangnya ke situs dan menayangkannya.
Nick menjalankan Claude Code di Antigravity dan memintanya memakai taste skill buatan Leon, repo terbuka berisi prinsip desain website kelas atas, untuk membuat situs desain interior. Lewat platform Higgsfield ia membuat video Kling 3.0 berdurasi 5 detik, rasio 16:9, resolusi 1080p, seharga 7,5 kredit, sedangkan paket pro sekitar 30 dolar untuk 600 kredit. Video panning interior dijadikan latar hero header dengan gradien masking, lalu video exploding view sebuah rumah dijadikan animasi scroll yang berjalan bingkai demi bingkai. Saat animasi patah-patah, Claude Code memecah video menjadi JPEG yang dioptimalkan dan dimuat lebih dulu, serta mengecilkan video header dari 5,3 MB menjadi 252 KB. Untuk globe, ia membuat gambar dengan Nano Banana lebih dulu. Terakhir, situs ditayangkan gratis di Netlify yang memakai CDN global, dan Nick menyebut optimasi mobile cukup dengan meminta model beberapa kali.
Kata kunci
- exploding view
- hero header
- Kling
- Netlify
- Membuat empat website dengan efek scroll 3D yang bersih dalam sekitar 15 menit (headphone, restorasi hutan dengan globe, interior design dengan rumah yang terurai, dan stasiun luar angkasa berputar), pekerjaan yang dulu bernilai 5.000 sampai 10.000 dolar.
- Menghasilkan aset video dengan AI (Kling) lalu memakai Claude Code untuk membuat situs, dengan hero header, exploding view, dan animasi saat scroll.
- Membahas biaya kredit (sekitar 7,5 kredit per generasi) dan men-deploy lewat Netlify, dengan semua prompt dibagikan gratis.
Tulis catatan pribadimu untuk video ini. Catatan tersimpan di akunmu dan bisa dibuka dari perangkat mana pun.