PEMBELAJARAN 6 MAPEL WAWASAN INDUSTRI DKV

 

Topik: Website Wadah Usaha Digital

1. Transformasi Bisnis ke Ranah Digital

Di era ekonomi digital, sebuah usaha tidak lagi hanya mengandalkan toko fisik. Website, khususnya Landing Page, berfungsi sebagai "brosur digital" yang bekerja 24 jam untuk memperkenalkan produk, membangun kepercayaan pelanggan, dan memfasilitasi transaksi secara otomatis.

[Contoh Gambar: Perbandingan antara toko fisik tradisional dengan tampilan website e-commerce yang bersih dan profesional]

2. Anatomi Landing Page yang Menjual

Agar website efektif dalam mengonversi pengunjung menjadi pembeli, terdapat struktur standar yang harus diikuti:

Bagian (Section)	Fungsi Utama
Header & Navigation	Tempat logo perusahaan dan menu navigasi (Home, Menu, Contact) agar pengunjung mudah menelusuri situs.
Hero Section	Area utama paling atas dengan gambar berkualitas tinggi (Hero Image) dan slogan yang kuat.
Product Gallery	Menampilkan katalog produk atau jasa dengan deskripsi singkat dan harga.
Contact & Call to Action (CTA)	Tombol interaktif seperti "Pesan via WhatsApp" atau integrasi Google Maps untuk lokasi usaha.

3. Mengenal Google Sites: Solusi Tanpa Coding

Google Sites adalah alat pembuat website (Website Builder) yang sangat cocok untuk desainer DKV karena:

●      Drag-and-Drop: Memungkinkan penyusunan tata letak hanya dengan menggeser elemen.

●      Integrasi Google Workspace: Mudah memasukkan video dari Drive, lokasi dari Maps, hingga formulir dari Google Forms.

●      Responsif Otomatis: Tampilan website otomatis menyesuaikan diri saat dibuka di smartphone, tablet, atau laptop.

4. Alur Kerja Pengerjaan Proyek (Studi Kasus: Kopi Mahakam)

Dalam simulasi industri ini, Anda akan berperan sebagai desainer web untuk brand lokal "Kopi Mahakam":

1.     Wireframing: Membuat sketsa tata letak di kertas untuk merencanakan posisi logo, teks, dan foto produk.

2.     Asset Preparation: Mengumpulkan hasil karya sebelumnya (Logo yang sudah dibuat di pertemuan 9-14 dan Video Photo Story dari pertemuan 15-20).

3.     Digital Building: Menyusun elemen di Google Sites, mengatur skema warna sesuai identitas brand, dan memasukkan teks promosi.

4.     Testing & Publishing: Mengecek link tombol apakah sudah mengarah ke WhatsApp dan mempublikasikan website dengan alamat domain unik.

[Contoh Gambar: Sketsa Wireframe sederhana di kertas dibandingkan dengan hasil akhir website Google Sites yang sudah jadi]

5. Tips Desain Web Profesional

●      Gunakan Gambar High-Res: Foto produk yang buram akan menurunkan kepercayaan pembeli.

●      Kontras Warna: Pastikan teks mudah dibaca di atas latar belakang (misal: teks putih di atas latar gelap).

●      White Space: Berikan ruang kosong yang cukup agar tampilan website tidak terlihat sesak dan membingungkan.

Referensi

1.     6. RPM Deeplearning - Website Wadah Usaha Digital (Google Sites)

Untuk RPM bisa dibuka link dibawah ini :

https://drive.google.com/file/d/1h1timCq-wZi03hR92r186ITHDc7xYDB-/view?usp=sharing

Berbagi :