Membuat Landing Page

 

Untuk membuat desain landing page yang efektif, berikut daftar pertanyaan yang dapat digunakan saat tahap requirement gathering dengan klien atau stakeholder.

1. Informasi Umum

1. Apa nama produk, layanan, atau program yang akan dipromosikan?
2. Apa tujuan utama landing page?
   • Branding
   • Registrasi
   • Penjualan
   • Pengumpulan leads
   • Download aplikasi
   • Informasi program
3. Siapa target pengguna utama?
4. Apa masalah yang ingin diselesaikan oleh produk/layanan tersebut?
5. Apa keunggulan utama dibanding kompetitor?

2. Tujuan Bisnis

6. Apa indikator keberhasilan landing page?
7. Berapa target pengunjung per bulan?
8. Berapa target konversi yang diharapkan?
9. Apa tindakan yang diinginkan setelah pengunjung membuka halaman?

3. Target Pengguna

10. Siapa pengguna utama?
11. Berapa rentang usia pengguna?
12. Apa latar belakang pengguna?
13. Apa kebutuhan utama mereka?
14. Apa kendala atau pain point yang mereka hadapi?

4. Konten Hero Section

15. Apa headline utama yang ingin ditampilkan?
16. Apa subheadline yang mendukung?
17. Apa Call To Action (CTA) utama?
18. Apakah diperlukan video promosi?
19. Apakah tersedia foto atau gambar utama?

Contoh CTA:

• Daftar Sekarang
• Mulai Gratis
• Download Aplikasi
• Hubungi Kami
• Gabung Program

5. Informasi Produk/Layanan

20. Apa deskripsi singkat produk?
21. Apa manfaat utama yang diperoleh pengguna?
22. Fitur apa saja yang ingin ditampilkan?
23. Apakah ada demo atau screenshot aplikasi?
24. Apakah tersedia studi kasus penggunaan?

6. Struktur Halaman

25. Menu apa saja yang diperlukan?

Contoh:

• Home
• Tentang Kami
• Fitur
• Keunggulan
• Testimoni
• FAQ
• Kontak

26. Apakah membutuhkan single page atau multi page?
27. Apakah perlu navigasi sticky menu?

7. Fitur dan Keunggulan

28. Apa fitur utama yang ingin ditonjolkan?
29. Apa manfaat setiap fitur?
30. Apakah terdapat diagram alur kerja?
31. Apakah terdapat integrasi dengan sistem lain?

8. Testimoni dan Bukti Sosial

32. Apakah ada testimoni pengguna?
33. Apakah ada logo mitra atau pelanggan?
34. Apakah ada statistik keberhasilan?
35. Apakah ada sertifikasi atau penghargaan?

9. Call To Action

36. Berapa banyak CTA yang akan ditampilkan?
37. Apa tujuan CTA utama?
38. Apakah CTA mengarah ke:

• Form Registrasi
• WhatsApp
• Email
• Marketplace
• Aplikasi Mobile

10. Formulir

39. Apakah diperlukan form pendaftaran?
40. Data apa saja yang harus diisi pengguna?

Contoh:

• Nama
• Email
• Nomor HP
• Instansi
• Kota

41. Apakah perlu validasi data?
42. Apakah data masuk ke CRM atau database?

11. Desain Visual

43. Apa warna utama brand?
44. Apakah sudah memiliki logo?
45. Apakah memiliki brand guideline?
46. Gaya desain yang diinginkan:

• Corporate
• Modern
• Minimalis
• Edukatif
• Startup
• Government
• Futuristik

47. Apakah membutuhkan ilustrasi?
48. Apakah membutuhkan icon khusus?
49. Apakah tersedia foto resmi?

12. Konten Multimedia

50. Apakah membutuhkan video profil?
51. Apakah membutuhkan galeri foto?
52. Apakah membutuhkan animasi?
53. Apakah membutuhkan infografis?

13. SEO dan Marketing

54. Kata kunci utama yang ditargetkan?
55. Apakah membutuhkan blog?
56. Apakah akan digunakan untuk iklan Google Ads?
57. Apakah akan digunakan untuk Meta Ads?

14. Teknis

58. Domain yang digunakan?
59. Hosting yang digunakan?
60. Apakah landing page harus mobile responsive?
61. Apakah perlu integrasi Google Analytics?
62. Apakah perlu integrasi Google Tag Manager?
63. Apakah perlu integrasi Meta Pixel?

15. Kompetitor dan Referensi

64. Siapa kompetitor utama?
65. Landing page mana yang menjadi referensi?
66. Bagian apa yang disukai dari referensi tersebut?
67. Bagian apa yang tidak disukai?

16. Khusus Landing Page Aplikasi

68. Platform aplikasi:

• Web
• Android
• iOS

69. Apakah tersedia screenshot aplikasi?
70. Apa fitur unggulan aplikasi?
71. Apakah tersedia demo akun?
72. Apakah ada link download aplikasi?
73. Apakah tersedia video tutorial?

17. Khusus Program Pendidikan (PKK, PKW, Double Track, Pervekt, PPDB)

74. Apa tujuan program?
75. Siapa sasaran peserta?
76. Apa manfaat yang diperoleh peserta?
77. Bagaimana alur pendaftaran?
78. Apakah ada jadwal pelaksanaan?
79. Apakah ada mitra penyelenggara?
80. Apakah tersedia data capaian program?
81. Apakah tersedia dokumentasi kegiatan?
82. Apakah terdapat sertifikat atau penghargaan bagi peserta?

