Lompat ke konten
Studi Kasus: Casa Bambu Cantina — Branding Restoran Meksiko Lewat Website Pertama
Portofolio 6 menit baca

Studi Kasus: Casa Bambu Cantina — Branding Restoran Meksiko Lewat Website Pertama

Giattech

Studio Aplikasi Web

Bagaimana kami mengangkat brand Casa Bambu Cantina ke ranah online lewat website responsif pertamanya, dengan reservasi terhubung ke OpenTable dan Chope.

Daftar Isi

Casa Bambu Cantina sudah lama berdiri di Nusa Lembongan sebagai satu-satunya restoran yang menyajikan hidangan khas Meksiko autentik di pulau ini. Reputasinya dibangun bertahun-tahun dari mulut ke mulut — tamu yang datang, suka, dan bercerita ke temannya. Yang tidak ia miliki adalah jejak digital yang setara dengan reputasinya.

Proyek ini bukan tentang “membangun website restoran”. Ini tentang memindahkan brand yang sudah dikenal secara lokal ke ranah yang bisa ditemukan oleh siapa pun yang mencari tempat makan di Nusa Lembongan — dan menutup jarak antara “ingin makan tacos malam ini” dan “meja saya sudah dipesan”.

Situasi awal

Casa Bambu sudah beroperasi bertahun-tahun. Yang menjadi bahan bakar bisnisnya:

  • Tamu tetap yang tahu tempatnya secara langsung
  • Wisatawan yang direkomendasikan oleh homestay dan operator selam sekitar
  • Ulasan di TripAdvisor dan Google Maps

Yang belum pernah ada:

  • Website resmi — sehingga saat tamu mencari “Mexican food Nusa Lembongan” di Google, hasil yang muncul hanya agregator ulasan, bukan brand Casa Bambu sendiri
  • Kanal reservasi terstruktur — semua permintaan meja masuk lewat WhatsApp atau datang langsung
  • Cerita brand yang bisa dibagikan — foto suasana, cerita di balik dapur, filosofi Meksiko yang mereka bawa ke Bali — semua ada di kepala pemilik, tidak ada yang di internet

Untuk restoran yang sudah punya cerita nyata dan reputasi lokal, ini adalah aset yang tidak dimanfaatkan.

Kenapa branding lebih dulu, bukan menu

Kebanyakan proyek website restoran dimulai dari “kita butuh menu online”. Untuk Casa Bambu kami sengaja membalik urutannya. Menu ada di ujung — yang perlu bekerja lebih dulu adalah kenapa tamu memilih tempat ini di antara tiga restoran lain di jarak 500 meter.

Prioritas yang kami sepakati:

  1. Brand identitas — nama, cerita, dan atmosfer khas Meksiko yang membedakan Casa Bambu dari restoran wisata generik
  2. Kepercayaan — foto ruang makan asli, wajah tim, testimoni dengan nama, ulasan pihak ketiga yang ditampilkan
  3. Jalur reservasi tanpa hambatan — dengan integrasi ke platform yang sudah dipakai wisatawan
  4. Menu — teks bukan gambar, mudah dibaca dan mudah diperbarui saat harga bergerak

Menu tetap masuk, tapi ia tidak lagi jadi bintang utama halaman.

Yang kami bangun

Halaman branding depan

Hero page memperkenalkan Casa Bambu sebagai the Mexican cantina of Nusa Lembongan — bukan “restoran biasa yang kebetulan punya nachos”. Cerita singkat tentang bagaimana pemiliknya membawa resep Meksiko ke pulau ini, kenapa memilih Nusa Lembongan, dan apa yang membuat dapurnya berbeda.

Bagian ini yang paling sering dilewati dalam website restoran, dan paling banyak menentukan apakah tamu memilih Anda atau pindah ke tab berikutnya.

Integrasi OpenTable dan Chope

Kedua platform reservasi ini populer di kalangan wisatawan Asia dan Australia — dua segmen tamu terbesar Casa Bambu. Alih-alih membangun sistem booking sendiri, kami mengintegrasikan dua widget resmi:

  • OpenTable — dominan untuk wisatawan berbahasa Inggris
  • Chope — dominan untuk wisatawan Asia Tenggara

Kedua tombol “Reserve a Table” duduk berdampingan di halaman utama dan halaman menu. Tamu memilih platform yang sudah mereka kenal dan percaya, dan tidak perlu memasukkan kartu kredit ke sistem baru.

Efek sampingnya positif: reservasi dari OpenTable/Chope juga membawa exposure ke platform-platform tersebut, memperluas jangkauan branding tanpa biaya iklan tambahan.

