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

Bagaimana Sebuah Website Dapat Membangun Kepercayaan Konsumen?

Bagaimana Sebuah Website Dapat Membangun Kepercayaan Konsumen?

Di era digital, website bukan sekadar etalase online, tetapi representasi dari kredibilitas dan profesionalitas bisnis. Itulah mengapa membangun kepercayaan konsumen tidak lagi cukup dilakukan lewat promosi, melainkan harus dimulai dari pengalaman pertama mereka saat...

Pentingnya Website Landing Page untuk Bisnis UKM Kuliner & Hospitality

Pentingnya Website Landing Page untuk Bisnis UKM Kuliner & Hospitality

Banyak UKM kuliner dan hospitality di Indonesia mulai sadar pentingnya landing page bisnis UKM untuk mendukung promosi mereka. Iklan di TikTok dan Instagram bisa mendatangkan ribuan pengunjung setiap hari, tapi tanpa halaman yang tepat, kebanyakan hanya melihat iklan...

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...