Situs Perusahaan untuk Kontraktor Desain-Bangun

⚠ Studi kasus ini dianonimkan atas permintaan klien. Nama perusahaan, domain, dan identitas proyek tidak dipublikasikan. Yang dijelaskan di bawah adalah lingkup rekayasa yang dikerjakan.

Masalahnya

Klien adalah kontraktor desain-bangun di Semarang dengan portofolio kerja nyata yang selama ini hanya hidup di chat WhatsApp dan dari mulut ke mulut. Mereka butuh situs yang melakukan dua hal sekaligus: mempresentasikan proyek-proyek yang sudah selesai dengan layak, dan menangkap permintaan survei dari calon klien tanpa ada yang hilang.

Yang kami bangun

Situs statis Astro di Cloudflare Workers, sembilan rute dengan slug Bahasa Indonesia di semua halaman:

• Beranda dengan hero berupa urutan pembangunan yang digerakkan scroll (scroll-scrub video), diikuti tahapan lingkup, dokumen RAB, dan dek interior.
• Layanan sebagai showcase lingkup interaktif, dan Tentang yang menyusun empat babak di atas satu klip scrub yang kontinu.
• Proyek: sepuluh proyek nyata, masing-masing dengan halaman detail dan foto asli pekerjaan. Rekaman video yang digenerate dipakai murni sebagai ilustrasi dan tidak pernah diberi caption sebagai proyek klien.
• Kontak berbentuk lembar kerja, “Lembar Permintaan Survei”, yang bermuara ke satu-satunya kode server di situs: POST /api/contact.

Pipeline lead dirancang email-first dengan fallback: lead masuk ke inbox klien lewat Resend dengan reply_to alamat pengunjung; Fonnte WhatsApp hanya menyala jika email gagal, sehingga satu lead satu notifikasi; jika keduanya gagal, situs menjawab 502 jujur dan mengarahkan pengunjung ke WhatsApp. Formulir dilindungi honeypot, validasi, dan penolakan cross-origin.

Keputusan rekayasa

Statis dulu, Worker hanya saat perlu. Edge Cloudflare melayani aset statis tanpa memanggil Worker, sehingga halaman tidak menghasilkan biaya invokasi; hanya endpoint formulir yang benar-benar berjalan sebagai kode server.

Budget media dijaga CI, bukan selera. Setiap file video dan gambar punya plafon per-file dan per-halaman yang ditegakkan media:budget; klip berikutnya yang melampaui sisa headroom akan menggagalkan build. Ini yang membuat hero sinematik tetap cepat.

Go-live adalah satu edit yang dijaga tes. Domain asli dan flag staging diubah dalam satu commit, dan guard test gagal jika keduanya tidak konsisten, karena kedua kesalahan itu tidak terlihat di browser.

Serah terima

Situs live di domain klien, dengan deploy otomatis dari push ke main setelah gerbang penuh (format, lint, type-check, tes, build) hijau. Runbook peluncuran domain, panduan SEO, dan panduan tracking iklan kami tulis sebagai dokumentasi di repositori, termasuk daftar terbuka yang harus dibereskan sebelum formulir dipercaya penuh di produksi.