Web · Live
Company Profile Bengkel Roda Presisi
Contoh website company profile untuk bengkel motor, dari daftar layanan dan harga sampai tombol booking servis lewat WhatsApp.
Nilai jual
Yang membuatnya menonjol.
Harga terlihat sebelum datang
Empat layanan tampil dengan harga dan rincian pekerjaannya, sehingga pelanggan tahu perkiraan biaya sebelum membawa motor.
Booking satu ketukan
Setiap layanan punya tombol WhatsApp sendiri dengan pesan yang sudah terisi, dan tombol booking selalu ada di header.
Nyaman dibuka dari ponsel
Di layar kecil, header diringkas menjadi nama bengkel dan tombol booking, dan semua kartu tersusun satu kolom tanpa gulir menyamping.
Ringan dan tanpa JavaScript
Satu berkas HTML dengan CSS di dalamnya, tanpa JavaScript, dan lima foto WebP sekitar 240 KB totalnya, sehingga cepat dimuat meskipun koneksinya lambat.
Masalahnya
Banyak bengkel kecil hanya dikenal dari mulut ke mulut. Calon pelanggan tidak tahu kisaran harga, jam buka, atau cara booking, sehingga mereka harus bertanya dulu atau datang dan menunggu lama.
Untuk siapa
Pemilik bengkel dan usaha jasa servis yang butuh kehadiran online pertama, dan calon klien Aufal Tech yang ingin melihat contoh hasil paket Rintisan untuk usaha jasa.
Fitur utama
Delapan bagian siap isi
Pembuka, tentang bengkel, layanan dan harga, galeri, cara booking, ulasan pelanggan, kontak, dan footer.
Kartu layanan dengan harga
Tiap layanan berisi harga, rincian pekerjaan, dan tombol pesan WhatsApp dengan nama layanan serta harganya sudah tertulis di pesan.
Alur booking empat langkah
Menjelaskan urutan dari kirim pesan, konfirmasi jadwal, cek awal dan estimasi biaya, sampai uji coba sebelum bayar.
Header tetap terlihat
Menu dan tombol booking tetap di atas saat halaman digulir. Di ponsel, menu disembunyikan agar header tidak menutupi isi.
Menghormati preferensi gerak
Transisi dimatikan bagi pengunjung yang mengaktifkan pengaturan kurangi gerakan di perangkatnya.
Pendekatan yang sama bisa diadaptasi untuk
- Website profil untuk bengkel motor, bengkel mobil, atau servis AC
- Daftar tarif jasa dengan tombol booking WhatsApp
- Halaman jadwal dan cara booking untuk usaha berbasis antrean
Arsitektur
Seperti contoh lain, website ini dibuat sesederhana mungkin: satu berkas HTML statis dengan CSS di dalamnya. Tidak ada framework, tidak ada JavaScript, dan tidak ada proses build. Berkasnya disajikan langsung sebagai aset statis.
Untuk bengkel kecil, pilihan ini berarti biaya hosting yang sangat rendah dan hampir tidak ada yang perlu dipelihara.
Detail implementasi
Gaya yang cocok untuk bengkel. Latar gelap dengan aksen kuning amber, kartu bergaris tegas, dan angka besar memberi kesan bengkel yang rapi dan meyakinkan.
Warna lewat variabel. Seluruh palet didefinisikan sebagai variabel CSS di satu tempat, sehingga mengganti warna merek cukup mengubah beberapa baris.
Pesan WhatsApp sudah terisi. Setiap tombol membuka WhatsApp dengan pesan yang menyebut nama layanan dan harganya, sehingga pemilik bengkel langsung tahu apa yang dipesan.
Foto yang ringan. Lima foto di pembuka dan galeri dikompresi ke WebP, totalnya sekitar 240 KB, dan foto galeri baru dimuat saat digulir. Fotonya ilustrasi buatan AI dan diberi keterangan di halaman.
Tidak diindeks mesin pencari. Karena usahanya fiktif, halaman contoh diberi tanda noindex agar tidak muncul di hasil pencarian.
Batasan contoh ini
Bengkel Roda Presisi bukan klien dan bukan usaha nyata. Pada website klien, foto ilustrasi diganti foto bengkel asli. Nomor WhatsApp di dalam contoh tidak aktif. Contoh ini hanya tersedia dalam bahasa Indonesia.
Yang bisa diverifikasi
- Seluruh halaman adalah satu berkas HTML tanpa JavaScript dan tanpa dependensi.
- Tidak ada gulir menyamping pada lebar layar 390 piksel.
Tangkapan layar
