MODUL PELATIHAN – MINGGU 4

Web Design Professional Program

Topik: Desain Halaman Profesional – Home, About, Contact

1. Tujuan Pembelajaran

A. Pengetahuan:

– Memahami prinsip dasar desain halaman profesional.

– Mengetahui struktur konten pada halaman Home, About, dan Contact.

B. Keterampilan:

– Mendesain halaman lengkap menggunakan Elementor.

– Membuat form kontak sederhana.

– Menata layout dengan rapi menggunakan spacing, alignment, dan hierarchy.

C. Sikap:

– Mengutamakan kerapian dan konsistensi desain.

– Menunjukkan kreativitas dalam menyusun konten.

2. Materi Pembelajaran Minggu 4

Sesi 1 – Struktur Halaman Profesional

• Elemen umum halaman Home:

   – Hero Section

   – Highlight layanan/keunggulan

   – Testimoni atau bukti sosial

   – Call-to-Action (CTA)

• Elemen umum halaman About:

   – Profil diri/usaha

   – Visi dan misi singkat

   – Foto atau ilustrasi

• Elemen umum halaman Contact:

   – Informasi kontak (email, WA, IG)

   – Form kontak

   – Peta lokasi (opsional)

Sesi 2 – Mendesain Halaman Home

• Langkah-langkah:

   1. Buka halaman Home → Edit with Elementor.

   2. Buat Hero Section (heading, subheading, button).

   3. Tambahkan section keunggulan/layanan.

   4. Tambahkan testimoni (opsional).

   5. Akhiri dengan CTA (misalnya: Hubungi Saya).

• Perhatikan penggunaan warna dan font yang konsisten.

Sesi 3 – Mendesain Halaman About

• Langkah-langkah:

   1. Masuk halaman About → Edit with Elementor.

   2. Tambahkan section satu kolom untuk judul.

   3. Tambahkan foto profil dan deskripsi.

   4. Tambahkan bagian tentang visi/misi atau cerita singkat.

• Tips: Gunakan foto berkualitas dan teks yang ringkas.

Sesi 4 – Mendesain Halaman Contact

• Langkah-langkah:

   1. Buka Contact → Edit with Elementor.

   2. Tambahkan informasi kontak (email, WA, alamat).

   3. Tambahkan widget Form (Elementor).

   4. Sesuaikan label form: Nama, Email, Pesan.

   5. Tambahkan tombol Kirim.

• Opsional: Tambahkan peta Google.

3. Output Minggu Keempat

– Halaman Home lengkap & profesional.

– Halaman About berisi profil dan foto.

– Halaman Contact dengan form kontak berfungsi.

– Semua halaman konsisten dalam warna & tipografi.

4. Tugas Mingguan

1. Sempurnakan halaman Home dengan minimal 3 section.

2. Lengkapi halaman About dengan foto terbaik.

3. Tambahkan form kontak lengkap di halaman Contact.

4. Kirimkan link website untuk review instruktur.