Akses Selamanya
Masuk /
Daftar
Our Happy Students
Review setelah bergabung di kelas Webflow Workshop: Build a Simple Landing Page
Kelas Online Gratis
Webflow Workshop: Build a Simple Landing Page
Released date June 2022
Last updated March 2026
Member
4,653 enrolled
Lesson Type
Video Only
Tingkatan
Sertifikat
Konsultasi
-Develop Your Skills
Dengan Webflow, membangun website pertama buatan kita sendiri tanpa harus jago coding bukanlah sesuatu hal yang mustahil. Hanya dengan melakukan drag and drop pada design asset, Webflow akan secara otomatis menulis kode dari desain website kita. Saat bekerja dengan software ini, kita pun dapat secara instan melihat prototipe dan aplikasikan banyak fitur yang sangat berguna seperti Responsive Design. Hal-hal tersebut tentunya dapat menghemat waktu, uang, dan tenaga dalam pengerjaan web development.
Pada kelas ini, Angga Risky menjelaskan dasar-dasar menggunakan Webflow untuk sebuah halaman bisnis “Workshop Shayna”. Materi dimulai dari slicing design asset ke Webflow dan membuat area navigation. Tombol di navigation akan diberikan warna dan efek hover. Lalu kita akan mengatur typography (content section dan title) dan memasang banner berupa foto yang sesuai dengan tema website. Setelah semua selesai, kita bisa langsung mengeceknya melalui live prototype.
Agar memahami materi lebih mudah, kami sarankan Anda telah mengikuti kelas gratis BWA mengenai Figma dan Web Development dengan Webflow. Nantikan juga kelas-kelas Freemium lain yang bermanfaat dari kami, ya! Sampai jumpa di kelas!
Key Points
Mempelajari tool dasar Webflow
Melakukan slicing design asset dari Figma ke Webflow
Membangun elemen UI website (navigation, CTA button, content section, dll)
Menampilkan prototype website secara live
Designed For
Anda yang ingin mempelajari Webflow
Anda yang ingin membangun website tanpa coding
Anda yang ingin memiliki portofolio front-end website dengan Webflow
Desainer yang ingin menjadi Front-End Developer
Course Lessons
Videos language: Bahasa Indonesia (Auto-translation available)
Learn With Expert
Angga Risky S
Full-Stack Developer
(464.3K)
Diva Kurnia A
UI Designer
Mudah dipahami secara perlahan dan karena sedikit perubahan baru untuk webflow ini jadi harus memahami lebih sedikit untuk merubahnya sesuai dengan mentornya. read more
29 Nov 2025
Baharudin Yusuf
Lifetime Learner
we need an automation for generate website in sec read more
13 Oct 2025
Belum ada review
Tools Pendukung
Lengkapi semua pendukung di bawah sebelum belajar
Webflow
Software
Figma
Software
#Starter
Start to Invest 100%
Langkah yang tepat untuk berinvestasi kepada
ilmu pengetahuan
yang
baru di bidang IT
Basic - Rp 0
Akses dan pelajari kelas Starter secara gratis tanpa sertifikat
Bayar 0 rupiah
Akses kelas selamanya
Plus - Rp 50,000
Unlock benefit lainnya yang bisa
didapatkan di kelas
Starter
Sekali bayar saja
Akses kelas selamanya
Sertifikat kelas
Webflow Workshop: Build a Simple Landing Page
Videos language: Bahasa Indonesia (Auto-translation available)
-
Perkenalan Webflow dan FigmaVideo 2 minutes -
Kelas Prasyarat Workshop WebflowVideo 1 minutes
-
Project Design PreviewVideo 1 minutes
-
Slicing Design AssetsVideo 1 minutes
-
Import Design AssetsVideo 2 minutes
-
Build a Basic NavigationVideo 4 minutes
-
Import Google FontsVideo 2 minutes
-
Mempercantik Button CTAVideo 2 minutes
-
Mempelajari Layout GridVideo 3 minutes
-
Membuat UI AnimationVideo 3 minutes
-
Membuat Section CopywritingVideo 2 minutes
-
Mempercantik TypographyVideo 3 minutes
-
Finalizing Layout DesignVideo 4 minutes
-
Penutup kelas Webflow 2Video 1 minutes
Member
4,653
Lesson Type
Video Only
Tingkatan
Sertifikat
Konsultasi
-
Develop Your Skills
Dengan Webflow, membangun website pertama buatan kita sendiri tanpa harus jago coding bukanlah sesuatu hal yang mustahil. Hanya dengan melakukan drag and drop pada design asset, Webflow akan secara otomatis menulis kode dari desain website kita. Saat bekerja dengan software ini, kita pun dapat secara instan melihat prototipe dan aplikasikan banyak fitur yang sangat berguna seperti Responsive Design. Hal-hal tersebut tentunya dapat menghemat waktu, uang, dan tenaga dalam pengerjaan web development.
Pada kelas ini, Angga Risky menjelaskan dasar-dasar menggunakan Webflow untuk sebuah halaman bisnis “Workshop Shayna”. Materi dimulai dari slicing design asset ke Webflow dan membuat area navigation. Tombol di navigation akan diberikan warna dan efek hover. Lalu kita akan mengatur typography (content section dan title) dan memasang banner berupa foto yang sesuai dengan tema website. Setelah semua selesai, kita bisa langsung mengeceknya melalui live prototype.
Agar memahami materi lebih mudah, kami sarankan Anda telah mengikuti kelas gratis BWA mengenai Figma dan Web Development dengan Webflow. Nantikan juga kelas-kelas Freemium lain yang bermanfaat dari kami, ya! Sampai jumpa di kelas!
read more
Learn With Expert
Key Points
-
Mempelajari tool dasar Webflow
-
Melakukan slicing design asset dari Figma ke Webflow
-
Membangun elemen UI website (navigation, CTA button, content section, dll)
-
Menampilkan prototype website secara live
Created For
-
Anda yang ingin mempelajari Webflow
-
Anda yang ingin membangun website tanpa coding
-
Anda yang ingin memiliki portofolio front-end website dengan Webflow
-
Desainer yang ingin menjadi Front-End Developer
For Your Career
Akses Selamanya
Belajar lebih santai & produktif
4,653
Happy Students
Happy Students
Diva Kurnia A
UI Designer
Mudah dipahami secara perlahan dan karena sedikit perubahan baru untuk webflow ini jadi harus memahami lebih sedikit untuk merubahnya sesuai dengan mentornya.
29 Nov 2025
Yudha Maswira Ginoto
Front-End Developer
materi nyaa sangat mudah, mantaap
27 Oct 2025
Baharudin Yusuf
Lifetime Learner
we need an automation for generate website in sec
13 Oct 2025
I Nyoman Triarta
Full-Stack Developer
Sangat usefull
06 Aug 2025
Zulfa Aulia Hidayat
Full-Stack Developer
Insight Full
31 Jul 2025
Deandra Satriyo Setiawan
Mobile App Developer
Great for beginners
28 Jun 2025
Tools Pendukung
Pertanyaan Umum
Langkah yang tepat untuk berinvestasi kepada
ilmu
pengetahuan yang baru di bidang IT
Tingkatan kelas Premium yang kami miliki dibangun untuk All Levels
yang memberartikan bahwa cocok untuk seluruh
tingkatan. Kami juga menyarankan calon member untuk
mengikuti kelas Starter (gratis) terlebih dahulu sebagai permulaan.
Sertifikat kelulusan kelas hanya tersedia pada kelas Premium. Dan
untuk mendapatkannya, para member diwajibkan untuk
menyelesaikan seluruh materi kelas dan juga Quiz
yang telah disediakan oleh mentor.
Salah satu benefit unggulan kami adalah group
konsultasi yang diberikan sebagai bonus untuk member
yang telah mengikuti kelas Premium di platform BuildWithAngga.
Silakan menghubungi Admin untk mendapatkan akses pada group
tersebut.
Kami mengizinkan member yang telah mengikuti kelas Premium untuk
menjual kembali projek kelas kepada klien, perusahaan, etc. Syarat
utamanya adalah dengan memodifikasi sedikitnya yaitu
30% dari original project buatan mentor kelas tersebut.
Kami melarang member menjual atau membagikan hak akses kelas Premium
kepada orang lain yang tidak terdaftar pada kelas tersebut. Mari
kita support creators Indonesia dengan cara membeli
kelas secara resmi dan satu akun hanya untuk satu pengguna saja.
Kami tidak memperbolehkan member menjual kembali materi kelas di
BuildWithAngga. Kami siap melanjutkan kepada proses
hukum apabila Anda terbukti benar memperjualbelikan kelas
kami secara ilegal.
