Dulu, membuat website butuh kemampuan coding dan desain grafis. Kini, dengan bantuan AI seperti ChatGPT atau platform AI builder, siapa pun bisa membuat situs sederhana hanya dengan mengetik prompt yang tepat. Artikel ini akan membimbing Anda dalam menulis prompt efektif untuk menciptakan website sederhana, baik itu portofolio, blog pribadi, maupun landing page.
Apa Itu Prompt dalam Pembuatan Website?
Prompt adalah instruksi teks yang Anda berikan kepada AI untuk menghasilkan sesuatu—dalam hal ini, struktur dan isi website. AI akan menerjemahkan prompt tersebut menjadi kode HTML, CSS, dan bahkan JavaScript jika diperlukan.
Contoh prompt sederhana:
“Buatkan landing page dengan latar biru, judul besar ‘Jasa Fotografi Profesional’, tombol booking, dan bagian testimoni.”
Jenis Website yang Cocok Dibuat Lewat Prompt
AI sangat efektif untuk membuat:
- Website portofolio pribadi
- Halaman produk atau jasa
- Blog sederhana
- Formulir kontak atau pendaftaran
- Landing page promosi
Untuk website dinamis atau e-commerce besar, tetap dibutuhkan bantuan developer profesional atau CMS kompleks.
Struktur Prompt yang Efektif
Untuk hasil optimal, prompt Anda sebaiknya mencakup 5 elemen dasar:
- Tujuan Website – “Saya ingin membuat website portofolio untuk fotografer.”
- Desain Visual – “Gunakan warna netral, latar putih, dan font modern.”
- Isi Utama – “Berisi judul, bio singkat, galeri, kontak.”
- Interaktivitas – “Tambahkan tombol ‘Hubungi Saya’ yang mengarah ke email.”
- Responsif – “Desain harus mobile-friendly dan responsive di berbagai layar.”
Contoh Prompt Lengkap
Prompt lengkap yang baik bisa seperti ini:
“Buatkan kode HTML dan CSS untuk website portofolio seorang desainer grafis. Warna dominan putih dan hitam, dengan font sans-serif. Halaman terdiri dari header dengan nama, bagian portofolio berupa grid gambar, bio singkat, dan formulir kontak di bagian bawah. Buat desain yang responsif dan bersih.”
Dengan prompt seperti ini, AI bisa langsung menghasilkan kode yang tinggal Anda salin ke editor seperti Replit, CodePen, atau Visual Studio Code.
Tools Pendukung
Beberapa AI atau platform yang mendukung pembuatan website dari prompt:
- ChatGPT (plus plugin seperti Code Interpreter atau Replit)
- GitHub Copilot (terintegrasi dengan editor kode)
- Wix ADI dan Durable.co (AI website builder no-code)
- Webflow AI Assistant untuk desainer yang ingin full control
Tips Tambahan
- Hindari prompt terlalu umum: “Buatkan website yang bagus”
- Jangan ragu memberi referensi visual: “Seperti Apple.com tapi versi pribadi”
- Tambahkan fungsi: “Tampilkan jam real-time” atau “Formulir otomatis kirim ke email”
Membuat website kini tak lagi butuh waktu berhari-hari atau kemampuan teknis tinggi. Dengan hanya mengetik prompt yang tepat, AI bisa membangun situs sederhana yang profesional dan responsif.
Langkah selanjutnya? Coba sendiri dan eksplorasi kreativitas Anda. Dunia digital kini bisa dibangun… cukup dengan kalimat.
Ingin custom GPT untuk bantu hidupmu? Klik SHOP