CONTOH PORTOFOLIO Website fiktif untuk mendemonstrasikan layanan pembuatan website Santai Sampai Selesai — semua nama usaha, harga, alamat, dan nomor WhatsApp di halaman ini adalah contoh.
Booking Servis
Bengkel Motor Umum · Salatiga

Motor MogokJangan Panik.Servis Dulu,Jalan Lagi.

Bengkel motor umum di Salatiga untuk servis rutin, tune up, sampai turun mesin. Harga jelas di awal, pengerjaan bergaransi 14 hari, dan motor bisa ditunggu sambil ngopi.

Memeriksa jam buka… Hari ini: —
Mekanik Indonesia sedang menyervis motor matic Honda PCX pelanggan di area bengkel Roda Prima Motor
Garansi 14 HariSemua pengerjaan bergaransi — klaim cukup tunjukkan nota servis.
Sejak 2012Melayani Salatiga & sekitarnya
6 MekanikBerpengalaman & tersertifikasi
±45 MenitServis ringan, bisa ditunggu
Kenapa Roda Prima

Jelas Harganya, Jelas Garansinya

Garansi Pengerjaan14 hari untuk servis & perbaikan
Harga TransparanEstimasi disepakati sebelum dikerjakan
Servis Ringan ±45 MenitBisa ditunggu, ada ruang tunggu & Wi-Fi
Layanan PanggilanMogok di jalan area Salatiga, kami jemput
Layanan Kami

Dari Ganti Oli Sampai Turun Mesin

Semua merek motor Jepang kami tangani — matic, bebek, sport, sampai motor tua karburator. Sparepart original maupun aftermarket berkualitas, pilihan ada di tangan Anda.

Servis Rutin & Tune Up

Pemeriksaan 21 titik: busi, filter udara, karburator/throttle body, setelan klep, rantai, dan rem — motor kembali enteng dan irit.

Mulai Rp75.000 / paket

Ganti Oli Mesin & Gardan

Oli original berbagai merek dengan takaran pas sesuai buku manual. Gratis cek tekanan ban dan lumasi rantai setiap ganti oli.

Mulai Rp55.000 / termasuk jasa

Rem & Kaki-Kaki

Ganti kampas rem, servis kaliper, ganti minyak rem, shockbreaker, dan bearing roda. Rem pakem lagi, motor stabil di jalan.

Mulai Rp45.000 / jasa

Servis CVT Matic

Bongkar dan bersihkan CVT, cek roller, v-belt, dan kampas ganda. Tarikan halus lagi, tidak gredek, tidak selip.

Rp60.000 / jasa

Injeksi & Kelistrikan

Diagnosa scanner untuk motor injeksi, servis throttle body, cek pengisian, aki, dan lampu. Brebet dan mogok tuntas dari sumbernya.

Mulai Rp50.000 / diagnosa

Turun Mesin & Overhaul

Untuk motor ngebul, ngelitik, atau hilang kompresi. Estimasi rincian sparepart disepakati dulu — tidak ada biaya siluman.

Mulai Rp450.000 / jasa
Daftar Harga

Harga Jelas Sebelum Motor Dibongkar

Tarif jasa standar kami. Harga sparepart mengikuti merek yang Anda pilih dan selalu dikonfirmasi dulu lewat WhatsApp atau langsung di bengkel.

LayananTarif
Servis ringan matic & bebekcek 21 titik + setel ulangRp75.000
Servis lengkap + tune uptermasuk bersihkan throttle body / karburatorRp150.000
Ganti oli mesinsudah termasuk oli standar 0,8–1 LRp85.000
Servis CVT maticbongkar, bersihkan, cek roller & v-beltRp60.000
Ganti kampas remjasa saja, depan atau belakangRp45.000
Servis injeksi + scannerdiagnosa & reset ECURp100.000
Ganti banjasa pasang per roda, termasuk balancing manualRp35.000
Turun mesin / overhauljasa saja, estimasi sparepart terpisahmulai Rp450.000
Cara Booking

Empat Langkah, Motor Beres

01

Isi Formulir Booking

Pilih layanan dan jam kedatangan lewat formulir di bawah — langsung tersambung ke WhatsApp kami.

02

Datang & Cek Awal

