Tutorial Cara Design Layout Website Landing Page

Agu 13, 2021 | Tutorial DIVI Builder, Web Development

Membuat landing page merupakan salah satu aktivitas keseharian di KiosMaya.Com. Pada artikel tutorial kali ini kami akan membagikan cara design layout website.

Cara deisgn layout ini untuk halaman website, misal sebuah landing page, halaman depan dan sebagainya. Untuk meningkatkan User Experience (UX) maka halaman website harus memiliki tampilan yang menarik.

Nah, untuk memudahkan para designer web dan front end developer, DIVI Builder menyediakan fungsi layout secara visual yang secara live dapat kita lihat.

Video Tutorial Cara Design Layout Halaman Website

Pada video berdurasi 6 menit 12 detik ini Anda akan melihat cara membuat layout design pada sebuah halaman website. Siapkan kacang mete dan teh atau kopi, dan selamat menyaksikan 😉

 

Agar lebih memudah memahami cara design layout menggunakan visual builder DIVI, ada baiknya kami ulang mengenai elemen sebuah website (secara umum).

Elemen Sebuah Halaman Website

Dalam sebuah halaman website, elemen yang ada biasanya (berurutan dari atas ke bawah).

  1. Header: Menu, Slider, Big Hero, dan sebagainya. Fungsinya adalah untuk menyampaikan awareness kepada pengunjung website dan memancing ketertarikan.
  2. Body: Konten website. Dalam layouting, elemen ini berupa section, baris, kolom dan modul (teks, gambar, video dan sebagainya). Fungsi dari body content adalah untuk menerapkan inbound marketing, sebuah alur website yang mengarahkan dari awareness, interest, decision dan call to action.
  3. Footer: Bagian paling bawah di website. Ini bisa satu kolom hingga 5 kolom pada umumnya. Fungsinya adalah untuk memberikan informasi seperti alamat, nomor telepon, daftar link, social follow, dan sebagainya.

Sebaiknya tutorial ini langsung Anda praktikan di website Anda atau bahkan di website Client yang sedang Anda kerjakan.

Jika membutuhkan bantuan silahkan hubungi kami baik melalui contact form maupun whatsapp. Terimakasih telah meluangkan waktu untuk mengunjungi halaman tutorial website KiosMaya.Com

Pelajari juga mengenai: Cara Membuat Website Landing Page Sesuai Praktik Terbaik

Apa itu Video CDN? dan Apa Saja Manfaat Dari Video CDN?

Apa itu Video CDN? dan Apa Saja Manfaat Dari Video CDN?

Jika bisnis Anda sering menggunakan video, seperti jasa coaching, video tutorial dan sebagainya, akan lebih baik menggunakan Video CDN dibanding upload video ke server hosting website Anda atau embed video dari Youtube sekalipun. File video berukuran besar. Siapa pun...

Contoh Company Profile Perusahaan (Download Gratis)

Contoh Company Profile Perusahaan (Download Gratis)

Sekarang teknologi digital semakin memudahkan kita dalam bekerja, termasuk dalam membuat company profile. Temukan cara bikin company profile perusahaan dan contoh company profile untuk perusahaan di beberapa industri yang dapat Anda download for free disini. Company...

Digital Marketing Untuk Produk Kosmetik Gimana Caranya ?

Digital Marketing Untuk Produk Kosmetik Gimana Caranya ?

Banyak yang sukses dengan produk kosmetik, namun tidak sedikit yang mengalami jalan ditempat. Kami melihat salah satu penyebabnya adalah pada cara digital marketing produk kosmetik yang kurang tepat. Cara Digital Marketing Untuk Produk Kosmetik Berdasarkan praktik...

Manfaat Website untuk Kantor Jasa Akuntan dan Perpajakan

Manfaat Website untuk Kantor Jasa Akuntan dan Perpajakan

Di era transformasi digital sekarang ini banyak sekali manfaat website untuk jasa profesional seperti Kantor Jasa Akuntan dan Perpajakan. Dalam artikel ini kami sadur beberapa manfaat adanya website bagi para penyedia jasa akuntansi dan pajak. Kenapa Kantor Jasa...

Pengenalan DIVI Builder Bagian I

Pengenalan DIVI Builder Bagian I

Tutorial video kali ini akan menjelaskan komponen penting dari DIVI Builder. Pengenalan DIVI Builder ini hanya memerlukan waktu kurang dari 10 menit. Terutama untuk para client KiosMaya, untuk awal harus memahami komponen utama yang dijelaskan pada video tutorial...

Pin It on Pinterest

Share This