Self-build Web with AI
Web asli dengan AI,
Anda buat sendiri
Diserahkan ke AI tapi hasilnya tetap meleset dari bayangan. Penyebab dan cara mengatasinya kami terbitkan sebagai perintah-perintah khusus. Tanpa vendor, tangan sendiri.
Dari menyiapkan lingkungan sampai peluncuran. Ada sesi panduan daring (opsional).
Masalahnya
Problem
Yang salah bukan Anda, bukan pula AI-nya.
Halaman buatan AI memang rapi. Meski begitu, begitu dipasang untuk layanan Anda sendiri, entah kenapa terlihat amatir. Ini bukan soal selera, melainkan gejala yang bisa dijelaskan secara sistematis
01
Selera belum dituangkan ke dalam kata
Ukuran "bagus" berbeda-beda tiap orang, dan kesempatan untuk menuangkannya ke dalam kata pun tidak ada. Yang belum menjadi kata, tidak tersampaikan juga kepada AI.
02
AI condong ke rata-rata
Ketika perintahnya samar, AI memilih "bentuk yang umum". Karena itu, serapi apa pun hasilnya, ia tidak menjadi wajah layanan Anda.
03
Kata sifat tidak menyampaikan apa pun
Dengan "bikin lebih keren", yang berubah hanya nilai rata-rata suasananya. Bagian mana, dibandingkan dengan apa, diubah bagaimana— baru setelah itu bisa dikatakan, ia bergerak sesuai maksud Anda.
Tolong bikin lebih keren
Sudah saya perbarui menjadi desain yang modern dan berkelas!
Hmm, kok beda ya. Bikin lebih sungguhan lagi
Sudah saya perkuat kesan profesionalnya!
Dibuat berdampingan
Comparison
Perusahaan yang sama, hanya perintahnya yang diubah.
Informasi perusahaan yang sama, kami serahkan ke AI pada masa yang sama. Yang berbeda hanyalah perintahnya. Dua halaman yang dihasilkan, keduanya kami tampilkan apa adanya.
A Langsung minta.
Yang bisa diserahkan hanya "bikin keren" —Cara menyampaikannya ke AI masih meraba-raba
Tolong buatkan halaman web yang keren untuk perusahaan ini. Mulai dari halaman depan dulu. Informasi perusahaannya sebagai berikut.
Halaman depannya sudah saya buat!
Ini halaman yang jadi hanya dengan satu kali bolak-balik. Keluarannya tidak kami sentuh sama sekali (hanya menambahkan pita keterangan).
Kalau yang dikejar adalah kecepatan, kerapiannya sudah cukup dengan ini. Hanya saja, begitu dipikirkan apakah ini mau dijadikan halaman saya sendiri— entah bagaimana mengatakannya, ada yang tidak pas. Jeda satu tarikan napas itulah titik awal halaman ini.
B Tentukan dulu, baru minta.
Huruf, bagian-bagian, dan isinya, ditentukan berurutan lebih dulu baru diserahkan
Isi perintahnya kami terbitkan di artikel
Yang jadi setelah disusun berurutan adalah situs yang sedang Anda lihat ini. Halaman penjelasan ini sendiri pun dibuat dengan urutan yang sama.
Keduanya sama-sama rapi. Meski begitu, kalau dijajarkan, Anda pasti merasa "ada yang beda". Menuangkan "apa"-nya itu ke dalam kata, lalu mengubahnya menjadi perintah — urutan yang saya lalui, akan saya perkenalkan berikutnya.
Urutan yang dipegang
Method
Saya masuk dari urutannya.
Desain yang sungguhan itu terbentuk dari tumpukan tiga tingkat— ini penataan versi saya sendiri, yang saya capai sambil mengerjakannya. Begitu fondasi dan isinya bisa dibuat sendiri bersama AI, cara membuatnya pun ikut berubah.
Cara meminta yang sering dilakukan
yang jadi berbeda dari bayangan di kepala Anda
③ Terakhir, diasah bersama orang — sentuhan yang berkesan
② Ditentukan berikutnya — isi yang disampaikan
① Ditentukan paling awal — fondasi tampilan (paling penting)
STAGE 1Fondasi tampilan — tentukan dari sini (paling penting)
01
Huruf
"Rasa" sebuah situs berbahasa Jepang pertama-tama ditentukan oleh hurufnya. Kalau tidak ditentukan dan diserahkan begitu saja, ia jalan terus dengan huruf bawaan.
02
Komponen (bahan)
Bentuk bagian-bagian seperti tombol, kartu, dan judul, ditentukan lebih dulu. Kalau diserahkan, ia hanya dirakit dari "bagian umum yang pernah dilihat di mana-mana".
03
Nada tampilan
Aturan warna, ruang kosong, dan kelengkungan sudut, untuk seluruh halaman. Cukup dengan ini selaras, kesan amatirnya hilang; meleset di satu tempat saja, seluruhnya terlihat runtuh.
STAGE 2Isi yang disampaikan — ditumpuk di atas fondasi
04
Isi dan muatannya
Apa yang dimuat, dan apa yang tidak. Susunan halaman, kalau ditentukan setelah fondasinya, akan tertata dengan sendirinya mengikuti wadahnya.
05
Naskah dan slogan
Ungkapan dan slogan. Kalimat penjualan berlebihan yang biasa ditulis AI, kita ganti dengan kata-kata layanan Anda sendiri.
06
Ilustrasi dan foto
Ilustrasi dan foto, taruh dulu yang sementara untuk menentukan warna dan suasananya. Begitu ini ditentukan, isi permintaan pemotretan atau penggambarannya pun ikut mengendap.
STAGE 3Sentuhan yang berkesan — diselaraskan bersama orang
Sebenarnya, di sinilah tingkat yang paling perlu diselaraskan. Dengan kata-kata dan gambar acuan saja, si pembuat tidak sedang melihat hal yang sama. Baru setelah ada penuangan kata di TINGKAT 1 dan 2, bayangan Anda tersampaikan dengan tepat, dan Anda pun bisa memilih meminta orang, mengerjakan sendiri, atau mempelajarinya— mana saja.
07
Ilustrasi dan logo orisinal
Ini wajah situsnya. Mintalah kepada orang yang bisa menggambar, atau kerjakan sendiri kalau Anda punya rasa. Makin ada gambar sementara, makin konkret pembicaraan soal hasil akhirnya.
08
Slogan dan kalimat yang berkesan
Kata-kata yang membuat orang ingat dalam satu baris. Kalau fondasi dan isinya sudah ditentukan, permintaan kepada penulis langsung menjadi surat pesanan.
09
Efek visual yang membekas
Sentuhan seperti gerakan yang mengikuti guliran layar. Makin dibatasi tempat kerjanya, makin membekas; kalau dipakai berlebihan, ia terlihat murahan.
Enam unsur di TINGKAT 1 dan 2— bagaimana persisnya memberi perintah untuk itu, perintah-perintah dan cara memakainya, itulah tubuh artikelnya. Kami juga membahas cara menyiapkan lingkungan kerja dan langkah peluncurannya, dan peragaannya akan kami terbitkan juga di YouTube.
Apa itu kreatif
Creative
Membuat, dan mencipta.
Sebenarnya, apa itu kreatif?
Menentukan, lalu mewujudkannya. Semua itulah yang disebut kreatif.
Bukan ilham, bukan pula rasa yang dibawa sejak lahir. Kepada siapa, apa, dan ingin dirasakan bagaimana. Menentukan itu, lalu mewujudkannya — keseluruhan perjalanan itulah yang saya sebut kreatif.
"Orang yang bisa membuat dengan AI", dan "orang yang bisa mencipta bersama AI".
Katanya mirip, artinya sama sekali berbeda. Kalau hanya membuat, satu perintah pun cukup. Mencipta menuntut Anda menentukan apa yang ingin dirasakan, lalu menambal bagian yang kurang dengan memilih meminta orang, mengerjakan sendiri, atau mempelajarinya— tiga tingkat itu adalah petanya
Itu sama saja dengan membangun usaha.
Mencipta sebuah halaman sangat mirip dengan mewujudkan sebuah usaha. Terpikirkannya hanya sekejap, tapi memikirkannya dalam-dalam, mewujudkannya, dan menjalankannya bersama orang lain adalah perjalanan yang panjang. Saya pun, sambil menjalankan usaha seorang diri, sedang berada di tengah perjalanan itu.
Karena itu artikel ini bukan buku pelajaran, melainkan catatan dari orang yang berdiri di posisi yang sama. Semoga cara bekerja sekaligus cara hidup para pemilik usaha kecil-menengah dan pekerja lepas menjadi sedikit lebih kaya — karena itu bukan hanya cerita yang berhasil, kenyataan dari kegagalannya pun saya tulis, dalam bentuk yang bisa langsung dipakai di lapangan.
Urutan ini saya pakai juga di luar urusan halaman web.
- Membuat halaman webIni pokok bahasan artikelnya
- Membuat materi dan slideDari satu lembar sampai proposal
- Meminta kepada kreatorMenjadi kata-kata pesanan yang tersampaikan
- Membangun usaha dan produkTentukan dulu, baru wujudkan
Isi artikelnya
Contents
Kami bahas semuanya, dari sebelum membuat sampai sesudahnya.
Yang membuat tersandung bukan cuma desainnya. Menyiapkan lingkungan kerja dan pengaturan peluncuran pun tidak kami lewati di artikel. Pengoperasian yang sesungguhnya juga bisa Anda lihat lewat video.
01
Cara menyiapkan lingkungan kerja
Apa yang disiapkan, dan apa yang dipasang. Rintangan yang paling awal itu kami pandu dalam bentuk yang bisa Anda ikuti persis seperti di layar, tanpa bingung.
02
Penjelasan tentang asal-usul rasa janggal itu
Kenapa "tidak terlihat seperti milik saya". Penyebabnya kami urai lebih dulu. Begitu paham, perintah yang Anda keluarkan pun ikut berubah.
03
Perintah khusus dan cara mengembangkannya
Perintah yang dipakai sebagai ganti "bikin lebih keren", kami muat untuk masing-masing dari enam unsurnya. Ubah beberapa kata saja, langsung bisa dipakai.
04
Langkah dan pengaturan sampai peluncuran
Dari pengaturan peluncuran, cara menyambungkan domain sendiri, sampai memunculkan hasil perbaikan Anda. Sampai di sini, barulah ia bisa ditunjukkan kepada orang.
* Sebagian artikel bisa dibaca gratis. Daftar isi lengkap dan harganya, silakan lihat di halaman artikel note.
Contoh nyata
Example
Situs yang sedang Anda lihat ini adalah contohnya.
Situs perusahaan ini dibuat tanpa vendor, persis dengan cara yang kami terbitkan di artikel ini. Penyesuaian desain maupun penyesuaian untuk ponsel, semuanya dilakukan hanya dengan memberi perintah ke AI.
Situs perusahaannya sendiri
Pengenalan perusahaan, pengenalan usaha, sampai halaman kontak, semuanya dibuat lewat percakapan dengan AI.
Halaman pengenalan layanan
Dari pembuatan ilustrasi sampai tabel harga. Penambahan halaman pun kami lanjutkan dengan cara yang sama.
Ini bukan portofolio yang dibuat-buat. Halaman yang sedang tampil di peramban Anda sekarang, itulah buktinya.
Kalau yang ingin disampaikan berbeda, wajahnya berubah sejauh ini.
Situs-situs yang saya rancang dengan cara berpikir yang sama seperti artikel ini — tentukan fondasinya dulu, baru ditumpuk. Dari kata "bikin keren" atau "bikin sungguhan", perbedaan sebesar ini tidak akan keluar. Yang menentukan wajahnya adalah kepada siapa orang itu ingin menyampaikan apa— hanya itu.
Situs seorang instruktur pelatihan
Kelembutan, dan kepercayaan.
Putih × bentuk foto × tulisan vertikal
Situs seorang seniman kaligrafi
Ketenangan, dan ruang kosong.
Monokrom × foto karya × huruf besar
Situs seorang pianis
Ketegangan panggungnya.
Hitam × satu lembar foto × huruf sambung
Situs sebuah usaha otomotif
Udara dari nyatanya sebuah usaha.
Hijau tua × foto lapangan × satu keluarga merek
Biaya
Cost
Digitnya berbeda satu dari memesan ke vendor.
Kalau dipesankan ke perusahaan jasa pembuatan
¥300,000~500.000 adalah rentang terbanyak
Sumber: survei Hifactory (Feb 2026, 303 orang yang memesan dalam 5 tahun terakhir)
vs
Kalau dibuat sendiri dengan cara ini
sekitar ¥35.000(kalau dirampungkan dalam 1 bulan)
Biaya riil seperti biaya pemakaian AI dan domain. Harga artikelnya terpisah (rinciannya di bawah)
- Artikel berbayar (note) Metodenya, daftar perintahnya, dan cara memakainya
- * Sedang disiapkan
- Biaya pemakaian AI Paket MAX (disarankan). Sebanyak bulan yang Anda pakai untuk membuatnya
- $200/bulan
- Domain sendiri Kontrak tahunan. Berubah menurut tempat pembeliannya
- sekitar ¥2.000/tahun
- Server untuk peluncuran Layanan yang bisa dijalankan dengan kuota gratis kami pandu di artikel
- ¥0〜
* Untuk AI, kami sarankan paket MAX ($200/bulan, sekitar ¥32.000). Dengan paket di bawahnya pun bisa dibuat, tapi tangan Anda akan berhenti karena waktu tunggu dan batasan jumlah. Anggaplah itu investasi untuk merampungkannya dalam waktu singkat tanpa menurunkan mutunya. Biaya bulanannya naik, tapi jumlah bulannya berkurang. Setelah selesai membuat, Anda bisa kembali ke paket di bawahnya.
* Semua angka adalah perkiraan ($200 berubah menurut kurs; per Agustus 2026 sekitar ¥32.000). Biaya pemakaian AI dan biaya domain Anda bayarkan langsung ke masing-masing layanan; yang Anda bayarkan kepada kami hanyalah artikelnya (dan sesi panduan, bila Anda menginginkannya).
Cocok & tidak cocok
For You?
Kami sampaikan apa adanya.
Yang cocok
- Ingin mengembangkan situsnya sendiri, dengan tangan sendiri Usaha kecil, toko, kelas, dan sejenisnya
- Ingin mewujudkannya dulu dengan tangan sendiri Penanggung jawab peluncuran layanan baru
- Pernah membuat dengan AI lalu merasa "kok beda ya" Yang sudah pernah mencobanya sekali
- Bisa meluangkan waktu, tanpa mengeluarkan biaya vendor Yang tidak masalah kalau tidak langsung jadi
Kalau satu saja terasa mengena, artikel ini akan langsung berguna bagi Anda.
Yang tidak cocok
- Tidak bisa meluangkan waktu untuk membuatnya Ini tidak mudah. Tangan Anda akan bergerak
- Ingin menyerahkan pembuatannya seutuhnya Yang ingin berjalan cukup lewat rapat saja
- Perlu sampai fitur keanggotaan dan pembayaran Yang memerlukan sistem di balik situsnya
Untuk kasus itu, saya membantu Anda secara langsung.
Serahkan dari perancangan sampai pembuatan Membangun OS operasional Kalau Anda hanya perlu angkanya dikumpulkan dan dirapikan OpsEngine ConnectSesi panduan
Lecture
Roda bantu untuk Anda yang tidak bisa maju hanya dengan artikelnya.
Untuk Anda yang ingin memastikan "kalau kasus saya bagaimana", kami sediakan sesi panduan daring. Yang utama tetaplah artikelnya; ini menu opsional, hanya untuk yang menginginkannya.
Gambaran sesi panduannya
- Bentuk
- Daring, per sesi (kita maju bersama sambil melihat layar)
- Isi
- Menerapkan isi artikel ke situs Anda sendiri, dan mengurai hal-hal yang membuat Anda tersandung
- Biaya
- Sedang disiapkan Begitu ditentukan, akan kami cantumkan di sini.
Kalau Anda terburu-buru, silakan hubungi kami.
Tanya jawab
FAQ
Q Apakah perlu pengetahuan pemrograman?
Tidak perlu. Kodenya ditulis AI. Pekerjaan Anda adalah menyampaikan "maunya bagaimana" dengan memakai perintah-perintah di artikel, lalu menilai hasilnya. Kalau bisa mengoperasikan komputer secara dasar, Anda bisa maju.
Q Saya khawatir tidak bisa menyiapkan lingkungan kerjanya atau meluncurkannya.
Justru di situlah yang paling sering membuat tersandung. Dibanding meminta AI menulis kode, lebih banyak orang yang berhenti di penyiapan lingkungan sebelum mulai, dan pengaturan untuk meluncurkan hasilnya. Karena itu di artikel, langkah dan pengaturan itu tidak kami lewati. Pengoperasian yang sesungguhnya juga akan bisa Anda lihat lewat video.
Q Selain artikelnya, apa lagi yang memakan biaya?
Paket berbayar AI (sebanyak bulan Anda membuatnya), dan biaya domain sendiri (sekitar ¥2.000/tahun). Untuk server peluncuran, kami memandu layanan yang bisa dijalankan dengan kuota gratis di dalam artikel. Semuanya dibayarkan langsung ke masing-masing layanan, tidak lewat kami.
Q Berapa lama waktu yang dibutuhkan?
Tergantung waktu yang Anda curahkan, tapi untuk situs satu halaman, perkiraannya 2–3 kali akhir pekan. Di artikel kami menyarankan cara maju dengan meluncurkannya lebih dulu lalu mengembangkannya, bukan merampungkan sekaligus.
Q Apakah situs yang jadi boleh dipakai untuk komersial?
Boleh. Artikel ini memang berangkat dari asumsi bahwa Anda memakainya untuk usaha dan layanan Anda sendiri. Hak atas situs yang Anda buat adalah milik Anda.
Q Saya khawatir menyerah di tengah jalan.
Tempat-tempat yang mudah membuat tersandung kami panduan lebih dulu di dalam artikel. Kalaupun tetap tidak bisa maju, kami menyediakan sesi panduan daring (opsional, berbayar). Susunannya bukan "baca semuanya baru mulai", melainkan "gerakkan tangan sambil membaca".
Q Bisakah menyerahkannya seutuhnya?
Untuk kasus itu, bukan artikel ini, melainkan Membangun OS operasional yang sebaiknya Anda lihat. Saya membantu Anda secara langsung, dari perancangan sampai pembuatan.
Read the Article
Mulailah dari bagian yang gratis.
Sampai penjelasan tentang asal-usul rasa janggal itu, bisa Anda baca gratis. Pastikan dulu apakah ini cocok untuk Anda, baru memutuskan.