Tangkapan layar antarmuka proyek Patroon.id

Patroon.id

Situs web jenama busana kustom Yogyakarta yang bermula dari halaman "segera hadir", tumbuh menjadi katalog bilingual bertenaga chatbot agar tim Patroon bisa fokus pada produk premium mereka.

https://patroon.id-berlangsung

Fase 1: Mulai dari yang Paling Sederhana

Semuanya berawal dari kebutuhan yang sangat konkret: Patroon, jenama busana premium asal Yogyakarta yang membuat pakaian kustom, butuh kehadiran digital. Kehadiran tersebut bukanlah toko daring (online) dengan keranjang belanja dan sistem pembayaran karena model bisnisnya memang tidak seperti itu. Setiap pakaian dibuat berdasarkan pesanan setelah ada percakapan tentang kain, ukuran, dan kebutuhan spesifik pembeli. Yang dibutuhkan adalah tempat untuk menampilkan karya dan jembatan menuju percakapan itu.

Hal pertama yang muncul di layar adalah halaman "segera hadir". Tidak ada yang istimewa, hanya ada nama jenama, sedikit kalimat, dan latar gelap. Setidaknya situs web itu nyata dan sudah dalam jaringan (daring/online).

Di balik layar, ada satu keputusan awal yang ternyata kurang tepat: teknologi yang dipilih pertama kali tidak cukup cocok untuk arah yang diinginkan proyek ini. Begitu masalah itu disadari, lebih baik menggantinya sejak awal daripada membangun terlalu jauh di atas fondasi yang keliru. Jadi, semuanya dimulai ulang dengan teknologi yang berbeda. Itu adalah keputusan yang tepat meskipun artinya ada waktu terbuang.

Fase 2: Membangun Katalog yang Layak

Begitu fondasi berganti, pembangunan berjalan lebih terarah. Prioritasnya jelas: halaman produk yang bagus, navigasi yang mudah, dan koneksi ke tim Patroon via WhatsApp sebagai ujung setiap perjalanan pengguna.

Untuk mengelola konten, kami memilih sebuah sistem manajemen konten berbasis web yang memungkinkan tim Patroon menambah atau mengubah data produk, tanpa harus menyentuh kode. Ini penting karena pengembang web dan tim konten adalah orang-orang yang berbeda dengan ritme kerja berbeda.

Beberapa hal yang dibangun pada fase ini terlihat langsung oleh pengguna: foto produk yang bisa diperbesar, koleksi produk yang terorganisasi, rekomendasi produk terkait di bagian bawah setiap halaman, breadcrumb untuk membantu navigasi. Beberapa hal lain tidak terlihat tetapi sama pentingnya: struktur URL yang bersih, peta situs agar mesin pencari bisa menemukan semua halaman, dan kemasan aplikasi agar bisa dijalankan konsisten di server mana pun.

Satu keputusan yang mungkin terdengar berlebihan untuk fase ini adalah membangun situs web dalam dua bahasa sejak awal: Indonesia dan Inggris. Alasannya sederhana tetapi strategis. Patroon melayani pelanggan lokal dan tamu asing yang tinggal di atau mengunjungi Yogyakarta. Membangun dua bahasa di awal jauh lebih mudah ketimbang menambahkannya belakangan di atas sistem yang sudah ada.

Fase 3: "Chatbot", Awalnya Hanya karena Penasaran

Tidak ada rapat besar atau keputusan formal yang melahirkan chatbot Patroon. Yang ada adalah rasa penasaran: semua bahan tersedia, teknologi akal imitasi (AI) generatif sudah matang, dan ada pertanyaan yang terasa menarik untuk dijawab. Apakah bisa membuat asisten yang benar-benar mengerti konteks Patroon, bukan hanya menjawab pertanyaan generik?

Chatbot pertama bekerja dengan cara yang cukup elegan secara konsep: setiap produk dan tanya-jawab Patroon diubah menjadi bentuk matematis yang bisa dibandingkan satu sama lain berdasarkan makna. Ketika pengguna bertanya sesuatu, pertanyaan itu diubah ke bentuk yang sama, lalu sistem mencari konten Patroon yang paling relevan dan menjadikannya konteks untuk jawaban AI. Hasilnya, AI menjawab bukan dari pengetahuan umumnya saja, melainkan juga dari informasi spesifik Patroon.

Masalah yang datang pertama kali bukan soal kualitas jawaban, tapi soal kecepatan. Pengguna harus menunggu 3-5 detik sebelum respons pertama muncul. Untuk pertanyaan sesederhana "halo" sekalipun. Ini tidak bisa dibiarkan.

Perbaikannya dilakukan berlapis. Beberapa proses yang tadinya berjalan satu per satu mulai dijalankan bersamaan. Pertanyaan sederhana yang polanya sudah dikenali mulai mendapat jalur cepat tanpa harus melalui semua langkah analisis. Hasil pencarian yang sering dipakai mulai disimpan sementara agar tidak perlu dicari ulang setiap kali. Hasilnya: waktu respons untuk sapaan turun sekitar 80%. Pertanyaan yang lebih kompleks turun 35-40%.

