Website Portofolio Desain Grafis: Halaman, Studi Kasus, Checklist

Cara membuat website portofolio desain grafis: berapa proyek yang perlu ditampilkan, halaman yang dibutuhkan, template studi kasus yang bisa Anda salin, dan checklist peluncuran.

Pertanyaan yang sering diajukan

Berapa jumlah proyek yang sebaiknya ada di website portofolio desain grafis?

Targetkan 6 sampai 10 proyek, dengan dua atau tiga karya terkuat di posisi teratas. Tidak ada angka resmi. Yang penting, setiap proyek layak berada di sana dan seluruh kumpulannya menunjukkan jenis pekerjaan yang ingin Anda dapatkan. Kalau ada karya yang lebih lemah dari yang lain, buang saja. Kumpulan yang ringkas menunjukkan penilaian yang lebih baik daripada daftar yang panjang.

Apakah saya perlu domain khusus untuk portofolio desain grafis?

Tidak wajib, tetapi domain dari nama Anda sendiri (namaanda.com atau namaanda.design) terlihat lebih profesional di CV dan tanda tangan email, dan tetap bisa Anda pakai kalau suatu saat pindah platform. Cek ketersediaan dan harga perpanjangan di registrar sebelum membeli, karena harganya berbeda-beda.

Apakah saya hanya menampilkan desain jadi, atau juga proses pengerjaannya?

Tampilkan keduanya dengan proporsi yang seimbang. Buka setiap proyek dengan hasil akhir, lalu tambahkan sekilas sketsa, draf, atau alternatif yang Anda tolak. Proses menunjukkan cara Anda berpikir, yang paling penting untuk posisi in-house dan agensi. Untuk halaman yang dibaca sekilas, simpan proses di halaman proyek, bukan di beranda.

Bolehkah saya memasukkan proyek kuliah, proyek pribadi, atau proyek konsep?

Boleh, kalau Anda masih di awal karier. Beri label yang jujur sebagai proyek kuliah, proyek pribadi, atau konsep agar tidak disangka pekerjaan klien. Brief yang Anda tulis sendiri tidak masalah selama masalah dan batasannya dinyatakan dengan jelas. Gantilah dengan pekerjaan klien sungguhan begitu Anda mendapatkannya.

Format file dan ukuran gambar apa yang sebaiknya dipakai untuk gambar portofolio?

Ekspor gambar yang siap web, biasanya JPEG atau WebP untuk mockup fotografi dan PNG atau SVG untuk grafis datar dan logo. Ubah ukurannya sesuai lebar tampilannya, lalu kompres agar halaman dimuat dengan cepat. Simpan versi PDF beresolusi tinggi dari portofolio Anda secara terpisah untuk lamaran lewat email.

Apakah website portofolio lebih baik daripada portofolio PDF?

Keduanya punya fungsi berbeda. Website mudah dibagikan lewat tautan, bisa ditemukan di mesin pencari, dan bisa diperbarui kapan saja. PDF berguna saat lamaran secara khusus meminta lampiran. Kebanyakan desainer memakai keduanya, dengan website sebagai yang utama dan PDF yang dibuat dari proyek yang sama.

Jawaban singkat: Website portofolio desain grafis membutuhkan 6 sampai 10 proyek terbaik Anda, masing-masing disajikan sebagai studi kasus singkat (masalah, peran Anda, proses, hasil), ditambah empat halaman: Beranda, Karya, Tentang, dan Kontak. Awali dengan tiga proyek terkuat, tampilkan hanya jenis pekerjaan yang ingin Anda dapatkan lebih banyak, dan pastikan informasi kontak mudah sekali ditemukan. Template dan checklist di bawah membahas sisanya.

Apa yang sebenarnya dibutuhkan situs portofolio desain grafis

Portofolio punya satu tugas: membantu orang asing memutuskan dalam satu atau dua menit apakah akan menghubungi Anda. Semua yang ada di situs harus mendukung keputusan itu. Pengunjung biasanya salah satu dari tiga orang berikut:

Klien yang ingin tahu apakah Anda bisa menyelesaikan masalah mereka (branding, kemasan, media sosial, cetak).
Manajer perekrutan atau rekruter yang ingin melihat bukti selera, rentang kemampuan, dan cara Anda bekerja sama dengan orang lain.
Kolaborator atau agensi yang perlu cepat melihat spesialisasi Anda.

Tentukan siapa pembaca utama Anda sebelum memilih proyek. Portofolio untuk klien brand freelance terlihat berbeda dari portofolio untuk posisi junior in-house.

Berapa proyek yang perlu ditampilkan

Targetkan 6 sampai 10. Kurang dari 6 bisa terlihat minim kecuali setiap proyek berupa studi kasus yang mendalam. Lebih dari 10 biasanya berarti ada karya yang mengaburkan karya terbaik.

