Cara Membuat Situs Portofolio yang Mendatangkan Pekerjaan

Untuk membuat situs portofolio yang mendatangkan pekerjaan, pilih empat sampai delapan proyek terbaik Anda untuk audiens yang ingin Anda jangkau, sajikan setiap proyek sebagai cerita singkat — masalahnya, apa yang Anda lakukan, hasilnya — dan buat agar mudah menghubungi Anda dari setiap halaman. Jaga agar tetap cepat, terutama jika banyak gambar, dan letakkan di domain dengan nama Anda. Alat yang dipakai lebih tidak penting daripada pemilihan karya dan penulisannya.

Mulai dari siapa yang melihat

Portofolio adalah halaman penjualan di mana karya Anda adalah produknya. Sebelum memilih tata letak, tentukan siapa yang ingin mempekerjakan Anda dan apa yang mereka butuhkan untuk dilihat:

Audiens	Yang mereka cari	Yang ditampilkan di depan
Manajer perekrutan (peran in-house)	Bukti bahwa Anda bisa melakukan pekerjaan dan bekerja dalam tim	Studi kasus yang menunjukkan proses, kolaborasi, dan hasil
Klien freelance	Bukti bahwa Anda bisa memecahkan masalah jenis mereka, dan berapa biayanya	Proyek yang relevan, layanan, cara sederhana untuk bertanya
Agensi dan art director	Selera, rentang, dan konsistensi	Visual yang kuat, grid yang bersih, teks minimal di beranda
Galeri atau penerbit	Kumpulan karya yang koheren	Seri dan koleksi, bukan karya tunggal

Jika Anda melayani dua audiens yang sangat berbeda — misalnya peran desain produk dan ilustrasi freelance — pertimbangkan bagian terpisah atau bahkan situs terpisah, agar tidak ada audiens yang harus menggali-gali.

Yang perlu dimasukkan

Karya

Pilih lebih sedikit proyek, tetapi lebih baik. Hapus apa pun yang tidak ingin Anda kerjakan lagi. Letakkan karya terkuat dan paling relevan di depan; banyak pengunjung tidak pernah menggulir melewati baris pertama.

Untuk desainer dan developer, proyek terbaik menjadi studi kasus. Struktur yang berguna:

Masalahnya — satu atau dua kalimat tentang situasinya dan siapa yang terdampak.
Peran Anda — apa yang Anda kerjakan, dan apa yang dikerjakan orang lain. Jadilah tepat; melebih-lebihkan mudah ketahuan saat wawancara.
Prosesnya — beberapa keputusan kunci, dengan sketsa, wireframe, atau potongan kode.
Hasilnya — apa yang dirilis, dan hasil apa pun yang bisa Anda nyatakan dengan jujur. Jika Anda tidak bisa membagikan angka, deskripsikan perubahannya secara kualitatif.

Untuk fotografer dan ilustrator, gambarlah yang melakukan sebagian besar pekerjaan. Kelompokkan menjadi set yang jelas (pernikahan, produk, editorial), jaga keterangan tetap singkat, dan biarkan grid bernapas.

Tentang dan kontak

Bagian tentang sebaiknya menjelaskan siapa Anda, apa yang Anda kerjakan, untuk siapa Anda melakukannya, dan di mana Anda berbasis atau apakah Anda bekerja jarak jauh. Foto asli membantu. Jalur kontak harus jelas dari setiap halaman: formulir singkat, alamat email, atau tautan untuk memesan panggilan. Jika Anda menerima pemesanan, jelaskan caranya.

Halaman opsional

Layanan dan tarif — berguna untuk freelancer jika Anda ingin menyaring permintaan yang tidak cocok.
CV atau resume — berguna bagi pencari kerja; PDF yang bisa diunduh plus versi di halaman adalah pola yang umum.
Tulisan atau catatan — hanya layak jika Anda akan terus memperbaruinya. Blog yang ditinggalkan bertahun-tahun lalu lebih merugikan daripada tidak punya blog.
Testimoni — hanya yang asli, dengan izin.

Keputusan dan trade-off

Situs statis atau aplikasi? Kebanyakan portofolio adalah situs sederhana yang berpusat pada konten dan tidak memerlukan database. Tambahkan satu hanya jika ada alasannya: formulir kontak yang menyimpan permintaan, galeri yang sering Anda perbarui lewat halaman admin, atau proofing klien tempat orang memilih foto.