Yang menarik dari proses optimasi ini adalah tidak ada satu perbaikan besar yang menyelesaikan semuanya. Setiap lapisan perbaikan menyumbangkan sedikit, dan akumulasinya yang akhirnya terasa signifikan bagi pengguna.

Fase 4: Ketika Google Tidak Menemukan Produk Patroon

Ada momen yang cukup memukul: Google Search Console menunjukkan bahwa dari 37 produk Patroon, hanya 7 yang terindeks dan bisa muncul di hasil pencarian. Tiga puluh produk lainnya seperti tidak ada.

Penyebabnya bukan konten yang buruk atau halaman yang rusak. Penyebabnya adalah cara sistem menampilkan halaman produk: setiap halaman baru dibuat "on demand" ketika ada yang mengunjunginya, bukan disiapkan terlebih dahulu. Google, seperti kebanyakan mesin pencari, tidak terlalu sabar menunggu halaman yang lambat dimuat saat sedang menjelajah. Ia hanya mengindeks sebagian, lalu pergi.

Perbaikannya adalah memberi tahu sistem untuk menyiapkan semua halaman produk terlebih dahulu, sebelum ada yang mengunjunginya. Begitu perubahan itu diterapkan, 74 halaman langsung tersedia (37 produk dalam dua bahasa). Google menemukan semuanya.

Dari situ dimulai audit SEO yang lebih menyeluruh. Informasi terstruktur tentang bisnis ditambahkan ke setiap halaman: nama, alamat, jam buka, kategori bisnis, tautan media sosial, semua dalam format yang dipahami mesin pencari. Informasi ini membantu Google menampilkan cuplikan yang lebih kaya di hasil pencarian.

Di tengah proses ini juga ditemukan masalah yang lebih halus: beberapa teks di website menggunakan bahasa yang menyasar gender tertentu. Padahal Patroon melayani semua gender. Semua teks itu diperbaiki, dan panduan bahasa jenama yang lebih konsisten ditetapkan sejak saat itu.

Fase 5: "Upgrade" Besar dan Kejutan yang Datang Bersamanya

Teknologi tidak berdiri diam. Platform yang digunakan terus berkembang, dan ada titik ketika menunda pembaruan justru menjadi risiko, bukan kehematan. Pada awal 2026, diputuskan untuk memperbarui hampir seluruh tumpukan teknologi sekaligus: kerangka kerja (framework) utama, pustaka AI, sistem styling, runtime server, semuanya ke versi terbaru.

Proses ini, yang biasanya disebut "upgrade dependency", terdengar seperti pekerjaan teknis rutin. Namun, kenyataannya tidak sesederhana itu. Setiap versi baru membawa perubahan cara kerja yang kadang tidak kompatibel dengan cara kerja sebelumnya. Beberapa hal yang berjalan baik sebelumnya tiba-tiba berhenti bekerja.

Salah satu kejutan terbesar adalah perubahan pada cara kerangka kerja menangani otentikasi dan pengalihan bahasa secara bersamaan. Solusi lama tidak lagi didukung. Butuh beberapa hari untuk memahami pendekatan baru dan membangun ulang lapisan itu dari awal.

Ada juga penemuan yang tidak disengaja tapi ternyata lebih baik dari sebelumnya: AI kini merespons dalam bahasa yang digunakan pengguna saat mengetik, bukan bahasa dari URL yang dibuka. Jika seseorang membuka versi bahasa Inggris tapi menulis dalam bahasa Indonesia, AI menjawab dalam bahasa Indonesia. Perilaku ini lebih masuk akal secara manusiawi.

Fase 6: "Chatbot" sebagai Penjaga Waktu Tim

Patroon percaya bahwa sentuhan manusia tidak bisa digantikan dalam setiap tahap pembuatan pakaian. Namun, ada ironi yang muncul seiring bertumbuhnya kehadiran digital mereka: tim, yang seharusnya mencurahkan perhatian penuh pada kain, pola, dan detail jahitan, justru menghabiskan waktu menjawab pertanyaan yang sama berulang kali. Berapa harganya? Berapa lama pengerjaannya? Bahan apa yang tersedia?

Pertanyaan-pertanyaan itu sah dan penting bagi calon pelanggan. Akan tetapi, menjawabnya satu per satu setiap hari adalah pekerjaan yang bisa dilakukan oleh mesin. Dengan demikian, tim manusia bisa fokus pada pekerjaan yang tidak bisa ditangani mesin.

Dari situ lahir chatbot di halaman produk: sebuah panel yang muncul langsung tanpa meninggalkan halaman, sudah tahu produk mana yang sedang dilihat, dan siap menjawab pertanyaan awal. Ketika calon pelanggan akhirnya terhubung ke tim Patroon, percakapan itu sudah melewati tahap "harga berapa" dan bisa langsung masuk ke hal yang lebih bermakna: kain mana yang tepat untuk acara tertentu, detail apa yang ingin dikustom, dan kapan pakaian itu dibutuhkan.

Fase 7: Masalah Pengukuran dan Privasi yang Tidak Mudah

