Portofolio: Dokumentasi Proses Desain dari Awal sampai Akhir

Updated on June 26, 2026

Gambaran besar

Bayangkan portofolio seperti presentasi sidang skripsi versi visual. Ada pendahuluan (brief dan konteks proyek), ada metodologi (moodboard dan sketsa), ada pembahasan (proses digital dan revisi), ada hasil (mockup final), dan ada kesimpulan (refleksi). Bedanya, portofolio desain harus enak dilihat dan tidak membosankan dibaca.

Langkah-langkah penyusunan

1. Siapkan semua material mentah

Kumpulkan file-file dari tugas sebelumnya:

  • Creative brief
  • Moodboard
  • Foto sketsa tangan/thumbnail
  • File desain digital per tahap, dari layout awal sampai artwork final
  • Hasil revisi dan dokumentasi A/B test
  • Mockup 3D berkualitas tinggi
  • Checklist preflight

Buat satu folder khusus bernama “Portfolio_KeripikTempe” dan organisir sub-folder berdasarkan tahapan. Ini penting supaya kamu tidak bolak-balik mencari file saat menyusun layout portofolio nanti.

2. Susun struktur halaman

Urutan yang umum dipakai untuk case study desain kemasan:

  • Cover: judul proyek, nama kamu, satu visual utama yang kuat (biasanya mockup terbaik)
  • Ringkasan proyek: 2-3 kalimat tentang siapa kliennya, apa produknya, apa tantangan desainnya. Tulis seperti kamu menjelaskan proyek ini ke teman dalam 30 detik.
  • Moodboard: tampilkan board-nya, lalu tulis 1-2 kalimat tentang arah visual yang kamu pilih dan kenapa
  • Proses sketsa: ini bagian yang sering dilewatkan pemula, padahal justru paling menarik. Tampilkan foto sketsa tangan di sebelah kiri, hasil digitalnya di sebelah kanan. Orang yang melihat bisa langsung membandingkan evolusi desainmu.
  • Tahapan desain digital: tunjukkan 2-3 tahap perkembangan, bukan cuma hasil akhir. Misalnya: layout awal (masih polos), setelah ditambah elemen grafis, setelah penyesuaian warna dan tipografi.
  • Revisi dan A/B test: tampilkan perbandingan before/after. Di bawah setiap perbandingan, tulis alasan perubahannya. Contoh: “Ukuran logo diperbesar 20% karena hasil A/B test menunjukkan varian B lebih cepat dikenali dari jarak 1 meter.”
  • Hasil akhir: mockup berkualitas tinggi, minimal 3 angle. Contohnya: tampak depan, tampak perspektif 3/4, dan foto simulasi di rak toko atau di tangan orang. Kalau punya adaptasi multi-platform (poster, Instagram), tampilkan juga di sini.
  • Refleksi: tulis 3-5 kalimat jujur. Apa yang berjalan lancar? Apa yang bikin frustrasi? Kalau mengulang proyek ini, apa yang akan kamu ubah?

3. Pilih format dan tools

Ada dua pendekatan:

Kalau kamu mau kontrol penuh atas layout, buat di Adobe InDesign atau Illustrator, lalu export sebagai PDF. Ukuran halaman bisa landscape A4 atau custom 1920x1080px (rasio layar). PDF cocok untuk dikirim ke klien atau dilampirkan saat melamar kerja.

Kalau kamu mau portofolio online, langsung unggah ke Behance atau Dribbble. Behance cocok untuk case study panjang karena format scrollnya mendukung narasi bertahap. Dribbble lebih cocok untuk shot tunggal atau cuplikan visual. Idealnya, punya keduanya: PDF untuk dikirim, Behance untuk ditautkan di CV.

4. Perhatikan kualitas visual

Resolusi gambar minimal 150 DPI untuk PDF, 72 DPI untuk web. Mockup yang pixelated langsung mengurangi kesan profesional, tidak peduli seberapa bagus desain aslinya.

Konsistensi visual juga penting. Pakai palet warna yang sama di seluruh halaman portofolio (bisa ambil dari warna brand keripik tempe yang sudah kamu buat). Font untuk body text cukup satu, untuk heading satu lagi. Jangan campur lebih dari dua typeface.

Beri white space yang cukup. Portofolio yang sesak dengan gambar tanpa ruang napas justru membuat mata lelah. Biarkan setiap visual punya ruang sendiri.

5. Tulis narasi, bukan deskripsi

Ini perbedaan yang sering tidak disadari. Deskripsi: “Saya membuat desain kemasan keripik tempe.” Narasi: “Klien butuh kemasan standing pouch yang bisa bersaing di rak minimarket. Tantangan utamanya: produk UMKM dengan budget terbatas, tapi harus terlihat setara dengan brand nasional.”

Narasi menunjukkan bahwa kamu memahami konteks dan batasan proyek, bukan cuma bisa mengoperasikan software.

6. Export dan distribusi

Untuk PDF: export dengan kualitas “High Quality Print” atau “Smallest File Size” tergantung tujuannya. Kalau untuk email, jaga ukuran file di bawah 10 MB. Kompres gambar kalau perlu.

Untuk Behance: unggah gambar per section, manfaatkan fitur teks bawaan Behance untuk narasi. Tag proyek dengan keyword yang relevan: “packaging design,” “food packaging,” “UMKM branding,” “standing pouch.” Ini membantu portofoliomu ditemukan oleh orang yang mencari desainer dengan keahlian serupa.

Apa yang sering salah

Pertama, portofolio yang isinya cuma hasil akhir tanpa proses. Ini seperti film yang langsung loncat ke ending. Tidak ada cerita, tidak ada konteks, tidak ada bukti bahwa kamu benar-benar berpikir selama proses desain.

Kedua, narasi yang terlalu teknis. “Saya menggunakan pen tool untuk membuat path lalu apply gradient overlay dengan opacity 75%.” Klien atau HRD tidak peduli tool apa yang kamu pakai. Mereka peduli kenapa kamu membuat keputusan visual tertentu.

Ketiga, mockup berkualitas rendah. Mockup gratisan yang sudah dipakai ribuan orang akan langsung dikenali. Kalau pakai mockup gratis, pilih yang tidak terlalu mainstream, atau edit angle dan pencahayaannya supaya terasa berbeda.

Kuis pemahaman

  1. Kenapa bagian “proses sketsa” (sketsa tangan vs. hasil digital) penting ditampilkan di portofolio, padahal sketsa tangan biasanya terlihat berantakan?

  2. Apa bedanya menulis deskripsi dan menulis narasi di portofolio? Berikan contoh masing-masing satu kalimat.

  3. Seorang desainer mengunggah portofolio ke Behance tapi tidak menulis tag/keyword sama sekali. Apa dampaknya, dan keyword apa yang sebaiknya dipakai untuk proyek kemasan keripik tempe ini?