CasaKode

Website · Stefan

Website Cabo de Flores

Website travel agent Labuan Bajo untuk open trip Komodo dan Flores: katalog tour, harga USD/IDR, booking lewat WhatsApp, review tamu, dan dashboard admin sendiri.

Website Cabo de Flores

Latar Belakang

Cabo de Flores adalah penyelenggara open trip baru di Labuan Bajo. Yang dicari wisatawan adalah tempat dan jasanya ("open trip Labuan Bajo", "Komodo tour"), bukan nama brand, jadi situs dibangun agar mudah ditemukan lewat pencarian dan langsung meyakinkan tamu untuk memesan.

Yang Dibangun

  • Katalog tour: 5 paket, dari Komodo satu hari sampai Flores Overland 7 hari, masing-masing dengan halaman detail, itinerary, dan tombol booking.
  • Harga dua mata uang: harga ditulis dalam USD, tamu bisa beralih ke Rupiah. Kurs dan tarif taman nasional bisa diubah admin dan langsung tampil tanpa menunggu build.
  • Destinasi, layanan, galeri, dan cara booking yang dibuat jelas untuk tamu mancanegara (konten berbahasa Inggris).
  • Review tamu: admin membuat tautan sekali pakai dan mengirimnya lewat WhatsApp; hanya review yang disetujui yang tayang di situs.
  • Dashboard admin sendiri (/admin) untuk mengelola tour, galeri, tarif taman nasional, pembayaran, kurs, dan review, tanpa CMS pihak ketiga.
  • Bot Telegram untuk ubah harga dan kurs cepat dari ponsel, plus notifikasi saat ada review baru.
  • SEO on-page: judul dan heading memakai kata kunci tempat, structured data (TouristTrip, FAQ, BreadcrumbList), sitemap, llms.txt.

Pendekatan Desain

Mayoritas tamu membuka dari ponsel, jadi layar sempit dirancang lebih dulu: bar aksi di bawah layar (tour, telepon, WhatsApp), baris kartu yang bisa digeser, dan form 16px agar tidak ter-zoom di iOS. Foto destinasi menjadi pusat perhatian.

Cara Kerja Teknis

Situs publik di-prerender menjadi HTML statis supaya cepat dan ramah mesin pencari. Konten diambil dari database saat build. Harga, kurs, dan review ditimpa lewat endpoint ringan setelah halaman termuat, sehingga perubahan admin terlihat langsung sementara build statis menyusul.

Hasil

Calon tamu punya satu alamat untuk melihat paket, harga yang selalu terbaru, ulasan sungguhan, dan langsung memesan: cabodeflores.com.

Teknologi

SvelteKit 2 (Svelte 5), Tailwind CSS 4, Zod, database Turso (libSQL), Cloudflare Workers dengan static assets, dan bot Telegram.