Mekanik memeriksa motor bersama Anda dan menyepakati estimasi biaya serta waktu pengerjaan.

03

Pengerjaan

Tunggu di ruang tunggu dengan Wi-Fi dan kopi, atau tinggal motor dan kami kabari saat selesai.

04

Test Ride & Garansi

Motor dicoba bersama sebelum serah terima. Semua pengerjaan bergaransi 14 hari.

Galeri Bengkel

Suasana Kerja Sehari-Hari

Foto mekanik Indonesia asli di bengkel lokal — bukan foto stok luar negeri.

Dua mekanik Indonesia memeriksa mesin motor pelanggan di bengkel
Pemeriksaan menyeluruh
Mekanik Indonesia menguras oli mesin motor matic pelanggan
Ganti oli mesin
Mekanik Indonesia membuka dan membersihkan CVT motor matic
Servis CVT matic
Mekanik Indonesia memeriksa roda belakang motor matic pelanggan
Servis roda belakang
Testimoni

Kata Pelanggan Kami

Contoh testimoni untuk tampilan website — pada website asli, bagian ini diisi ulasan Google pelanggan.

“Vario saya gredek parah, di bengkel sebelumnya cuma dibersihkan biasa. Di sini CVT dibongkar total, roller yang aus diganti, sekarang tarikan halus lagi. Bekas sparepart-nya juga dikembalikan.”

Bagus PrasetyoHonda Vario 160 — Tingkir (contoh)

“Booking lewat WhatsApp, datang langsung dikerjakan tanpa antre lama. Harganya sesuai estimasi awal, tidak ada tambahan aneh-aneh. Servis ringan 45 menit selesai.”

Sari WulandariYamaha NMAX — Sidorejo (contoh)

“Motor mogok malam-malam di daerah Bawen, ditelepon langsung dijemput. Besoknya sudah bisa dipakai kerja lagi. Langganan keluarga kami sejak lama.”

Pak HendraSuzuki Smash — Argomulyo (contoh)

Tanya Jawab

Yang Sering Ditanyakan

Apakah harus booking dulu, atau bisa datang langsung?
Bisa dua-duanya. Datang langsung tetap kami layani, tetapi pelanggan booking diprioritaskan sesuai jam yang dipilih — apalagi hari Sabtu yang biasanya ramai. Booking cukup lewat formulir di halaman ini.
Berapa lama servis ringan dikerjakan?
Servis ringan umumnya 45–60 menit dan bisa ditunggu. Servis lengkap sekitar 2 jam. Untuk turun mesin, estimasi 2–3 hari kerja tergantung ketersediaan sparepart, dan selalu kami kabari perkembangannya.
Bolehkah membawa sparepart sendiri?
Boleh. Anda cukup membayar jasa pemasangannya. Namun garansi hanya berlaku untuk pengerjaannya, bukan untuk sparepart yang dibawa sendiri.
Motor apa saja yang bisa ditangani?
Semua merek Jepang — Honda, Yamaha, Suzuki, Kawasaki — matic, bebek, dan sport, karburator maupun injeksi. Untuk motor Eropa atau moge di atas 400 cc, silakan konsultasi dulu lewat WhatsApp.
Kalau motor mogok di jalan bagaimana?
Hubungi kami lewat WhatsApp atau telepon. Untuk area Kota Salatiga, mekanik kami bisa datang ke lokasi atau menjemput motor Anda ke bengkel dengan biaya jemput mulai Rp25.000.
Booking & Kontak

Jadwalkan Servis Motor Anda

Jam buka ditampilkan lengkap per hari — tidak disembunyikan. Baris merah adalah hari ini (waktu WIB).

Jam Buka Setiap Hari
Alamat (contoh)Jl. Diponegoro No. 88, Sidorejo, Kota Salatiga, Jawa Tengah — Buka di Google Maps
WhatsApp / Telepon (contoh)0812-3456-7890

Formulir Booking Servis

Isi singkat saja — pesan otomatis tersusun dan tinggal dikirim lewat WhatsApp. Estimasi berubah mengikuti layanan yang dipilih.

Estimasi awal layanan terpilihRp75.000

Nomor tujuan pada contoh ini adalah nomor contoh (0812-3456-7890). Di website asli, tombol ini mengarah ke WhatsApp bengkel Anda.