Di mana gambar disimpan. Gambar besar adalah penyebab utama portofolio lambat. Ubah ukuran dan kompres sebelum mengunggah, sajikan format modern, dan muat gambar secara bertahap saat pengunjung menggulir. Untuk galeri yang besar atau sering berubah, simpan gambar di penyimpanan file yang layak, bukan memasukkannya ke dalam kode situs.

Bagaimana Anda akan memperbaruinya. Jujurlah soal ini. Jika Anda menambah karya setiap bulan, Anda membutuhkan cara mudah untuk melakukannya — halaman admin sederhana, CMS, atau pembuat situs yang nyaman Anda edit. Jika Anda memperbarui dua kali setahun, mengedit situs secara langsung juga tidak masalah.

Visibilitas di pencarian. Jika Anda ingin orang menemukan Anda dengan mencari nama Anda ditambah keahlian dan kota Anda, halaman membutuhkan teks sungguhan, heading yang tepat, judul dan deskripsi halaman yang unik, serta teks alternatif yang deskriptif pada gambar. Lihat SEO untuk situs yang dibuat dengan AI.

Prompt pertama untuk pembuat AI

Prompt yang baik menyebutkan audiens, halaman, karya, dan gayanya:

Buat situs portofolio untuk Lena Park, desainer produk yang mencari peran in-house senior di perusahaan SaaS. Halaman: Beranda dengan perkenalan singkat dan grid 5 studi kasus; templat halaman studi kasus dengan bagian masalah, peran saya, proses (dengan galeri gambar), dan hasil; Tentang dengan foto, bio singkat, dan unduhan CV; Kontak dengan formulir sederhana (nama, email, pesan) yang disimpan ke database dan menampilkan pesan terima kasih. Gaya: tenang dan minimalis, banyak ruang kosong, satu warna aksen, huruf besar yang mudah dibaca. Nyaman di ponsel. Gunakan proyek contoh yang jelas bertanda agar bisa saya ganti satu per satu.

Lalu ganti proyek contoh satu per satu, alih-alih menempelkan semua konten Anda dalam satu pesan. Itu lebih mudah diperiksa, dan AI membuat setiap halaman dengan benar.

Untuk pola prompt lainnya, lihat cara menulis prompt untuk pembuat aplikasi AI.

Langkah pembangunan

Pilih audiens dan proyeknya sebelum menyentuh alat apa pun.
Tulis salinan untuk setiap studi kasus di dokumen dulu: masalah, peran, proses, hasil.
Siapkan gambar — potong, ubah ukuran, dan kompres. Beri nama berkas dengan masuk akal.
Hasilkan atau pilih tata letak awal. Menelusuri templat portofolio adalah cara cepat untuk melihat gaya mana yang cocok dengan karya Anda.
Bangun beranda dan satu studi kasus terlebih dahulu, pastikan benar, lalu ulangi polanya.
Tambahkan tentang dan kontak. Uji formulir kontak dari awal sampai akhir.
Periksa di ponsel. Portofolio sering rusak di layar kecil: grid yang sesak, gambar yang terlalu besar, keterangan yang kecil.
Tambahkan dasar SEO dan gambar berbagi, agar tautan terlihat bagus saat Anda mengirimkannya.
Terbitkan dan hubungkan domain Anda. Lihat cara menghubungkan domain kustom.
Minta dua orang dari audiens target Anda melihatnya selama tiga puluh detik dan memberi tahu apa yang Anda kerjakan. Jika mereka tidak bisa, perbaiki beranda.

Kesalahan umum

Menampilkan semuanya. Karya yang lemah mengaburkan yang kuat. Kurasi.
Gambar tanpa konteks. Untuk karya desain dan pengembangan, sebuah tangkapan layar tanpa masalah dan peran Anda tidak memberi tahu manajer perekrutan banyak hal.
Halaman lambat dan berat. Gambar resolusi penuh yang tidak dikompres membuat situs terasa rusak di data seluler.
Navigasi yang terlalu pintar. Menu yang tidak biasa dan efek gulir bisa menyenangkan, tetapi tidak jika pengunjung tidak bisa menemukan karya atau email Anda.
Detail kontak yang tersembunyi. Letakkan tautan kontak di header dan footer setiap halaman.
Menggunakan karya klien yang tidak Anda punya izin untuk tampilkan. Periksa kontrak dan NDA; anonimkan atau deskripsikan proyeknya jika perlu.
Tidak pernah diperbarui. Karya yang sudah lama dan “proyek terbaru” dari bertahun-tahun lalu memberi sinyal yang salah.

