# Website Cantik yang Tidak Konversi Itu Cuma Seni Mahal > Website cantik yang tidak konversi itu uang terbuang. Ini cara UI/UX dan prototyping yang baik mengubah kejelasan menjadi konversi. - Penulis: Indra Hermawan, Technical Lead at PopOut (https://popout.id/id/penulis/indra-hermawan) - Terbit: 2026-05-18 - Diperbarui: 2026-10-19 - URL: https://popout.id/id/artikel/konten/website-cantik-yang-tidak-konversi-itu-cuma-seni-mahal - Penerbit: PopOut Digital Agency, Jakarta (https://popout.id) ## Poin penting - Kebanyakan masalah konversi website sebenarnya soal kejelasan: orang tidak menemukan tombol, tidak paham penawaran, atau menyerah karena langkahnya terlalu banyak. - Layar pertama website harus menjawab tiga pertanyaan dengan bahasa sederhana: ini apa, cocok tidak untuk saya, dan sekarang harus melakukan apa. - Setiap halaman website sebaiknya punya satu aksi utama yang paling mencolok, dan bagi banyak bisnis di Indonesia aksi utama itu adalah tombol WhatsApp. - Menguji wireframe hitam-putih yang bisa diklik ke beberapa orang mirip pelanggan biasanya menambah satu sampai tiga minggu untuk situs kecil, tetapi menghemat jauh lebih banyak. - Bila pengunjung website sangat sedikit, itu masalah jangkauan, sedangkan bila pengunjung yang tepat datang tetapi tidak bertindak, UX menjadi tersangka utama. Kami sering lihat ini: website yang cantik banget dan disukai seluruh tim, tapi conversion rate-nya bikin foundernya diam-diam nangis. Terlihat bagus dan berfungsi baik itu dua hal berbeda, dan UI/UX yang baik adalah tempat keduanya bertemu. Kebanyakan masalah konversi yang dikira soal "jelek" sebenarnya soal kejelasan. Orang nggak nemu tombolnya, nggak paham penawarannya, atau ketemu satu langkah kebanyakan lalu menyerah. Gradien cantik sebanyak apa pun nggak memperbaiki itu. Berikut kesalahan yang paling sering kami temukan saat mereview website cantik yang nggak menghasilkan, kira-kira diurutkan dari yang paling merusak. ## 1. Hero section yang nggak bilang apa-apa Video layar penuh, slogan semacam "Beyond Possibilities", dan panah scroll. Kelihatan mahal, tapi pengunjung tetap nggak tahu Anda jual apa, untuk siapa, dan harus ngapain. Anda cuma punya beberapa detik sebelum orang memutuskan bertahan atau pergi. **Perbaikannya:** layar pertama harus menjawab tiga pertanyaan dengan bahasa sederhana: ini apa, cocok nggak buat saya, dan sekarang saya harus ngapain. Headline yang spesifik hampir selalu menang dari headline yang sok pintar. ## 2. Kebanyakan tombol aksi, atau malah nggak ada "Book demo", "Download brosur", "Subscribe", "Chat kami", dan "Follow kami" rebutan perhatian di satu layar. Atau kebalikannya: halaman cantik yang berakhir begitu saja di footer tanpa ajakan apa pun. **Perbaikannya:** pilih satu aksi utama per halaman dan buat itu paling mencolok. Untuk banyak bisnis di sini, aksi utamanya ya tombol WhatsApp, jadi pastikan tombol itu gampang ditemukan dan langsung membuka chat dengan pesan pembuka yang sudah terisi. Aksi sekunder boleh ada, tapi tampilannya harus kelihatan sekunder. ## 3. Mendesain untuk layar ruang rapat Desainnya di-approve di layar besar ruang meeting. Padahal kebanyakan pengunjung datang dari HP, sering sambil di KRL atau terjebak macet dengan sinyal yang naik turun. Teks yang terlihat elegan di monitor besar berubah jadi tulisan abu-abu tipis yang bikin mata menyipit, dan tombol utama terkubur tiga layar ke bawah. **Perbaikannya:** review desain di HP sungguhan, mobile dulu. Cek ukuran area tap, ukuran font, dan posisi aksi utama sebelum perlu scroll. ## 4. Cantik tapi lambat Video latar autoplay, gambar besar yang nggak dikompres, library animasi berat, dan setengah lusin script tracking. Masing-masing kelihatan kecil. Digabung, halamannya jadi lambat, dan halaman lambat kehilangan orang sebelum mereka sempat melihat desain Anda. **Perbaikannya:** perlakukan berat halaman sebagai batasan desain, bukan urusan belakangan. Setiap elemen berat harus punya alasan, dan konten yang dicari orang harus muncul duluan. ## 5. Form yang minta semuanya Ukuran perusahaan, jabatan, budget, "tahu kami dari mana", semuanya wajib diisi sebelum orang bisa tanya hal sederhana. Setiap kolom tambahan adalah satu alasan lagi untuk pergi. **Perbaikannya:** minta hanya yang dibutuhkan untuk langkah berikutnya, sisanya bisa ditanya nanti. Pesan error yang jelas, keyboard angka untuk kolom nomor HP, dan form yang nggak terhapus semua gara-gara satu kolom salah, efeknya lebih besar dari yang dikira banyak orang. ## 6. Copy yang ditulis untuk perusahaan, bukan untuk pelanggan "Kami adalah perusahaan penyedia solusi terintegrasi terdepan yang berkomitmen pada keunggulan." Pengunjung sedang mencari masalah mereka sendiri, bukan visi misi Anda. Copy yang kabur memaksa mereka menebak apakah Anda bisa membantu, dan kebanyakan malas menebak. **Perbaikannya:** gambarkan situasi pelanggan dan hasil yang mereka mau, lalu tambahkan hal spesifik: apa saja yang termasuk, berapa lama prosesnya, apa yang terjadi setelah mereka klik. ## 7. Nggak ada bukti di titik keputusan Logo klien dan testimoni ditaruh di halaman "Tentang Kami" yang jarang dibuka. Sementara bagian harga atau kontak, tempat keraguan paling tinggi, kosong dari apa pun yang menenangkan. **Perbaikannya:** taruh bukti nyata, seperti logo klien yang boleh ditampilkan, contoh portofolio, sertifikasi, atau ulasan asli, tepat di sebelah aksi yang Anda ingin orang lakukan. ## Kenapa prototype menangkap sebagian besar masalah ini Hampir semua kesalahan di atas murah diperbaiki di tahap prototype dan mahal diperbaiki setelah launching. Prototype yang bisa diklik membuat Anda merasakan alurnya dan menangkap bagian membingungkan selagi murah diubah, bukan menemukannya setelah launching saat perbaikan biayanya berlipat-lipat. Ini langkah paling nggak glamor dan yang paling menghemat uang. Cara praktisnya: petakan dua atau tiga alur yang paling penting (misalnya "cari layanan yang pas lalu minta penawaran"), buat wireframe hitam-putih supaya nggak ada yang sibuk debat soal warna, lalu tunjukkan versi yang bisa diklik ke beberapa orang yang mirip pelanggan Anda. Kasih mereka tugas, lalu diam selagi mereka mencoba. Di mana mereka ragu atau bertanya "klik di mana ya?", di situ Anda desain ulang. Untuk situs kecil, ini biasanya menambah satu sampai tiga minggu dan menghemat jauh lebih banyak dari itu dalam pengerjaan ulang. ## Sebelum redesign: benarkah ini masalah UX? Konversi rendah nggak selalu masalah desain, dan redesign adalah cara yang mahal untuk mengetahuinya. Cek funnel-nya dulu: - **Pengunjungnya sedikit sekali?** Itu masalah jangkauan. [SEO](https://popout.id/id/layanan/jasa-pembuatan-website-aplikasi/jasa-seo-search-engine-optimization) atau iklan yang lebih baik akan lebih berpengaruh daripada layout baru. - **Pengunjung banyak, tapi orangnya salah?** Itu soal targeting, atau penawarannya sendiri. - **Pengunjung yang tepat datang tapi tetap nggak bertindak?** Nah, sekarang UX tersangka utamanya. Untuk menemukan titik bocornya, lihat dari halaman mana orang pergi di analytics, tonton beberapa rekaman sesi kalau ada, dan tanya tim sales pertanyaan apa yang terus-terusan ditanyakan pelanggan di WhatsApp padahal seharusnya sudah dijawab website. Kalau Anda sedang merencanakan [website company profile](https://popout.id/id/layanan/jasa-pembuatan-website-aplikasi/jasa-pembuatan-website-company-profile) baru, masukkan pengecekan ini ke brief sejak awal, bukan ditambal setelah launching. Cantik dan efektif bukan musuh, mereka cuma butuh desain yang dimulai dari pengguna, bukan dari hiasan. Kalau trafik Anda oke tapi konversinya nggak, itu biasanya masalah UX. Ini [layanan desain UI/UX dan prototyping](https://popout.id/id/layanan/jasa-pembuatan-website-aplikasi/jasa-desain-uiux-prototyping) kami kalau Anda mau situs yang benar-benar bekerja.