Website Bisnis

Portofolio Kontraktor di Website: Cara Menampilkan Proyek

Tujuh data yang perlu ada di setiap proyek, lima contoh format halaman portofolio, dan cara menyusunnya dari dokumentasi yang tercecer.

Satu proyek di portofolio kontraktor cukup memuat tujuh data: nama pekerjaan, jenis pekerjaan, lokasi, tahun, ukuran, lingkup yang kamu kerjakan, dan foto. Kalau ketujuhnya tersusun seragam di website, calon klien bisa menilai pengalamanmu tanpa harus meminta file dulu.

Orang yang mencari tukang biasanya minta diajak melihat rumah yang pernah dikerjakan. Portofolio di website adalah kunjungan itu, untuk orang yang belum kenal kamu. Saat saya mencari “portofolio kontraktor” di Google pada 7 November 2026, banyak hasil teratasnya berupa file PDF, dua di antaranya setebal 126 dan 50 halaman. Bagian pengadaan mungkin sanggup membacanya, tapi file setebal itu berat untuk orang yang sedang membandingkan kontraktor dari HP.

Bagian ini juga yang paling lama selesai. Klien perusahaan yang saya tangani biasanya paling lama mengumpulkan bukti proyek, karena dokumentasinya masih tercecer di mana-mana. Kalau website kontraktormu belum punya halaman dasar, kerjakan dulu daftar halaman wajib website kontraktor, lalu kembali ke sini.

Isi portofolio kontraktor: tujuh data untuk setiap proyek

Contoh di tabel ini rekaan, jadi ganti dengan data proyekmu sendiri.

Data Contoh Gunanya bagi calon klien
Nama pekerjaan Renovasi fasad ruko 3 lantai Mencari pekerjaan yang mirip dengan kebutuhannya
Jenis pekerjaan Renovasi Menyaring proyek saat daftarnya panjang
Lokasi Bekasi Selatan Melihat wilayah kerjamu, cukup kota atau kawasan
Tahun 2026 Melihat perusahaanmu masih aktif
Ukuran 120 m² Menilai skala yang pernah kamu tangani
Lingkup Bongkar fasad lama, pasang rangka, plester, cat Tahu bagian mana yang kamu kerjakan sendiri
Foto 1 sebelum, 2 proses, 2 sesudah Melihat cara kerja dan hasil akhirnya

Keterangan di daftar portofolio bisa diringkas jadi satu baris: “Renovasi fasad ruko 3 lantai, 120 m², Bekasi Selatan, 2026.”

Nama pemilik proyek dan nilai kontrak sengaja tidak saya masukkan ke tujuh data tadi. Keduanya menguatkan kepercayaan, tapi hanya boleh tampil kalau pemilik proyek mengizinkan. Lingkup kerja sering terlewat, padahal bagian ini yang memisahkan “kami membangun gedung ini” dari “kami mengerjakan atap baja gedung ini”.

Portofolio di website atau file PDF?

Saran saya, pakai keduanya: website sebagai pintu masuk, PDF sebagai unduhan untuk yang membutuhkannya.

Halaman di website File PDF
Dibaca oleh Orang yang baru mencari kontraktor, sering dari HP Bagian pengadaan atau atasan yang sedang menilai penawaran
Cara membaca Langsung ke proyek yang mirip Dibuka berurutan, atau diteruskan lewat email
Menambah proyek Tambah satu entri Susun ulang lalu kirim versi baru
Cara ditemukan Lewat teks halaman dan foto berketerangan Google juga bisa mengindeks PDF, tapi isinya terkumpul dalam satu file

PT Kharisma Menara Abadi memakai pola ini: menu Our Portfolio berdampingan dengan Download Company Profile. Isi PDF dan halaman profil perusahaan bisa kamu samakan dengan struktur website company profile perusahaan.

Lima contoh format portofolio proyek konstruksi

Saya mengecek lima halaman ini pada 7 November 2026. Michael Kontraktor dan PT Warna Citra Pelangi adalah klien dooha.id. Tiga lainnya saya temukan dari hasil Google dan bukan klien kami. Tabel ini hanya mencatat formatnya, tanpa menilai kualitas pekerjaan mereka.

Website Cara mengelompokkan Yang tampil per proyek Detail
PT Kharisma Menara Abadi Daftar proyek gedung, renovasi, dan fasilitas Nama bangunan, tahun, jenis pekerjaan, lokasi Satu halaman per proyek
Rasita Karya Bali Daftar rumah, villa, dan renovasi Tipe, lokasi, inisial pemilik, periode, luas tanah, luas bangunan, jumlah lantai dan kamar, cerita proyek Satu halaman per proyek
PT Huaxia Internasional Konstruksi Proyek Indonesia dan proyek luar negeri Nama proyek dan foto Dibuka di halaman yang sama
Michael Kontraktor Satu halaman Galeri di menu utama Foto alat dan pekerjaan Tanpa halaman per proyek
PT Warna Citra Pelangi Per sektor: industri kecil-menengah, industri besar, pemerintah Daftar bidang, tanpa nama proyek Tanpa halaman per proyek