Menu dibangun sebagai data terstruktur — bukan foto JPG dari cetakan menu. Manfaatnya:

  • Terbaca di layar apa pun — termasuk ponsel yang layarnya kecil
  • Bisa dicari lewat mesin pencari — Google memahami “burrito”, “quesadilla”, “chimichanga” sebagai kata benda menu, bukan sebagai piksel gambar
  • Diperbarui dalam menit — perubahan harga tidak perlu membuka Photoshop
  • Data terstruktur Schema.org ditambahkan supaya Google menampilkan item menu langsung di hasil pencarian

Fully responsive — desktop, tablet, mobile

Tamu Casa Bambu membuka situs dari perangkat yang beragam:

  • Ponsel — tamu yang sedang berjalan di pulau mencari tempat makan malam. Ini prioritas nomor satu.
  • Tablet — tamu yang merencanakan liburan di sofa hostel
  • Desktop — travel agent dan concierge yang merekomendasikan restoran ke klien mereka

Setiap ukuran mendapat layout yang dirancang untuk cara pakainya, bukan sekadar tampilan desktop yang menyusut. Ponsel mendapat tombol reservasi yang selalu terlihat, tablet mendapat hero image yang penuh, dan desktop mendapat galeri suasana yang lebih luas.

Informasi lokal yang konsisten

Nama, alamat, jam buka, dan nomor telepon dibuat identik di:

  • Website
  • Google Business Profile
  • OpenTable
  • Chope
  • TripAdvisor

Konsistensi NAP (Name-Address-Phone) ini adalah fondasi SEO lokal yang sering diabaikan — sekaligus memperkuat sinyal brand di seluruh platform.

Keputusan teknis

Astro sebagai situs statis — halaman dikirim sebagai HTML, cepat dibuka di jaringan seluler pulau yang tidak selalu kuat. Detail alasan pemilihan Astro ada di artikel Astro vs WordPress.

Gambar format modern — foto suasana dan hidangan dikonversi ke WebP dengan dimensi eksplisit, sehingga tidak ada layout shift saat halaman dimuat. Hanya foto di layar pertama yang dimuat lebih dulu, sisanya lazy-load.

Data terstruktur Restaurant — mesin pencari bisa langsung menampilkan jam buka, jenis masakan (Mexican), rentang harga, dan link reservasi di kartu hasil pencarian.

Widget pihak ketiga dimuat asinkron — OpenTable dan Chope tidak boleh memperlambat halaman utama. Widget-nya dimuat setelah konten utama siap, sehingga performa halaman tetap bagus. Prinsipnya kami jelaskan di panduan Core Web Vitals.

Hasilnya

  • Brand Casa Bambu punya rumah sendiri di internet — bukan sekadar entri di TripAdvisor
  • Reservasi masuk 24/7 lewat OpenTable dan Chope — tanpa staf harus membalas pesan tengah malam
  • Menu bisa diperbarui dalam menit — bukan setengah hari
  • Situs muncul untuk pencarian “Mexican restaurant Nusa Lembongan” — sinyal brand yang dulunya tersebar sekarang terpusat
  • Foto suasana asli menggantikan asumsi wisatawan yang membayangkan restoran dari review saja

Pelajaran untuk bisnis F&B yang sudah lama berdiri

Reputasi lokal tidak otomatis jadi reputasi digital. Restoran yang sudah 5-10 tahun berdiri sering kali punya “hutang branding online” yang besar — brand yang kuat secara offline, tapi hampir tidak ada di internet. Menutup hutang ini biasanya proyek terpisah dari “membuat website”.

Reservasi platform pihak ketiga ≠ kompetisi dengan brand Anda. OpenTable dan Chope membawa audiens yang tidak akan Anda dapatkan lewat SEO organik saja. Selama tombol reservasi ada di website Anda, tamu tetap melihat brand Anda dulu sebelum booking.

Menu adalah data, bukan poster. Restoran yang menaruh menu sebagai gambar kehilangan setiap sinyal SEO yang bisa mereka dapatkan dari nama menu. Ini kesalahan paling umum dan paling mahal di website restoran. Kami membahas kenapa ini penting di tips mengubah website jadi mesin penjualan.

Responsif itu wajib, bukan bonus. Untuk restoran wisata, sebagian besar traffic datang dari ponsel di tangan tamu yang sedang berjalan mencari tempat makan. Website yang tidak enak dilihat di layar kecil sama saja dengan tidak punya website.

Lihat lebih lanjut

Ringkasan proyek ada di halaman portofolio kami. Untuk studi kasus F&B lain dengan tantangan berbeda, baca studi kasus Bintan Prestige Transport atau Segara Seaside Resort.

Kalau restoran atau kafe Anda punya reputasi lokal yang bagus tapi hampir tidak ada di internet — dan Anda siap membawa brand Anda ke ranah digital — mari bicarakan.

Tag Studi KasusBrandingRestoranReservasi OnlineOpenTableChope