Di Balik Layar

Dibangun dengan UI UX Pro Max

Halaman bengkel ini adalah versi perbandingan: isinya sama dengan contoh bengkel motor biasa, tetapi seluruh keputusan visualnya diambil dari design system yang dihasilkan skill UI UX Pro Max untuk bengkel otomotif — gaya “Motion-Driven”: animasi yang bermakna, transisi dinamis, dan kesan teknis seperti dasbor kendaraan. Hasilnya bukan tebakan — ada token warna, pasangan font, dan aturan UX yang bisa ditunjukkan angkanya.

Primary#1E293BSlate gelap — permukaan utama
Secondary#334155Slate sedang — elemen pendukung
Accent / CTA#DC2626Merah urgensi — tombol & harga
Background#F8FAFCLatar terang bersih
Foreground#0F172ATeks & garis teknis
Card#FFFFFFPermukaan kartu
Muted#E2E8F0Latar sekunder / chip
Border#CBD5E1Garis pemisah
Tipografi dari Skill

Syncopate untuk Judul Teknis yang Lebar

Isi teks memakai Space Mono — monospace bergaya teknis yang mengingatkan pada label peralatan bengkel dan panel instrumen: setiap karakter selebar sama, angka harga dan jam buka sejajar rapi seperti struk dan tabel data. Pasangan ini adalah rekomendasi skill untuk usaha otomotif: judul futuristik-tegas untuk kesan bengkel modern, isi monospace untuk kesan presisi mekanis. Semua judul tampil huruf besar (uppercase) sesuai karakter Syncopate.

Aturan UX yang Diterapkan
  • Kontras teks minimal 4,5:1 — slate #0F172A di atas #F8FAFC lolos jauh di atas ambang
  • Semua target sentuh minimal 44×44px — tombol, tautan navigasi, dan ringkasan FAQ
  • Focus state terlihat jelas untuk navigasi keyboard (cincin merah 3px)
  • Ikon selalu SVG (gaya Lucide), tidak ada emoji sebagai ikon
  • Jam buka tampil lengkap per hari + status buka/tutup langsung (WIB)
  • Animasi “Motion-Driven” bermakna (ticker layanan, garis pindai foto, elemen masuk saat digulir) dan mati total bila prefers-reduced-motion aktif
  • Responsif di 375 / 768 / 1024 / 1440px tanpa geser horizontal
Perbandingan: Versi Biasa vs Versi Pro Max
AspekContoh Website BiasaVersi UI UX Pro Max (Halaman Ini)
Gaya visualHangat & membulat: sudut kartu 14px, bayangan lembut, nuansa oranye krem mengikuti selera sesaat“Motion-Driven” dari database gaya skill: sudut tajam teknis, garis grid dasbor, animasi bermakna (ticker, garis pindai, reveal saat gulir)
WarnaOranye #E85D04 di atas krem #F6F4F1, dipilih manualToken semantik persis dari skill: primary slate #1E293B, secondary #334155, aksen merah urgensi #DC2626, background #F8FAFC, foreground #0F172A
TipografiArchivo (judul) + Inter (isi) — pasangan umum serbagunaPasangan hasil kurasi skill untuk otomotif: Syncopate huruf-besar yang lebar & teknis (judul) + Space Mono (isi, angka sejajar seperti panel instrumen)
GerakanNyaris statis; hanya perubahan warna saat hoverGerakan jadi bahasa desain: status berdenyut, kartu terangkat dengan garis aksen yang melebar, galeri memperbesar foto — semua mati bila pengguna meminta reduced-motion
AksesibilitasSebatas “yang penting tampil”Checklist skill diterapkan: kontras ≥4,5:1, target sentuh ≥44px, focus terlihat, reduced-motion dihormati
Jam bukaDitulis sebagai teks di samping formulir bookingTabel khusus per hari dengan penanda hari ini + status buka/tutup langsung di hero — jam tidak disembunyikan
Keputusan desainSulit dijelaskan ke klien selain “bagus menurut kami”Setiap pilihan bisa ditunjuk sumbernya: gaya, palet, font, dan aturan UX berasal dari database skill yang bisa dicari
← Semua Contoh