Cara sederhana menentukan apa yang dipertahankan:

Daftar semua proyek yang Anda banggakan.
Tandai yang sesuai dengan pekerjaan yang ingin Anda dapatkan lebih banyak. Buang sisanya, meskipun dulu dibayar.
Urutkan sisanya berdasarkan kualitas. Taruh tiga teratas di depan.
Periksa keragaman dalam niche Anda: misalnya satu sistem logo, satu karya kemasan, satu karya editorial atau kampanye.
Kalau dua proyek membuktikan keahlian yang sama, pertahankan yang lebih baik.

Halaman yang perlu dibuat

Empat halaman sudah cukup untuk melangkah jauh. Tambahkan yang lain hanya kalau Anda punya konten nyata untuknya.

Halaman	Tujuan	Isinya
Beranda	Mengarahkan pengunjung dalam hitungan detik	Satu kalimat tentang apa yang Anda kerjakan, 3 sampai 6 proyek unggulan, tautan kontak yang jelas
Karya (atau Proyek)	Galeri lengkap	Thumbnail dengan nama proyek dan disiplin, terhubung ke setiap studi kasus
Halaman studi kasus	Membuktikan cara Anda berpikir	Satu halaman per proyek, dibuat dari template di bawah
Tentang	Membuat Anda terlihat sebagai manusia	Bio singkat, foto, keahlian atau tools, layanan atau ketersediaan
Kontak	Menghilangkan hambatan	Email, formulir kalau Anda mau, tautan ke profil profesional Anda

Tambahan opsional: halaman Layanan kalau Anda freelance, halaman CV kalau Anda sedang mencari kerja, dan halaman Proses singkat kalau Anda melakukan langkah yang sama di setiap proyek.

Template struktur studi kasus

Salin kerangka ini untuk setiap proyek. Buat setiap bagian tetap singkat. Kebanyakan pengunjung hanya membaca sekilas, jadi gunakan judul dan gambar untuk membawa ceritanya.

Templatenya

Judul proyek dan ringkasan satu kalimat. Nama klien atau proyek, disiplin, dan tahun. Contoh: "Harbor Coffee Roasters, kemasan dan identitas brand, 2025."
Brief. Dua atau tiga kalimat tentang apa yang dibutuhkan klien dan alasannya. Sebutkan kendalanya (anggaran, tenggat, audiens) kalau ada.
Peran Anda. Apa yang Anda kerjakan, dan apa yang dikerjakan orang lain kalau ini proyek tim. Bersikaplah tepat: "Desainer utama, bersama copywriter dan percetakan" lebih kredibel daripada "Mendesain semuanya."
Proses. Tiga sampai lima gambar atau keterangan singkat: sketsa, moodboard, arahan awal, dan alasan di balik pilihan yang Anda ambil.
Karya akhir. Gambar terbesar dan terbersih di halaman. Tunjukkan desain dalam konteks dengan mockup atau foto asli hasil cetak.
Hasil. Apa yang berubah, hanya dengan hal-hal yang bisa Anda nyatakan dengan jujur: klien meluncurkannya, menggantikan identitas lama, kini ada di rak toko, dicetak dalam skala tertentu. Kalau Anda tidak punya angka, lewati saja. Jangan mengarang metrik.
Tautan ke proyek berikutnya. Buat orang terus menjelajahi karya Anda.

Contoh kalimat yang bisa Anda sesuaikan

Brief: "Klien, sebuah toko roti kecil di lingkungan sekitar, menginginkan logo dan kemasan yang terasa buatan tangan tetapi bisa direproduksi dengan murah dalam satu warna."
Peran: "Saya menangani riset, desain logo, dan sistem kemasan. Klien menulis teks produknya."
Keterangan proses: "Tiga arahan awal. Kami membuang wordmark bergaya skrip karena keterbacaannya hilang di ukuran kecil."
Hasil: "Kemasan baru diluncurkan pada musim semi dan kini dipakai di seluruh lini produk."

Rancang situs agar karya menjadi bintangnya

Batasi navigasi pada empat atau lima item. Beranda, Karya, Tentang, Kontak sudah cukup.
Gunakan latar netral dan ruang yang lega. Proyek Anda yang membawa warna. Template yang ramai akan bersaing dengannya.
Pilih satu atau dua jenis huruf. Sebagai desainer, situs Anda sendiri adalah contoh tipografi. Jaga agar konsisten dan mudah dibaca.
Buat gambar besar. Thumbnail harus tajam, dan halaman proyek harus membiarkan gambar utama memenuhi lebar layar.
Taruh nama dan disiplin Anda di bagian atas beranda. "Maya Chen, desainer brand dan kemasan" lebih baik daripada tagline cerdas yang tidak dimengerti siapa pun.
Cek di ponsel. Banyak pengunjung akan membuka tautan Anda lewat perangkat seluler. Uji galeri, menu, dan tautan kontaknya.
Kompres gambar. File yang berat memperlambat halaman, yang merugikan pengunjung maupun visibilitas di pencarian.

