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 Sekarang
Barbershop Pria · Sejak 2019

Potong Rapi.
Pulang Percaya Diri.

Fade presisi, cukur jenggot handuk hangat, dan styling yang tahan seharian — dikerjakan barber berpengalaman di pusat Kota Salatiga. Booking dulu, datang tanpa antre.

Memeriksa jam buka… Hari ini: —
Barber Indonesia merapikan potongan fade pelanggan dengan clipper putih, detail dari dekat
Signature Fade Gradasi halus, dikerjakan pelan-pelan
4,9/5dari 480+ ulasan Google (contoh)
12.000+kepala sudah kami rapikan
30–45 mntrata-rata waktu layanan
Signature Fade ·Cukur Jenggot ·Handuk Hangat ·Potong Anak ·Pewarnaan ·Styling & Pomade
Kenapa Fade Room

Presisi di Setiap Kursi

Empat hal yang kami jaga setiap hari — dari konsultasi pertama sampai styling terakhir.

01

Fade Presisi

Gradasi skin, mid, atau low fade dengan blending halus dan garis akhir yang tegas — dicek dua kali sebelum selesai.

02

Booking Tanpa Antre

Pilih layanan, barber, dan jam dari HP — pesanan tersusun otomatis ke WhatsApp. Datang, duduk, langsung dilayani.

03

Alat Steril Setiap Pelanggan

Clipper, gunting, dan pisau cukur dibersihkan dan diganti sesuai standar kebersihan untuk setiap pelanggan.

04

Harga Jelas di Awal

Semua harga tertulis lengkap di halaman ini, termasuk paket. Tidak ada biaya tambahan yang muncul belakangan.

Layanan & Harga

Harga Jelas, Tanpa Biaya Siluman

Semua layanan sudah termasuk konsultasi gaya dan bilas ringan. Klik Pilih untuk langsung memasukkannya ke formulir booking di bawah.

Paket Hemat

Sekali Datang, Beres Semua

Paket paling sering dipilih pelanggan tetap kami — lebih hemat daripada ambil satuan.

Paket Santai

Rp85 rbRp75 rb

Untuk perawatan rutin dua mingguan.

  • Potong reguler / fade
  • Cuci rambut & bilas
  • Styling pomade / clay
Paling Laris

Paket Gagah

Rp140 rbRp110 rb

Tampil maksimal untuk acara penting.

  • Signature fade / potong premium
  • Cuci rambut & pijat kepala
  • Cukur jenggot + handuk hangat
  • Styling + vitamin rambut

Paket Sultan

Rp185 rbRp150 rb

Perawatan lengkap dari kepala sampai segar lagi.

  • Semua isi Paket Gagah
  • Creambath & masker rambut
  • Black mask wajah
  • Gratis kopi / teh selama layanan
Galeri Gaya

Hasil Kerja Barber Kami

Temukan gaya yang cocok, lalu sebutkan namanya saat booking — atau tunjukkan langsung fotonya ke barber.

Detail potongan fade presisi dengan clipper pada pelanggan Indonesia
Signature FadeGradasi halus, garis tegas
Barber muda Indonesia memotong rambut pelanggan di barbershop lokal berdinding biru
Potong di Kursi KlasikSuasana barbershop lokal yang akrab
Barber senior Indonesia memotong rambut pelanggan lansia dengan sisir dan clipper
Classic CutPotongan rapi lintas generasi
Barber Indonesia berseragam merah merapikan potongan pelanggan dengan gunting dan sisir
Teknik GuntingDetail atas dikerjakan manual
Barber Indonesia merapikan bagian belakang rambut pelanggan dengan trimmer di depan cermin besar
Detail & FinishingGaris leher rapi, hasil bersih
Interior barbershop dengan kursi kulit cokelat, cermin besar, dan barber Indonesia melayani pelanggan
Ruang KamiKursi kulit, cermin besar, lantai kayu
Tim Barber

Pilih Barber Langgananmu

Sudah cocok dengan satu barber? Pilih orangnya saat booking, kami siapkan kursinya.

Barber Raka Pratama sedang memotong rambut pelanggan di barbershop
Spesialis Fade

