Tutorial Cara Design Layout Website Landing Page

Agu 13, 2021 | Tutorial DIVI Builder, Web Development

Cara Design Layout Website Landingpage

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

Corporate Branding di Era Digital Tak Hanya Soal Pencitraan

Corporate Branding di Era Digital Tak Hanya Soal Pencitraan

Di era digital, corporate branding bukan lagi sekadar membangun citra atau tampil estetis di mata publik. Branding yang efektif harus bisa bekerja untuk bisnis—menarik perhatian, membangun kepercayaan, dan pada akhirnya mendatangkan prospek dari berbagai saluran...

Desain Efek Scroll Menumpuk dengan Divi Builder

Desain Efek Scroll Menumpuk dengan Divi Builder

Dalam dunia desain web modern, menciptakan pengalaman pengguna yang menarik dan interaktif adalah kunci untuk membuat situs Anda menonjol. Salah satu cara efektif untuk mencapai ini adalah dengan memanfaatkan fitur sticky pada tema Divi. Tutorial ini akan membahas...

Halo Effect dan Peranannya dalam Strategi Branding

Halo Effect dan Peranannya dalam Strategi Branding

Fenomena Halo Effect adalah bias kognitif yang menyebabkan konsumen menilai kualitas keseluruhan suatu produk atau layanan berdasarkan satu atribut yang dianggap positif. Di dunia pemasaran, efek ini sering dimanfaatkan untuk memperkuat citra merek. Jika digunakan...

Bagaimana Cara Membuat Website Bisnis yang Menarik?

Bagaimana Cara Membuat Website Bisnis yang Menarik?

Cara membuat website bisnis yang menarik bukan hanya soal tampilan, tetapi juga tentang fungsionalitas, konsistensi, dan profesionalisme. Website yang rapi, unik, dan mudah diakses akan meningkatkan kredibilitas bisnis serta membantu menarik lebih banyak pelanggan...

Cara Memilih Nama Domain yang Tepat untuk Website Bisnis

Cara Memilih Nama Domain yang Tepat untuk Website Bisnis

Cara memilih nama domain yang tepat bukan hal yang bisa dianggap remeh. Nama yang sesuai bisa menjadi fondasi kuat bagi branding dan kehadiran online sebuah bisnis. Sebaliknya, nama yang kurang pas bisa membuat bisnis sulit ditemukan dan diingat oleh calon pelanggan....

Ciri-Ciri Artikel yang Terlihat Dibuat dengan ChatGPT

Ciri-Ciri Artikel yang Terlihat Dibuat dengan ChatGPT

Saat ini, banyak orang menggunakan AI seperti ChatGPT buat nulis artikel, baik untuk blog, tugas, atau bahkan copywriting bisnis. Tapi, tanpa disadari, ada beberapa pola yang bikin tulisan hasil AI terasa ‘robot banget’ alias kurang natural. Nah, kalau kamu mau tahu...