Langkah demi langkah: dari nol sampai terbit

Pilih fokus dan pembaca Anda. Satu kalimat: "Saya mendesain [apa] untuk [siapa]."
Pilih 6 sampai 10 proyek dengan filter di atas.
Tulis setiap studi kasus dari template, mulai dari proyek terbaik Anda.
Ekspor gambar siap web dengan ukuran tampilannya, dan beri nama file dengan jelas.
Pilih pembuat situs dan tata letak yang mengutamakan gambar dan minim gangguan. Kalau Anda butuh titik awal, halaman graphic designer website builder dan AI designer portfolio template menunjukkan seperti apa tata letak siap pakai.
Bangun empat halaman inti dan tambahkan studi kasus Anda.
Hubungkan domain yang memakai nama Anda.
Periksa semuanya, lalu minta teman atau mantan rekan kerja menemukan alamat email Anda di situs. Kalau mereka kesulitan, perbaiki halaman kontak.
Terbitkan, lalu bagikan tautannya di tanda tangan email, CV, dan profil profesional Anda.

Kalau Anda sedang membandingkan tools, paket gratis We.Inc memungkinkan Anda menerbitkan hingga tiga situs dari template siap pakai; AI builder yang membuat draf situs dari prompt mulai dari paket Starter seharga $20 per bulan. Anda bisa daftar di sini. Kalau Anda pindah dari platform portofolio lain, lihat daftar alternatif Portfoliobox.

Checklist peluncuran

Salin ini dan centang item sebelum Anda membagikan tautannya.

Konten

[ ] 6 sampai 10 proyek, tiga terkuat di depan
[ ] Setiap proyek punya brief, peran Anda, proses, karya akhir, dan hasil
[ ] Proyek kuliah, pribadi, dan konsep diberi label yang jujur
[ ] Tidak ada karya klien yang ditampilkan tanpa izin berbagi
[ ] Halaman Tentang punya foto, bio singkat, dan hal yang bisa Anda kerjakan
[ ] Alamat email terlihat di halaman Kontak dan di footer

Desain

[ ] Navigasi berisi lima item atau kurang
[ ] Satu atau dua jenis huruf dipakai secara konsisten
[ ] Teks terbaca jelas di atas latarnya
[ ] Gambar besar, tajam, dan berukuran konsisten di galeri
[ ] Setiap gambar punya alt text yang deskriptif

Teknis

[ ] Tampil benar di ponsel, tablet, dan desktop
[ ] Gambar dikompres; halaman dimuat dengan cepat
[ ] Semua tautan berfungsi, termasuk tautan "proyek berikutnya"
[ ] Judul dan deskripsi halaman diatur untuk beranda dan setiap proyek
[ ] Domain khusus terhubung dan situs dimuat lewat HTTPS
[ ] Gambar pratinjau sosial diatur agar tautan yang dibagikan terlihat bagus

Setelah peluncuran

[ ] Tautan ditambahkan ke tanda tangan email, CV, dan profil profesional
[ ] Pengingat dibuat untuk meninjau portofolio setiap beberapa bulan dan mengganti dengan karya baru

Kesalahan umum yang perlu dihindari

Menampilkan semua yang pernah Anda buat. Kurasi adalah bagian dari keahlian yang Anda tunjukkan.
Gambar tanpa konteks. Mockup yang indah tanpa brief tidak memberi tahu pengunjung apa pun tentang cara Anda berpikir.
Menyembunyikan tautan kontak. Kalau butuh lebih dari satu klik, Anda kehilangan permintaan masuk.
Mengklaim hasil yang tidak bisa dibuktikan. Gambarkan apa yang terjadi dengan akurat. Hasil yang jujur dan sederhana lebih kredibel daripada klaim besar yang samar.
Tidak pernah memperbarui. Ganti karya lama dengan karya terbaru yang lebih kuat.

Langkah selanjutnya

Setelah situs aktif, portofolio yang sama bisa mendukung bisnis freelance. Panduan berikut membahas langkah berikutnya: how to get web design clients dan how to grow a web design business sama-sama berlaku bagi desainer yang mulai menawarkan website di samping desain grafis.

Mulai gratis · Tanpa kartu kredit

Umair Ali Sadaqat

Pendiri We.Inc

Umair adalah pendiri We.Inc. Ia menulis tentang pembuatan situs web dengan AI, agensi, dan bisnis menjalankan studio web.

Siap membuat sesuatu yang hebat?

Bergabunglah dengan 15,000+ bisnis yang memakai We.Inc untuk meluncurkan, berkembang, dan mengotomatiskan, semuanya dari satu platform.