Raka Pratama

Ahli gradasi skin fade dan textured crop. Teliti di detail garis dan blending — favorit anak muda Salatiga.

7 thnPengalaman
4.000+Potongan
4,9/5Rating
Barber Dimas Aryo sedang merapikan potongan pelanggan dengan gunting dan sisir
Potongan Klasik

Dimas Aryo

Spesialis gunting: side part, pompadour, dan potongan rapi untuk pekerja kantoran. Konsultasinya enak, hasilnya awet.

9 thnPengalaman
5.500+Potongan
5,0/5Rating
Barber Galih Saputra sedang menata rambut pelanggan di depan cermin
Jenggot & Styling

Galih Saputra

Jago cukur jenggot handuk hangat dan membentuk brewok. Sekalian diajari cara merawat jenggot di rumah.

6 thnPengalaman
3.200+Potongan
4,9/5Rating
Kata Pelanggan

Yang Sudah Coba, Balik Lagi

Testimoni berikut adalah ilustrasi contoh untuk keperluan demo portofolio.

“Fadenya rapi banget, gradasi halusnya beda dari tempat lain. Booking lewat WA juga gampang — datang langsung duduk, nggak pakai antre.”

Bagas P.Pelanggan tetap · 2 tahun (contoh)

“Ambil Paket Gagah sebelum foto wisuda. Potong, cuci, cukur jenggot — hasilnya bersih dan fotogenik. Harganya juga jelas dari awal.”

Rizky A.Mahasiswa · Salatiga (contoh)

“Anak saya yang biasanya takut potong rambut malah betah. Barbernya sabar, tempatnya bersih, ada kopi gratis buat yang nunggu.”

Hendra S.Pelanggan keluarga (contoh)

Booking Online

Amankan Kursimu dalam 1 Menit

Pilih layanan, barber, dan jamnya — pesananmu langsung terkirim ke WhatsApp kami. Tanpa daftar, tanpa aplikasi.

Pilih layanan
Pilih barber
Pilih hari
Pilih jam

Jam bertanda “Penuh” sudah terisi pelanggan lain.

Kunjungi Kami

Mampir, Tempatnya Gampang Dicari

Jam buka ditampilkan lengkap untuk semua hari — baris hari ini ditandai otomatis.

Jam Buka

  • Senin10.00 – 21.00
  • Selasa10.00 – 21.00
  • Rabu10.00 – 21.00
  • Kamis10.00 – 21.00
  • Jumat13.00 – 21.00
  • Sabtu09.00 – 21.00
  • Minggu09.00 – 20.00

Datang langsung tetap dilayani selama kursi kosong — tapi pelanggan booking selalu didahulukan.

Alamat & Kontak (Contoh)

FADE ROOM Barbershop
Jl. Jenderal Sudirman No. 88, Sidorejo,
Kota Salatiga, Jawa Tengah 50711
(Depan Pasar Raya Salatiga, parkir motor & mobil tersedia — alamat contoh)
WhatsApp (contoh): 0812-3456-7890
Dibalas pada jam buka, maks. 15 menit
Walk-in terakhir diterima 30 menit sebelum jam tutup.
Buka di Google Maps
Di Balik Layar

Dibangun dengan UI UX Pro Max

Halaman barbershop ini adalah versi perbandingan: isinya sama dengan contoh barbershop biasa — usaha, harga, barber, dan alur bookingnya identik — tetapi seluruh keputusan visualnya diambil dari design system yang dihasilkan skill UI UX Pro Max untuk kategori “barbershop grooming men service”: gaya Minimalism & Swiss Style. Hasilnya bukan tebakan — token warna, pasangan font, dan aturan UX-nya bisa ditunjukkan angkanya di bawah ini.

Primary#2563EBBiru utama — tombol & aksen sistem
Secondary#3B82F6Biru pendukung & hover
Accent / CTA#EA580COranye CTA & penanda — isi tombol dirender #C2410C agar teks putih lolos kontras
Background#F8FAFCSlate terang yang bersih
Foreground#1E293BTeks utama & panel gelap
Card#FFFFFFPermukaan kartu & baris harga
Muted#F1F5F9Latar selang-seling lembut
Border#E2E8F0Garis grid & pemisah