Pakaian kustom butuh ukuran tubuh. Itu fakta sederhana yang ternyata membuka serangkaian pertanyaan yang tidak mudah.

Jika chatbot mengumpulkan ukuran tubuh pelanggan lewat percakapan, di mana data itu disimpan? Apakah data itu perlu dikirim ke sistem AI eksternal? Bagaimana memastikan angka-angka yang sangat personal itu tidak bocor?

Keputusan yang diambil cukup tegas: ukuran tubuh tidak pernah dikirim ke sistem AI manapun. AI hanya tahu apakah sebuah ukuran sudah diberikan atau belum, bukan berapa angkanya. Jadi, AI bisa bertanya "lingkar dada belum disebutkan, bisa ditambahkan?" tanpa benar-benar tahu berapa angka lingkar dada yang sudah diberikan sebelumnya.

Angka sebenarnya disimpan hanya di peramban (browser) pengguna. Ketika pengguna siap memesan, semua ukuran itu dikumpulkan dan dimasukkan ke pesan WhatsApp yang sudah terformat rapi, lengkap dengan nama produk, tautan produk, dan preferensi lain yang disebutkan dalam percakapan, seperti warna atau jenis bahan.

Perjalanan menuju solusi yang benar ini tidak lurus. Ada kutu (bug) cukup memalukan yang baru ditemukan setelah sistem berjalan: tombol "Pesan Sekarang" yang seharusnya membawa ukuran tubuh ke WhatsApp ternyata tidak melakukannya. AI diarahkan untuk menyematkan tautan WhatsApp sendiri di dalam jawabannya, tetapi tautan itu tidak memiliki akses ke ukuran yang tersimpan di peramban. Hasilnya, pengguna klik dan pesan terkirim ke WhatsApp, tetapi tanpa satu pun ukuran tubuh yang sudah susah payah dikumpulkan dalam percakapan.

Perbaikannya fundamental: AI tidak lagi membuat tautan apa pun. AI hanya berkata "klik tombol Pesan Sekarang di bawah." Tombol itu, yang sepenuhnya dikontrol sistem, mengambil semua ukuran dari peramban dan merakitnya menjadi pesan WhatsApp yang lengkap. Satu perubahan prinsip yang menyelesaikan masalah sepenuhnya.

Fase 8: Memikirkan Bagaimana AI Lain Menemukan Patroon

Di awal 2026, cara orang mencari informasi mulai bergeser. Sebagian orang tidak lagi mengetik di Google, mereka bertanya ke ChatGPT atau asisten AI lainnya. Pertanyaan seperti "di mana bisa bikin kebaya kustom di Yogyakarta?" mulai mungkin dijawab oleh AI, bukan oleh halaman hasil pencarian.

Ini membuka pertanyaan baru: apakah AI-AI itu tahu tentang Patroon?

Jawabannya bergantung pada apakah model-model itu pernah melihat konten tentang Patroon dalam bentuk yang bisa mereka pahami. Beberapa langkah diambil untuk meningkatkan kemungkinan itu. File teks ringkas yang menjelaskan Patroon, produk-produknya, dan cara menghubungi tim dibuat tersedia di situs web dalam format yang dirancang khusus agar mudah dibaca oleh AI. Aturan tentang bot mana yang boleh mengakses situs web juga diperbarui: bot yang mengutip sumber diizinkan masuk, bot yang hanya mengumpulkan data untuk melatih model mereka sendiri diblokir.

Dampaknya tidak bisa diukur dengan mudah. Tidak ada angka yang langsung menunjukkan berapa kali Patroon disebutkan oleh ChatGPT atau Claude. Namun, logikanya masuk akal dan langkah-langkah itu tidak mahal untuk dilakukan.

Di Mana Kita Sekarang

Patroon hari ini bukan lagi halaman "segera hadir". Ini adalah platform dua bahasa dengan puluhan produk yang terindeks penuh di mesin pencari, asisten AI yang bisa berdiskusi tentang produk dan memandu proses pemesanan, dan sistem yang menghubungkan percakapan digital itu langsung ke tim Patroon via WhatsApp dalam format yang siap ditindaklanjuti.

Banyak yang masih belum selesai. Ada beberapa detail tampilan yang masih ingin diperbaiki. Audit aksesibilitas menghasilkan daftar pekerjaan yang panjang.

Akan tetapi yang berubah sejak commit pertama itu bukan hanya fiturnya, melainkan cara memandang apa yang sedang dibangun juga ikut berubah. Situs web bukan hanya wadah untuk menampilkan produk. Situs web ini adalah titik kontak pertama antara Patroon dan seseorang yang mungkin sedang mencari pakaian untuk hari paling penting dalam hidupnya. Percakapan yang dimulai di sini, bahkan dengan mesin, harus terasa seperti percakapan yang sungguh-sungguh.

Tertarik dengan apa yang Anda lihat?

Saya terbuka untuk proyek lepas dan posisi penuh waktu. Jika Anda butuh seseorang yang terobsesi dengan struktur dan mengirimkan kode yang bersih — mari bicara.

Hubungi Saya

Kisah-kisah Terkait

Terbikin dengan penuh 🤔 oleh Yosef Yudha Wijaya