Biaya

Biaya rutin portofolio pribadi biasanya kecil: nama domain yang diperpanjang setiap tahun, dan hosting. Situs yang banyak gambar sedikit lebih mahal jika Anda menyimpan dan menyajikan banyak file besar. Pembuat situs web sering mengenakan langganan bulanan yang sudah termasuk hosting; membangun sendiri bisa lebih murah tetapi berarti Anda yang memeliharanya. Periksa harga terbaru di situs setiap penyedia, karena harga berubah.

Saat produk siap pakai lebih baik

Platform portofolio dan pembuat situs web dengan tema portofolio cocok jika Anda ingin hasil yang rapi dengan cepat, lebih suka editor visual, dan tidak membutuhkan sesuatu yang khusus. Fotografer yang menjual cetakan atau mengirimkan galeri klien mungkin lebih terbantu oleh platform fotografi khusus yang sudah menangani proofing dan penjualan cetak. Bangun sendiri ketika Anda menginginkan desain yang khas, perlu fitur yang tidak ditawarkan platform, ingin menampilkan kode atau karya interaktif secara langsung, atau sekadar ingin memiliki situsnya sepenuhnya.

Membangunnya dengan Mythex

Mythex bisa membangun portofolio dari deskripsi seperti prompt di atas. Anda melihatnya di pratinjau langsung dengan bingkai ukuran ponsel, memperbaiki tata letak dan salinan di chat, dan mempublikasikannya ke namaanda.mythex.app. Jika Anda ingin formulir kontak yang menyimpan permintaan, Mythex menambahkan database ke proyek; untuk galeri gambar, Mythex bisa memakai penyimpanan file proyek agar gambar tidak dimasukkan ke dalam kode. Di Pro, Anda bisa membeli domain di Mythex atau menghubungkan domain yang sudah Anda miliki, dan mengekspor kodenya atau menyinkronkannya ke GitHub jika nanti ingin di-hosting di tempat lain.

Dokumentasi membahas hal ini di kasus penggunaan portofolio dan menjelaskan penyimpanan file. Anda juga bisa mulai dari pembuat situs portofolio AI atau gaya tertentu seperti portofolio developer atau portofolio fotografi.

Pertanyaan

Berapa banyak proyek yang sebaiknya ada di portofolio?

Biasanya empat sampai delapan proyek yang kuat sudah cukup. Sejumlah kecil karya terbaik dan paling relevan lebih meyakinkan daripada daftar panjang yang menyertakan karya yang lebih lemah.

Halaman apa saja yang dibutuhkan situs portofolio?

Minimal, beranda dengan karya terbaik Anda, halaman atau bagian untuk setiap proyek unggulan, bagian tentang, dan cara yang jelas untuk menghubungi Anda. Tambahkan halaman CV, layanan, atau tarif hanya jika audiens Anda membutuhkannya.

Apakah saya perlu domain kustom untuk portofolio?

Tidak wajib, tetapi domain dengan nama Anda terlihat lebih profesional, lebih mudah diingat, dan tetap menjadi milik Anda jika Anda berganti platform. Domain didaftarkan setiap tahun dan biasanya tidak mahal.

Apakah portofolio developer sebaiknya menautkan ke GitHub?

Ya, tetapi jangan hanya mengandalkan itu. Tulis studi kasus singkat untuk proyek terbaik Anda yang menjelaskan masalah, peran Anda, dan hasilnya, lalu tautkan kode dan demo langsung dari sana.

Bisakah saya membuat situs portofolio dengan AI?

Bisa. Anda bisa mendeskripsikan halaman, gaya, dan proyek kepada pembuat situs web atau aplikasi AI dan memperbaiki hasilnya di chat. Anda tetap perlu menyediakan karya asli, gambar, dan cerita di balik setiap proyek.