flash sale
hamburger-menu

Kelas Online Gratis
Webflow Workshop: Build a Simple Landing Page

Learn how to build a website without coding

icon global
Release date June 2022
icon convert
Last updated March 2024
Member

3,628 enrolled

Tingkatan
level
Sertifikat
icon_check
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

icon_check

Mempelajari tool dasar Webflow

icon_check

Melakukan slicing design asset dari Figma ke Webflow

icon_check

Membangun elemen UI website (navigation, CTA button, content section, dll)

icon_check

Menampilkan prototype website secara live

Designed For

icon_check

Anda yang ingin mempelajari Webflow

icon_check

Anda yang ingin membangun website tanpa coding

icon_check

Anda yang ingin memiliki portofolio front-end website dengan Webflow

icon_check

Desainer yang ingin menjadi Front-End Developer

Course Lessons

Learn With Expert

Mentor Angga Risky

Angga Risky

Full-Stack Developer

ic-star ic-star ic-star ic-star ic-star

(413K)

Our Happy Students

Review setelah bergabung di kelas Webflow Workshop: Build a Simple Landing Page

All Rating
Sutan Fanabih at BuildWithAngga
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

ic-star ic-star ic-star ic-star ic-star
Naufal Ghifari at BuildWithAngga
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

ic-star ic-star ic-star ic-star ic-star
Nanang Andrianto at BuildWithAngga
Nanang Andrianto

Full-Stack Developer

semoga ada kelas next level lagi. sangat keren lah. read more

ic-star ic-star ic-star ic-star ic-star
Mochamad Wisnu Nugroho at BuildWithAngga
Mochamad Wisnu Nugroho

UX Designer

goooood read more

ic-star ic-star ic-star ic-star ic-star
Rizqy Khairani at BuildWithAngga
Rizqy Khairani

UI Designer

Sangat simple dan mudah ternyata read more

ic-star ic-star ic-star ic-star ic-star
Mellani Ardiyanti Neorau at BuildWithAngga
Mellani Ardiyanti Neorau

Lifetime Learner

ic-star ic-star ic-star ic-star ic-star
Belum ada review
loader
Load More Reviews

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

icon_check

Basic - Rp 0

Akses dan pelajari kelas Starter secara gratis tanpa sertifikat

icon_check

Bayar 0 rupiah

icon_check

Akses kelas selamanya

icon_check

Plus - Rp 50,000

Unlock benefit lainnya yang bisa
didapatkan di kelas Starter

icon_check

Sekali bayar saja

icon_check

Akses kelas selamanya

icon_check

Materi belajar terbaru

icon_check

Sertifikat kelas

icon_check

Bonus materi belajar

Webflow Workshop: Build a Simple Landing Page

Learn how to build a website without coding

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
  • check
    Mempelajari tool dasar Webflow
  • check
    Melakukan slicing design asset dari Figma ke Webflow
  • check
    Membangun elemen UI website (navigation, CTA button, content section, dll)
  • check
    Menampilkan prototype website secara live
Created For
  • check
    Anda yang ingin mempelajari Webflow
  • check
    Anda yang ingin membangun website tanpa coding
  • check
    Anda yang ingin memiliki portofolio front-end website dengan Webflow
  • check
    Desainer yang ingin menjadi Front-End Developer
For Your Career
phone
Akses Selamanya
Belajar lebih santai & produktif
3,628
Happy Students
Sutan Fanabih at BuildWithAngga
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

ic-star ic-star ic-star ic-star ic-star
Naufal Ghifari at BuildWithAngga
Naufal Ghifari

UI Designer

Waduh mas angga! rasanya kurang ini materinya, semoga ada lanjutannya dan menjadi kelas premium kedepannya. Ditunggu ya mas kelasnya.

ic-star ic-star ic-star ic-star ic-star
Nanang Andrianto at BuildWithAngga
Nanang Andrianto

Full-Stack Developer

semoga ada kelas next level lagi. sangat keren lah.

ic-star ic-star ic-star ic-star ic-star
Mochamad Wisnu Nugroho at BuildWithAngga
Mochamad Wisnu Nugroho

UX Designer

goooood

ic-star ic-star ic-star ic-star ic-star
Rizqy Khairani at BuildWithAngga
Rizqy Khairani

UI Designer

Sangat simple dan mudah ternyata

ic-star ic-star ic-star ic-star ic-star
Mellani Ardiyanti Neorau at BuildWithAngga
Mellani Ardiyanti Neorau

Lifetime Learner

bagus

ic-star ic-star ic-star ic-star ic-star
loader

Pertanyaan Umum

Langkah yang tepat untuk berinvestasi kepada
ilmu pengetahuan yang baru di bidang IT

Contact CS

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.

Rp 0

arrow_upward