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
Learn how to build a website without coding
Release date June 2022
Last updated March 2024
Member
3,625 enrolled
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
Learn With Expert
.png)
Angga Risky
Full-Stack Developer
(412.9K)
Sutan Fanabih
Lifetime Learner
Bagus mas , mau nanya kalo di webflow itu website nya pake domain io dari webflow nya ya ?(kaya github.io) Terus file asli yg buat web nya apa gk bisa diunduh ? Terima kasih read more
Naufal Ghifari
UI Designer
Waduh mas angga! rasanya kurang ini materinya, semoga ada lanjutannya dan menjadi kelas premium kedepannya. Ditunggu ya mas kelasnya. read more
Belum ada review
Tools Pendukung
Lengkapi semua pendukung di bawah sebelum belajar
#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
Materi belajar terbaru
Sertifikat kelas
Bonus materi belajar
Full Stack Flutter Golang: Task Management
Rp 690,000
(125)
(38)
Webflow Template: Tips & Trik Approve Webflow Marketplace
Rp
1,860,000
Rp
690,000
(3)
 3.png)
(139)
.png)
Webflow Workshop: Build a Simple Landing Page
Learn how to build a website without coding
-
Perkenalan Webflow dan Figma2 minutes
-
Kelas Prasyarat Workshop Webflow1 minutes
-
Project Design Preview1 minutes
-
Slicing Design Assets1 minutes
-
Import Design Assets2 minutes
-
Build a Basic Navigation4 minutes
-
Import Google Fonts2 minutes
-
Mempercantik Button CTA2 minutes
-
Mempelajari Layout Grid3 minutes
-
Membuat UI Animation3 minutes
-
Membuat Section Copywriting2 minutes
-
Mempercantik Typography3 minutes
-
Finalizing Layout Design4 minutes
-
Penutup kelas Webflow 21 minutes
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
3,625
Happy Students
Happy Students
Sutan Fanabih
Lifetime Learner
Bagus mas , mau nanya kalo di webflow itu website nya pake domain io dari webflow nya ya ?(kaya github.io) Terus file asli yg buat web nya apa gk bisa diunduh ? Terima kasih
Naufal Ghifari
UI Designer
Waduh mas angga! rasanya kurang ini materinya, semoga ada lanjutannya dan menjadi kelas premium kedepannya. Ditunggu ya mas kelasnya.
Nanang Andrianto
Full-Stack Developer
semoga ada kelas next level lagi. sangat keren lah.
Mochamad Wisnu Nugroho
UX Designer
goooood
Rizqy Khairani
UI Designer
Sangat simple dan mudah ternyata
Mellani Ardiyanti Neorau
Lifetime Learner
bagus
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.
