Bikin Website & Landing Page Sendiri —Tanpa Coding, Tanpa Drama
Pakai Framer + AI — dari nol sampai deploy ke internet, dalam hitungan jam. Bukan teori doang, langsung praktek.
✓ Update gratis selamanya ✓ Akses langsung setelah bayar
Yang Kamu Dapat
- 100 video materi streaming online
- Update gratis selamanya
- Private grup WhatsApp
- Study case siap praktek
- 13 modul dari dasar sampai advance
- Deploy tanpa domain & hosting dulu
Kenapa Kebanyakan Orang Stuck di Sini?
Punya produk bagus tapi nggak bisa pamer karena nggak punya website — itu realita yang dialami banyak orang.
Bayar Developer, Mahal
Hire developer bisa habiskan jutaan rupiah, revisi makan waktu, dan hasilnya belum tentu sesuai ekspektasi.
Takut Coding, Nggak Mulai
Ngerasa harus ngerti HTML, CSS, JavaScript dulu sebelum bisa bikin website. Padahal nggak harus begitu.
Udah Nyoba tapi Hasilnya Jelek
Pakai page builder gratisan tapi hasilnya nggak profesional. Malu mau dibagiin, akhirnya dibiarkan begitu aja.
Sekarang, Semua Itu Bisa Berubah.
Framestack hadir buat kasih kamu skill nyata — bikin website dan landing page sendiri, cepat, rapi, dan siap tayang di internet.
Fakta yang Nggak Bisa Diabaikan
Di era digital sekarang, punya website bukan lagi pilihan — ini kebutuhan dasar bisnis.
konsumen nilai kredibilitas bisnis dari website-nya
lebih tinggi konversi landing page yang didesain dengan baik
video materi praktikal yang bisa langsung kamu terapkan
rupiah untuk hosting & domain saat belajar dan praktek
Lulusan Kami Sudah Bikin Website Untuk
Semua yang kamu butuh, dalam satu kelas
Materi, template, komunitas, dan mentor — dirancang biar kamu nggak nyangkut di tengah jalan.
40+ Video HD
Materi video step-by-step dengan project nyata, bisa diakses kapan aja seumur hidup.
Template Siap Pakai
15+ template landing page premium yang bisa langsung kamu remix sesuai brand kamu.
Komunitas Aktif
Gabung grup Discord eksklusif buat tanya-jawab, review project, dan networking.
Sertifikat Resmi
Dapat sertifikat digital yang bisa kamu pajang di LinkedIn & portfolio.
Live Mentoring
Sesi live bareng mentor 2x sebulan untuk review portfolio kamu langsung.
Tools & Resource
Akses ke library aset, plugin premium, dan checklist launch yang siap dipakai.
6 Modul, dari nol sampai live
Disusun secara progresif. Setiap modul punya project nyata yang bisa kamu masukkan ke portfolio.
Fondasi Web Modern
HTML5 semantik, CSS modern, dan struktur project yang scalable.
Tailwind CSS Mastery
Styling cepat & konsisten, custom theme, dan responsive design.
Anatomi Landing Page
Hero, social proof, fitur, pricing, FAQ — kapan dipakai dan kenapa.
Copywriting yang Convert
Headline, value proposition, dan CTA yang bikin orang klik.
Performance & SEO
Optimasi Lighthouse, meta tags, dan struktur SEO-friendly.
Deploy & Launch
Domain, hosting, analytics — full launch checklist sampai live.
Framestack — Kelas Online Bikin Website & Landing Page Pakai Framer + AI
Bukan sekadar kelas teori yang bikin ngantuk. Framestack dirancang buat kamu yang pengen langsung praktek, langsung hasilkan output nyata, dan langsung bisa dipakai untuk bisnis.
Dari pengenalan Framer sampai deploy ke internet — semua ada di sini, dalam satu kelas yang tersusun rapi dan sistematis.
Yang akan kamu pelajari
- 1Ekosistem Web Modern & AI
- 2Integrasi GitHub
- 3Website & Landing Page dengan AI
- 4Layout & Styling di Framer
- 5Mobile Responsiveness
- 6Hosting & Deployment
- +Dan 7 Modul Lainnya...
Apa Itu Framestack?
Framestack adalah kelas online yang membantu kamu membuat website dan landing page dengan mudah dan cepat menggunakan Framer — tool desain web modern yang dipakai oleh profesional di seluruh dunia.
Dipadukan dengan kekuatan AI, kamu bisa generate desain, copywriting, dan layout secara otomatis — tanpa harus jago coding sama sekali.
- Materi 100% praktikal — bukan sekadar teori
- Mudah dipahami, cocok untuk semua level
- Bisa dipraktekin tanpa domain dan hosting dulu
- Dari dasar Framer sampai deploy ke internet
- Study case nyata — ikutin langkah demi langkah
13 Modul Tersedia
- M01Ekosistem Web Modern & AI
- M02Integrasi GitHub
- M03Website & Landing Page dengan AI
- M04Layout & Styling di Framer
- M05Mobile Responsiveness
- M06Hosting dengan Netlify
- M07Hosting dengan Cloudflare
- M08AI Copywriting Landing Page
- M09AI Website Copywriting
- M10AI Visual Asset Generation
- M11Merging AI Result
- M12Framer Advance
- M13Study Case Full Praktek
13 Modul — Dari Dasar Sampai Mahir
Setiap modul dirancang sistematis dan langsung praktikal. Kamu tahu persis apa yang akan dipelajari sebelum mulai.
Fondasi paling penting sebelum mulai. Kamu akan pahami mindset, tools, dan ekosistem yang dipakai dalam pembuatan website modern berbasis AI.
Materi di Modul Ini
- Mindset: Bagaimana AI mengubah cara kita membuat website
- Perbedaan website tradisional vs. static website modern
- Overview tools: AI generators, GitHub, Netlify, Cloudflare Pages, dan Framer
- Persiapan akun: GitHub, Cloudflare, Netlify, dan Framer
- Pengenalan Framer — interface dan cara kerjanya
- Anatomi sebuah project Framer
- Interface Framer Builder
- Cara kerja layer di Framer
GitHub adalah tempat semua source code kamu disimpan dan dikelola. Modul ini mengajarkan cara kerja GitHub dari nol secara praktis.
Materi di Modul Ini
- Apa itu GitHub & kenapa wajib dikuasai?
- Membuat repository pertama
- Upload file ke GitHub
Inti dari workflow modern: pakai AI untuk generate desain, lalu satukan dengan Framer. Kamu akan belajar prompt engineering yang menghasilkan output berkualitas tinggi.
Materi di Modul Ini
- Fundamental prompt engineering untuk UI/UX
- AI untuk landing page high-converting
- AI untuk website multi-halaman
- Troubleshooting & debugging dengan AI
- Menyiapkan source code untuk deployment
- Cara nambahin gambar, video, dan teks di Framer
- Pakai insert panel buat nambah elemen lebih cepat
- Import desain dari Figma dan web ke Framer
- Generate layout otomatis pakai AI (Wireframer)
- Cara kasih link di Framer
Kuasai sistem layout Framer dari dalam — cara elemen tersusun, sizing, positioning, dan styling yang konsisten dan profesional.
Materi di Modul Ini
- Tentang Frame dan Layout Stack
- Tentang Positioning di Framer
- Sizing Element Framer
- Stack vs Grid
- Height Positioning Framer
- Min Max Sizing
- Styling & Properti Layer
- Styling Element
- Dark Light Mode Framer
- Fundamental Breakpoint di Framer
Di era mobile-first, website yang nggak responsive = kehilangan pengunjung. Modul ini memastikan desainmu tampil sempurna di semua ukuran layar.
Materi di Modul Ini
- Kenapa mobile-first itu wajib
- Cara prompt AI biar hasilnya langsung responsive
- Cara cek & fix responsiveness
- Testing di berbagai ukuran layar
- Responsive Design di Framer
- Fluid layout di Framer
- Breakpoints di Framer
Website yang sudah jadi harus bisa diakses orang lain. Netlify adalah salah satu platform hosting terbaik — gratis, cepat, dan mudah dipakai.
Materi di Modul Ini
- Pengenalan Netlify
- Proses deploy via Github
- Proses deploy manual
- Continuous deployment
- Custom Domain Netlify
Alternatif hosting yang powerful dan stabil — Cloudflare Pages punya performa global yang luar biasa. Kamu dapat dua opsi hosting, pilih yang paling cocok.
Materi di Modul Ini
- Introduction Cloudflare Pages
- Setup & deployment Github
- Setup & deployment Manual
- Continue Deployment Cloudflare Pages
- Setting Custom Domain Cloudflare Pages
Desain bagus tapi copywriting lemah = konversi rendah. Modul ini mengajarkan cara menulis copy yang menjual menggunakan bantuan AI dengan framework yang terbukti.
Materi di Modul Ini
- Fundamental Prompt Engineering Copywriting
- Memahami Framework Copywriting Dasar
- Menyusun Prompt Copywriting Landing Page
Website multi-halaman punya kebutuhan copy yang berbeda dari landing page. Pelajari cara menyusun brand brief dan master prompt untuk seluruh halaman website.
Materi di Modul Ini
- Perbedaan AI Copywriting Landing Page vs Website
- Menyusun Master Prompt Copywriting Website
- Menyusun Brand Brief Website
- Treatment Halaman Website AI Copywriting
- Final Prompt AI Copywriting Website
Visual yang kuat membuat website lebih profesional dan menarik. Pelajari cara generate aset visual berkualitas tinggi menggunakan AI dengan prompt yang tepat.
Materi di Modul Ini
- Visual Design Fundamental Landing Page atau Website
- Fundamental Prompt Engineering Visual Design
- Menyusun Prompt Engineering Visual Design AI Landing Page atau Website
Saatnya menyatukan semua hasil kerja AI — desain, copy, dan visual — menjadi satu produk final yang siap deploy ke internet.
Materi di Modul Ini
- Merge AI Landing Page (Design + Copywriting)
- Merge AI Website (Design + Copywriting)
- Final Deployment on Netlify
- Final Deployment on Cloudflare
Naik level ke kemampuan Framer yang lebih advanced — komponen, navigasi, carousel, popup, dan semua elemen yang bikin website kamu benar-benar profesional.
Materi di Modul Ini
- Hero Creation in Framer
- Feature - Benefit Creation in Framer
- Menu Navigation Creation in Framer
- Product Catalog Creation in Framer
- Pricing Section Creation in Framer
- Click to Scroll Section in Framer
- Site & page settings
- Copy Landing Page to Another Page
- FAQ Creation
- Footer Creation in Framer
- Plugin Penting di Framer
- Components in Framer
- Hamburger Menu
- Image Lightbox
- Carousel in Framer
- Layout Templates
- Custom Domain
Puncak dari semua yang kamu pelajari. Modul ini berisi studi kasus lengkap yang membawa kamu dari layar kosong sampai website jadi dan live di internet — menggunakan AI dan Framer secara bersamaan.
Materi di Modul Ini (12 Video)
- Bikin Landing Page dari NOL Pakai AI - Part 1
- Bikin Landing Page dari NOL Pakai AI - Part 2
- Bikin Landing Page dari NOL Pakai AI - Part 3
- Bikin Website dari NOL Pakai AI - Part 1
- Bikin Website dari NOL Pakai AI - Part 2
- Bikin Website dari NOL Pakai AI - Part 3
- Bikin Landing Page dari NOL Pakai Framer - Part 1
- Bikin Landing Page dari NOL Pakai Framer - Part 2
- Bikin Landing Page dari NOL Pakai Framer - Part 3
- Bikin Website dari NOL Pakai Framer - Part 1
- Bikin Website dari NOL Pakai Framer - Part 2
- Bikin Website dari NOL Pakai Framer - Part 3
Lihat Sendiri Gimana Framestack Bekerja
Sebelum memutuskan, tonton dulu preview kelasnya. Kamu akan langsung ngerti kenapa ini beda dari kelas online lainnya.
Semua yang Kamu Butuh Ada di Sini
Framestack dirancang lengkap — bukan cuma materi, tapi juga support dan komunitas yang solid.
100 Video Materi Streaming Online
Semua materi bisa kamu akses kapan aja, di mana aja. Nggak ada yang kadaluarsa. Belajar sesuai ritme kamu — pagi, malam, atau weekend.
Update Gratis Selamanya
Dunia web terus berkembang. Setiap ada update tools, fitur baru Framer, atau teknik terbaru, kamu dapat akses materialnya tanpa bayar lagi. Sekali beli, update terus.
Private Grup WhatsApp
Belajar bareng komunitas yang supportif. Tanya langsung kalau ada yang bingung, sharing progress, dan koneksi sama sesama learner yang punya goals yang sama.
Study Case Siap Praktek
Modul 13 khusus berisi studi kasus nyata: bikin landing page dan website dari nol pakai AI dan Framer. Step by step, hasilnya langsung bisa dipakai.
Yang Kamu Rasain Setelah Ikut Framestack
Bukan janji kosong. Ini manfaat konkret yang langsung bisa kamu rasain setelah menyelesaikan kelas.
Bikin Landing Page Lebih Cepat
Yang biasanya makan waktu berhari-hari, bisa selesai dalam hitungan jam. Workflow lebih efisien, hasil lebih profesional.
Tanpa Coding, Hasilnya Pro
Framer + AI memungkinkan kamu bikin website dengan tampilan setara developer profesional — tanpa nulis satu baris kode pun.
Deploy Tanpa Modal Awal
Mulai belajar dan hasilkan output nyata tanpa harus keluar biaya domain dan hosting dulu. Praktek dulu, bayar domain belakangan.
Skill yang Bisa Dijual
Skill bikin website dan landing page adalah skill yang punya nilai jual tinggi. Bisa buat bisnis sendiri atau jual ke klien.
Materi 100% Praktikal
Setiap modul ada yang bisa langsung dikerjain. Bukan sekadar nonton video, tapi langsung hasilkan output nyata.
Ilmu Terus Update
Update gratis selamanya artinya kamu nggak perlu khawatir ketinggalan zaman. Investasi sekali, ilmu terus bertambah.
Beda dari Kelas Online Lainnya
Framestack bukan kelas teori yang bikin ngantuk. Ada alasan kenapa ini berbeda.
Fokus Output, Bukan Teori
Setiap materi dirancang buat langsung menghasilkan sesuatu yang nyata — bukan cuma pemahaman konsep yang nggak kemana-mana.
AI + Framer = Kombinasi Mematikan
Dua tools terkuat digabung jadi satu alur kerja yang efisien. Generate desain, copywriting, dan layout — semuanya otomatis.
Akses Seumur Hidup
Bayar sekali, akses selamanya. Mau belajar ulang kapan aja, materialnya tetap ada. Update baru? Otomatis masuk ke kelas kamu.
Komunitas yang Aktif
Private grup WA yang aktif — bukan grup yang sepi. Ada teman belajar, tempat tanya, dan sharing pengalaman nyata.
Dari Nol Sampai Deploy
Nggak cuma belajar desain — kamu juga belajar deploy ke Netlify dan Cloudflare. End-to-end, dari ideasi sampai live di internet.
Bisa Langsung Diterapkan
Nggak perlu nunggu selesai semua modul. Dari modul pertama pun kamu udah bisa mulai bikin sesuatu yang nyata.
Ada Bonus yang Bikin Framestack Makin Worth It
Selain 13 modul utama, kamu juga dapat bonus yang langsung bisa kamu gunakan.
Prompt Template Library
Koleksi prompt siap pakai untuk AI — desain, copywriting, dan layout. Tinggal pakai, langsung dapat hasil.
Private WhatsApp Group
Akses ke komunitas eksklusif — tanya jawab, sharing progress, dan belajar bareng sesama member Framestack.
Update Materi Gratis
Setiap ada materi baru, modul tambahan, atau update tools — otomatis masuk ke akses kamu. Gratis, selamanya.
Investasi Sekali, Skill Seumur Hidup
Nggak perlu berlangganan bulanan. Bayar sekali, akses selamanya.
Framestack — Kelas Lengkap
100 video + 13 modul + komunitas + update gratis
Harga Normal Rp 997.000
Bayar sekali, akses selamanya
- 100 video materi streaming online
- 13 modul dari dasar sampai advance
- Update gratis selamanya
- Private grup WhatsApp
- Study case siap praktek
- Deploy tanpa domain & hosting dulu
🔒 Akses langsung setelah pembayaran dikonfirmasi
Pertanyaan yang Sering Ditanyain
Ada yang masih bingung? Cek dulu jawaban dari pertanyaan yang paling sering kami terima.
Satu Keputusan Ini Bisa Ubah Cara Kamu Berbisnis Online.
Saya nggak mau kamu terus-terusan nunggu 'momen yang tepat'. Yang namanya siap itu nggak bakal datang sendiri — kamu yang harus bikin dirimu siap. Dan Framestack ada buat bantu kamu tepat di sini, tepat sekarang.
Gabung Framestack Sekarang →