Webflow Workshop: Build a Simple Landing Page

Learn how to build a website without coding

Member

1,616 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!

Demo Project

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

Learn With Expert

Angga Risky

Full-Stack Developer

Profile Mentor

Course Prerequisite

Kami rekomendasikan untuk mempelajari kelas di bawah

Happy Learning

Materi kelas yang bermanfaat untuk karir kita

1

Warming Up

play_circle

Perkenalan Webflow dan Figma

2 mins

play_circle

Kelas Prasyarat Workshop Webflow

1 mins

play_circle

Project Design Preview

1 mins

play_circle

Slicing Design Assets

1 mins

play_circle

Import Design Assets

2 mins

2

Into Webflow Project

play_circle

Build a Basic Navigation

4 mins

play_circle

Import Google Fonts

2 mins

play_circle

Mempercantik Button CTA

2 mins

play_circle

Mempelajari Layout Grid

3 mins

play_circle

Membuat UI Animation

3 mins

play_circle

Membuat Section Copywriting

2 mins

play_circle

Mempercantik Typography

3 mins

play_circle

Finalizing Layout Design

4 mins

play_circle

Penutup kelas Webflow 2

1 mins

Tools Pendukung

Lengkapi semua pendukung di bawah sebelum belajar

Webflow

Software Gratis

Download Now

Figma

Software Gratis

Download Now

1,616 Happy Members

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

Fiqa

Full-Stack Developer

Sangat membantu untuk para pemula yg ingin belajar membuat web tanpa koding

Satria Gerhana

Front-End Developer

Materi yang di berikan sangat mudah di pahami

Riswanda Aminullah

Full-Stack Developer

Kelasnya menarik banget, penjelasan juga mudah dipahami. Semangat terus

Fahmi Ismail

Mobile App Developer

Tambahan ilmu baru lg yang mempermudah dalam pembuatan website

Cepthari Ningtyas

UI Designer

Materinya mudah dipahamiii

Ronny Fernando

UI Designer

Sangat bermanfaat & mudah dimengerti untuk pemula.

Suryadika Pramesta

Full-Stack Developer

Nice, kelasnya bagus, materinya berbobot dan gampang dicerna otak

Andika Saputra

Full-Stack Developer

GOOD

Yogi Prayoga

Full-Stack Developer

Super sekali mas angga

sutan fajrin

Full-Stack Developer

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

M.Ammar Fadhlan

UI Designer

mantap kak

Mohamad Yogi Ferma

Full-Stack Developer

terbaik ilmunya semoga berkah dunia akhirat bangg, semoga sukses kedepannya bangg

Ali Nurdin Firmans

Full-Stack Developer

Keren

ARIA RESA

Lifetime Learner

mantab materinya, gratis tapi bukan murahan

Alvianus Pradytya

Full-Stack Developer

Materinya legit, simple, bisa langsung praktek

Akhdan Rasyid

UI Designer

terima kasih,sangat bermanfaat!

Anggra Aditra

UX Designer

Bagus untuk pemula yang mau belajar Webflow..Suskes terus BWA

Featured Projects

0 Hasil karya terbaik di kelas Webflow Workshop: Build a Simple Landing Page

Belum ada hasil karya.