Daftar pertanyaan di atas dapat dijadikan template wawancara requirement landing page sebelum membuat sitemap, wireframe, UI/UX, dan prototype desain.

Studi Kasus: Pembuatan Landing Page Aplikasi PKK (Peningkatan Kompetensi Kerja)

Latar Belakang

Dinas Pendidikan Provinsi Jawa Timur mengembangkan aplikasi PKK (Peningkatan Kompetensi Kerja) untuk memfasilitasi pelaksanaan pelatihan keterampilan bagi siswa SMA Double Track. Aplikasi ini digunakan untuk pendaftaran peserta, manajemen pelatihan, monitoring kegiatan, sertifikasi, dan pelaporan program.

Saat ini informasi program masih tersebar di berbagai media sehingga calon peserta kesulitan memahami manfaat program dan proses pendaftaran. Oleh karena itu diperlukan sebuah landing page yang informatif, menarik, dan mampu meningkatkan jumlah pendaftar.

---

Tujuan Landing Page

1. Memperkenalkan Program PKK.
2. Menjelaskan manfaat program kepada calon peserta.
3. Menampilkan fitur utama aplikasi.
4. Menunjukkan capaian program.
5. Mengumpulkan data calon peserta.
6. Meningkatkan jumlah pendaftaran online.

---

Target Pengguna

Segmen	Deskripsi
Siswa SMA	Peserta Program Double Track
Alumni SMA	Pencari kerja
Guru Pendamping	Monitoring peserta
Sekolah	Mitra pelaksana
Dinas Pendidikan	Monitoring program

---

Tugas Tim UI/UX

Buatlah desain landing page berdasarkan kebutuhan berikut:

Pertanyaan Requirement

Informasi Program

1. Apa nama program?
2. Apa tujuan program?
3. Siapa penyelenggara program?
4. Siapa target peserta?

Hero Section

5. Apa headline utama?
6. Apa subheadline?
7. Apa CTA utama?

Contoh:

Tingkatkan Kompetensi Kerja dan Raih Karier Impianmu

Bergabunglah dalam Program PKK untuk mendapatkan pelatihan, sertifikasi, dan peluang kerja.

[Daftar Sekarang]

---

Informasi Program

8. Apa manfaat yang diperoleh peserta?
9. Berapa lama pelatihan berlangsung?
10. Apakah peserta memperoleh sertifikat?

---

Fitur Aplikasi

11. Fitur apa yang ingin ditampilkan?

Contoh:

• Registrasi Online
• Dashboard Peserta
• E-Learning
• Sertifikat Digital
• Monitoring Pelatihan
• Pelaporan Program

---

Statistik Program

12. Data capaian apa yang tersedia?

Contoh:

• 25.000 Peserta
• 500 Sekolah
• 1.000 Pelatihan
• 95% Tingkat Kelulusan

---

Testimoni

13. Apakah tersedia testimoni alumni?
14. Apakah tersedia video testimoni?

---

FAQ

15. Bagaimana cara mendaftar?
16. Apakah program gratis?
17. Siapa yang dapat mengikuti program?

---

Struktur Landing Page

HOME
│
├── Hero Banner
│
├── Tentang Program
│
├── Manfaat Program
│
├── Fitur Aplikasi
│
├── Alur Pendaftaran
│
├── Statistik Program
│
├── Testimoni Alumni
│
├── FAQ
│
├── Form Pendaftaran
│
└── Footer

---

Wireframe Sederhana

+------------------------------------------------+
| LOGO                     MENU                  |
+------------------------------------------------+

| HERO BANNER                                   |
| Tingkatkan Kompetensi Kerja Anda              |
| [Daftar Sekarang]                             |
+------------------------------------------------+

| TENTANG PROGRAM                               |
+------------------------------------------------+

| MANFAAT PROGRAM                               |
| [Icon] [Icon] [Icon] [Icon]                   |
+------------------------------------------------+

| FITUR APLIKASI                                |
| Dashboard | Sertifikat | E-Learning           |
+------------------------------------------------+

| ALUR PENDAFTARAN                              |
| 1 → 2 → 3 → 4                                 |
+------------------------------------------------+

| STATISTIK PROGRAM                             |
| 25000 | 500 | 1000 | 95%                      |
+------------------------------------------------+

| TESTIMONI                                     |
+------------------------------------------------+

| FAQ                                           |
+------------------------------------------------+

| FORM PENDAFTARAN                              |
+------------------------------------------------+

| FOOTER                                        |
+------------------------------------------------+

---

Deliverable yang Harus Dibuat Mahasiswa

Analisis

• User Persona
• User Journey
• Requirement Landing Page

Desain

• Sitemap
• Wireframe
• Mockup High Fidelity
• Prototype Interaktif

Implementasi

• HTML5
• CSS3
• Bootstrap 5
• JavaScript

Output Akhir

• Landing Page Responsive
• Tampilan Desktop
• Tampilan Mobile
• Form Registrasi
• Integrasi WhatsApp CTA

---

Kriteria Penilaian

Aspek	Bobot
Analisis Kebutuhan	20%
UI/UX Design	25%
Responsiveness	20%
Implementasi HTML/CSS	20%
Interaktivitas JavaScript	10%
Presentasi	5%

Studi kasus ini cocok digunakan untuk mata kuliah Web Programming, UI/UX Design, atau Project Based Learning dengan fokus pada pembuatan Landing Page Aplikasi PKK.