Untuk kontraktor rumah tinggal, saya paling suka format Rasita. Calon pemilik rumah bisa langsung membandingkan luas dan jumlah kamar dengan rencananya. Untuk proyek perusahaan dan instansi, menurut saya format seperti Kharisma lebih pas karena ringkas. Galeri seperti Michael Kontraktor cocok kalau kamu juga menyewakan alat dan calon penyewa ingin melihat alatnya.

Cara menyusun portofolio dari dokumentasi yang tercecer

Foto proyek biasanya tersebar di HP mandor, grup WhatsApp, dan laporan progres. Urutan ini bisa dikerjakan bertahap, dan tidak perlu menunggu semua proyek lama terkumpul.

  1. Buat satu folder per proyek, misalnya 2026-renovasi-ruko-bekasi. Kumpulkan semua foto dan laporan ke sana, lalu buang yang buram. Panduan Google sendiri menyebut foto tajam lebih menarik bagi pengguna daripada gambar yang blur.
  2. Pilih 3 sampai 6 proyek dulu. Dahulukan pekerjaan yang ingin kamu dapatkan lagi, walaupun proyek itu belum tentu yang terbesar.
  3. Isi tujuh data di spreadsheet, satu baris per proyek. Kalau ukuran atau tahunnya lupa, cek kontrak atau tanyakan ke mandor. Jangan menebak angka.
  4. Minta izin pemilik proyek. Tanyakan tiga hal sekaligus: fotonya boleh dipajang, namanya boleh ditulis, dan lokasinya boleh disebut. Simpan jawabannya.
  5. Pilih 5 sampai 8 foto per proyek. Periksa foto yang memperlihatkan wajah orang, pelat kendaraan, atau dokumen. Cara memberi nama file dan teks alternatifnya sudah saya bahas di artikel website kontraktor tadi.
  6. Pasang dengan urutan terbaru di atas, lalu buat kebiasaan baru di lapangan: minta mandor memotret dari sudut yang sama saat mulai, di tengah pekerjaan, dan saat selesai. Foto “sebelum” tidak bisa dibuat belakangan.

Kalau nama proyek atau pemiliknya tidak boleh disebut

Saya pernah punya klien yang proyeknya tidak boleh ditampilkan. Sesuai permintaan, proyek itu tidak dipasang di website, dan yang dipajang hanya proyek yang memang boleh ditampilkan. Kalau pemilik proyek masih mengizinkan bentuk yang disamarkan, kamu bisa menyebut sektor dan skalanya saja. Halaman Projects PT Warna Citra Pelangi, misalnya, mengelompokkan daftar per sektor dan tidak menyebut nama proyek. Rasita Karya Bali memakai inisial pemilik. Untuk kontraktor, bentuknya bisa seperti contoh rekaan ini: “Gudang logistik, 2.000 m², kawasan industri Cikarang, 2025.” Potong juga logo dan papan nama yang terlihat di foto.

Kalau pemilik proyek menolak fotonya dipajang, jangan dipasang. Tulis proyek itu sebagai satu baris teks tanpa foto, kalau mereka mengizinkan. Jangan pula memakai foto dari internet untuk mengisi kekosongan.

Untuk subkontraktor, tulis lingkupmu apa adanya, misalnya “Pemasangan atap baja untuk gedung pabrik di Karawang” (contoh rekaan), dan jangan menulis seolah kamu membangun seluruh gedungnya. Tanyakan juga ke kontraktor utamanya apakah nama proyek boleh disebut.

Foto banyak, halaman tetap ringan

Klien kami pernah mengeluh websitenya lambat, dan penyebabnya biasanya gambar yang diunggah berukuran besar dan plugin cache yang belum terpasang. Halaman portofolio rawan mengalami ini karena isinya memang foto. Web.dev mencatat bahwa pada persentil ke-90, situs mengirim lebih dari 5 MB gambar.

Dari tiga halaman portofolio kontraktor yang saya ukur pada 7 November 2026, dua memasang lazy loading, yaitu gambar baru diambil saat pengunjung menggulir mendekatinya (110 dari 113 gambar, dan 34 dari 40 gambar). Halaman ketiga memuat 153 gambar tanpa atribut itu, dan browser saya sudah mengambil 95 gambar, sekitar 3,9 MB, dalam 2,5 detik tanpa digulir. Tiap gambarnya sebenarnya kecil, paling besar sekitar 82 KB. Jumlahnya yang membuat total ukurannya membengkak. Ini hasil satu kali ukur, jadi anggap sebagai gambaran.