Spesimen Tipografi

Outfit — Potong Rapi, Garis Tegas, Hasil Presisi 0123456789

Work Sans — Barber kami mengerjakan fade, cukur jenggot handuk hangat, dan styling dengan teliti di pusat Salatiga. Booking lewat WhatsApp, datang tanpa antre, pulang percaya diri.

Pasangan font dari database UI UX Pro Max untuk kategori ini: Outfit untuk semua judul (geometris, tegas, modern) dan Work Sans untuk isi (bersih dan sangat terbaca di ukuran kecil maupun besar).

Aturan UX yang Diterapkan

  • Gaya Minimalism & Swiss Style — grid tegas, ruang putih lega, tipografi kuat, tanpa dekorasi yang tidak perlu.
  • Kontras teks minimal 4,5:1 — teks isi memakai Foreground #1E293B di atas Background #F8FAFC (rasio ±14:1); teks sekunder tidak lebih terang dari #475569; dan karena teks putih di atas Accent #EA580C hanya ±3,6:1, isi tombol CTA dirender dengan turunan lebih gelap #C2410C (teks putih ±5,8:1) sesuai catatan skill agar label CTA lolos 4,5:1.
  • Ikon selalu SVG (gunting, kalender, perisai, dompet, bintang) — tidak ada emoji sebagai ikon di seluruh halaman.
  • Target sentuh ≥ 44px — semua tombol, chip booking, dan filter galeri setinggi minimal 48px agar nyaman diketuk di HP.
  • Focus state terlihat jelas — cincin fokus 3px warna Primary untuk navigasi keyboard, plus tautan “lewati ke konten”.
  • Menghormati prefers-reduced-motion dan responsif penuh di lebar 375, 768, 1024, dan 1440px tanpa scroll menyamping.
  • Status buka langsung (live) dan jam buka lengkap semua hari — informasi penting tidak disembunyikan dari pengunjung.
Perbandingan: Versi Biasa vs Versi Pro Max
AspekVersi BiasaVersi Pro Max (halaman ini)
Pendekatan desain Kesan vintage hangat dan dekoratif: pita teks berjalan (marquee), sudut membulat besar, bayangan lembut di banyak kartu. Minimalism & Swiss Style dari skill: grid tegas, ruang putih lega, garis pemisah tipis, sudut nyaris siku — bersih dan fungsional.
Warna Krem #F4EFE6, arang cokelat, dan kuningan #B07D2B — dipilih manual mengikuti nuansa barbershop klasik. Token dari skill: Primary #2563EB, Secondary #3B82F6, Accent/CTA #EA580C, Background #F8FAFC, Foreground #1E293B.
Tipografi Oswald (judul, semua huruf kapital bergaya poster) + Manrope (isi). Outfit (judul geometris modern) + Work Sans (isi) — pasangan font rekomendasi database skill untuk kategori jasa pria.
Daftar harga Sembilan kartu terpisah dua kolom, masing-masing dengan kotak dan bayangan sendiri. Baris tabel bergaris ala Swiss dengan nomor urut 01–09 dan harga rata kanan — lebih cepat dipindai dan dibandingkan.
Tombol & booking Tombol berbentuk pill (bulat penuh) warna kuningan; chip booking membulat dengan bayangan inset. Tombol tegas warna Accent/Primary, chip booking siku dengan status terpilih berwarna penuh dan aria-pressed; alur dan isi pesan WhatsApp tetap sama.
Aksesibilitas & UX Sudah responsif dan kontrasnya cukup, tetapi aturan UX-nya tidak didokumentasikan. Checklist skill diterapkan dan ditampilkan: kontras ≥ 4,5:1, target sentuh ≥ 44px, focus ring terlihat, ikon SVG, dan dukungan reduced-motion.
Isi & fitur Sama persis di kedua versi: FADE ROOM Salatiga, 9 layanan + 3 paket, galeri dengan filter, 3 profil barber, booking interaktif ke WhatsApp, dan jam buka yang sama. Yang berubah hanya sistem desainnya.
← Semua Contoh