Saran saya untuk halaman seperti ini:

  • Tampilkan satu foto kecil per proyek di daftar portofolio. Simpan foto lengkapnya di halaman proyek.
  • Simpan dalam format WebP. Menurut Google, WebP lossy berukuran 25 sampai 34 persen lebih kecil daripada JPEG setara.
  • Pasang lazy loading untuk foto di bagian bawah, tapi jangan untuk foto yang langsung terlihat saat halaman dibuka. Web.dev memberi peringatan yang sama.

Pasang foto sebagai gambar biasa, karena Google tidak mengindeks gambar CSS. Kalau halamannya sudah terasa berat, ikuti cara mengecek penyebab website lambat.

Kapan satu halaman portofolio sudah cukup

Kalau bahannya masih sedikit, saya menyarankan satu halaman saja. Nanti saat bahannya sudah banyak, baru dikembangkan. Menurut saya, tiga proyek dengan data lengkap lebih meyakinkan daripada sepuluh halaman proyek yang isinya cuma judul dan foto.

Halaman per proyek mulai masuk akal kalau tiap proyek punya cerita untuk ditulis, misalnya kendala di lapangan dan cara mengatasinya, atau kalau jenis pekerjaanmu beragam. Dengan begitu, proyek renovasi bisa ditautkan dari halaman layanan renovasi.

Di setiap proyek, pasang jalan untuk bertanya. Untuk klien kontraktor, saya menyarankan formulir permintaan penawaran dan tombol WhatsApp dengan pesan terisi sekaligus. Pesannya bisa menyebut proyek yang sedang dilihat:

Halo, saya melihat proyek renovasi fasad ruko di website. Saya ingin minta penawaran untuk pekerjaan serupa.

Admin jadi langsung tahu proyek mana yang menarik perhatian calon klien itu.

Pertanyaan soal portofolio kontraktor

Apa itu portofolio kontraktor?

Portofolio kontraktor adalah kumpulan proyek yang pernah dikerjakan perusahaan konstruksi, lengkap dengan data dan fotonya, untuk menunjukkan pengalaman kepada calon klien. Bentuknya bisa halaman website, file PDF, atau keduanya.

Apa saja isi portofolio kontraktor?

Tujuh data untuk setiap proyek: nama pekerjaan, jenis pekerjaan, lokasi, tahun, ukuran, lingkup yang dikerjakan, dan foto. Nama pemilik proyek dan nilai kontrak bisa ditambahkan kalau pemilik proyek mengizinkan.

Apa contoh portofolio proyek konstruksi?

Contoh satu baris: Renovasi fasad ruko 3 lantai, 120 meter persegi, Bekasi Selatan, 2026, dilengkapi foto sebelum, proses, dan sesudah. Contoh itu rekaan untuk menunjukkan formatnya.

Berapa banyak proyek yang perlu ditampilkan?

Mulai dari 3 sampai 6 proyek dengan data lengkap. Pilih pekerjaan yang ingin kamu dapatkan lagi, lalu tambahkan proyek baru setiap kali ada yang selesai dan pemiliknya mengizinkan.

Apa bedanya portofolio kontraktor dan company profile?

Company profile menjelaskan perusahaannya: siapa kamu, apa layananmu, dan cara menghubungimu. Portofolio menunjukkan buktinya lewat proyek yang sudah selesai. Di website, portofolio biasanya menjadi satu bagian dari website company profile.

Bolehkah subkontraktor menampilkan proyek di portofolio?

Boleh selama lingkupnya ditulis apa adanya dan kontraktor utama atau pemilik proyek tidak keberatan. Tulis bagian yang kamu kerjakan, misalnya pemasangan atap baja, dan jangan menulis seolah kamu membangun seluruh gedungnya.

Mulai dari tiga proyek minggu ini

Buka galeri HP dan grup WhatsApp proyek, pilih tiga pekerjaan yang ingin kamu dapatkan lagi, lalu isi tujuh datanya di spreadsheet. Setelah izin pemiliknya didapat, bahan itu sudah cukup untuk satu halaman portofolio.

Kalau kamu membuat website baru di dooha.id, menyusun portofolio proyek sudah jadi bagian dari pengerjaan websitenya, jadi siapkan saja foto dan datanya. Jumlah halamannya bisa dipilih di halaman Paket dooha.id, dan Paket Bulanan memuat jatah update konten manual untuk memasang proyek baru. Website yang sudah berjalan bisa memakai add-on Halaman tambahan dan Optimasi kecepatan. Masih mulai dari nol? Urutan kerjanya ada di panduan website untuk UMKM dari nol sampai tayang.

Punya proyek yang bingung cara menampilkannya? Kamu bisa tinggalkan komentar di bawah.

Deni Rusdiaman

Founder dooha.id. Sudah 14 tahun berkecimpung di dunia web dan IT.

Mau tahu biaya untuk bisnis Anda?

Ceritakan kebutuhan Anda dalam 15 menit. Kami kirim rincian paket dan harganya.