Portofolio seorang developer punya beban ganda. Isinya harus meyakinkan, tapi wujudnya sendiri juga jadi bukti. Situs yang memuat lambat, rusak di ponsel, atau menampilkan data yang tidak konsisten sudah menjawab pertanyaan tentang kualitas kerja Anda sebelum ada satu projek pun yang dibaca.
Tiga Puluh Detik Pertama
Orang yang membuka portofolio Anda biasanya sedang menyaring banyak kandidat. Pada kunjungan pertama mereka mencari tiga hal: Anda ini siapa, bisa apa, dan ada bukti apa.
Artinya halaman depan harus menjawab ketiganya tanpa perlu digulir jauh. Judul seperti “Welcome to My Digital Space” terdengar manis tapi tidak menjawab apa pun. Bandingkan dengan “Full Stack Developer, fokus di Laravel dan sistem informasi untuk institusi pendidikan”. Yang kedua langsung memberi tahu apakah Anda cocok atau tidak, dan itu justru menghemat waktu kedua belah pihak.
Hal pertama yang mereka klik hampir selalu daftar projek. Pastikan tautannya terlihat tanpa perlu dicari.
Studi Kasus, Bukan Galeri Tangkapan Layar
Perbedaan paling besar antara portofolio biasa dan portofolio yang mengesankan ada di sini. Kebanyakan orang menampilkan gambar, judul, dan daftar teknologi. Itu menunjukkan Anda bisa memakai perkakas, bukan bahwa Anda bisa memecahkan masalah.
Untuk setiap projek yang Anda banggakan, jawab empat pertanyaan:
Masalahnya apa? Bukan “membuat website sekolah”, melainkan “sekolah melayani sembilan belas jenis layanan administrasi lewat tiga kanal berbeda, dan orang tua sering tidak tahu harus mulai dari mana”.
Kendalanya apa? Anggaran, tenggat, perangkat pengguna, kemampuan teknis staf yang akan merawatnya. Kendala membuat keputusan Anda terbaca masuk akal.
Keputusan apa yang Anda ambil, dan mengapa? Ini bagian yang paling dihargai pembaca teknis. Kenapa memilih server rendering ketimbang aplikasi satu halaman? Kenapa tidak memakai Kubernetes? Menjelaskan apa yang sengaja tidak Anda pakai sering lebih meyakinkan daripada mendaftar apa yang Anda pakai.
Hasilnya apa? Sebisa mungkin dengan angka. Waktu muat turun dari sekian ke sekian. Proses yang tadinya tiga hari jadi satu jam. Kalau tidak punya angka, ceritakan perubahan konkret yang bisa dibayangkan pembaca.
Tiga projek dengan studi kasus yang matang mengalahkan dua belas projek yang hanya berupa kartu bergambar.
Kejujuran Data
Satu pola yang merusak kepercayaan dengan cepat adalah angka yang saling bertentangan atau tidak bisa diverifikasi. Halaman depan menulis sepuluh tahun pengalaman, tapi CV di situs yang sama menulis empat. Ada klaim “100% kepuasan klien” tanpa satu pun testimoni yang bisa dilacak. Grafik kontribusi GitHub yang ternyata dibangkitkan secara acak oleh JavaScript.
Pembaca teknis punya kebiasaan membuka peralatan pengembang. Begitu satu angka terbukti karangan, seluruh isi situs ikut diragukan.
Cara paling aman adalah menurunkan angka dari data. Kalau jumlah projek diambil dari berkas data yang sama yang merender daftar projek, angkanya tidak mungkin meleset. Kalau sebuah metrik tidak bisa Anda buktikan, hapus saja. Ruang kosong lebih baik daripada klaim yang runtuh saat diperiksa.
Performa Itu Bagian dari Portofolio
Situs portofolio sering jadi contoh ironis: memamerkan keahlian optimasi lewat halaman berukuran belasan megabyte.
Yang paling sering jadi biang keladi adalah gambar. Tangkapan layar projek yang diunggah apa adanya dalam bentuk PNG bisa berukuran dua sampai tiga megabyte per berkas. Sepuluh kartu projek di satu halaman berarti puluhan megabyte yang harus diunduh pengunjung, dan sebagian dari mereka membukanya lewat data seluler.
Beberapa langkah yang dampaknya besar dan pengerjaannya singkat:
- Konversi tangkapan layar ke WebP. Penghematan sembilan puluh persen adalah hal yang biasa, dan mata Anda tidak akan melihat bedanya.
- Pasang
loading="lazy"pada gambar di bawah lipatan layar, tapi jangan pada gambar utama yang langsung terlihat. - Tulis
widthdanheightpada setiap gambar supaya tata letak tidak melompat saat gambar selesai dimuat. - Kurangi berkas yang ditarik dari server pihak ketiga. Setiap domain tambahan berarti pencarian DNS dan jabat tangan TLS baru.
Ukur, jangan menebak. Lighthouse dan tab Network di peralatan pengembang akan langsung menunjukkan berkas mana yang paling berat.
Ponsel Dulu, Serius
Sebagian besar tautan portofolio dibuka dari pesan WhatsApp atau LinkedIn, artinya dari ponsel. Kalau navigasinya berantakan di layar kecil, kesempatan pertama Anda sudah habis sebelum sempat dinilai.
Periksa sendiri: buka situs Anda di ponsel sungguhan, bukan cuma di simulator peramban. Perhatikan apakah tulisan cukup besar, apakah tombol cukup mudah disentuh, dan apakah ada bagian yang menyebabkan gulir menyamping.
Kesalahan yang Sering Terjadi
Blog yang mati. Tautan blog di menu utama dengan tulisan terakhir dua tahun lalu memberi kesan Anda memulai sesuatu lalu meninggalkannya. Kalau memang belum sempat menulis, lebih baik tidak memasangnya di menu.
Tautan yang rusak. Demo yang sudah mati, repository yang berstatus privat sehingga pengunjung dapat halaman 404. Periksa semua tautan keluar secara berkala.
Daftar teknologi tanpa konteks. Dua puluh ikon berjajar tidak memberi tahu apa pun tentang kedalaman kemampuan. Lebih baik sebutkan beberapa yang benar-benar Anda kuasai, lalu tunjukkan buktinya lewat projek.
Halaman admin yang terbuka. Situs statis tidak punya backend, sehingga login apa pun di dalamnya hanya bisa memeriksa kata sandi di sisi peramban. Artinya kata sandinya ikut terkirim ke setiap pengunjung dan bisa dibaca lewat view-source. Kalau memang butuh area terlindungi, ia harus berada di belakang server sungguhan.
Formulir kontak yang tidak mengirim ke mana-mana. Formulir yang cuma menampilkan pesan “terima kasih” tanpa benar-benar mengirim adalah cara pasti kehilangan peluang. Uji dengan mengirim pesan ke diri sendiri.
Pilihan Teknologi
Untuk portofolio, hampir selalu jawabannya adalah situs statis. Astro, Next.js dalam mode ekspor statis, atau Hugo, semuanya menghasilkan HTML yang bisa dititipkan gratis di GitHub Pages, Netlify, atau Vercel, dengan waktu muat yang sulit ditandingi.
Tahan godaan memakai portofolio sebagai ajang mencoba semua teknologi terbaru sekaligus. Situs yang sederhana, cepat, dan selalu hidup jauh lebih berguna bagi karier Anda daripada situs rumit yang setengah jadi.
Rawat Seperti Produk
Portofolio bukan pekerjaan sekali jadi. Setiap selesai satu projek berarti, tambahkan studi kasusnya selagi ingatan masih segar. Setiap beberapa bulan, telusuri sendiri situs Anda seolah-olah Anda orang asing: periksa tautannya, baca lagi kalimatnya, buka di ponsel.
Yang paling penting, pastikan apa pun yang tertulis di sana masih benar. Portofolio yang isinya akurat dan sederhana akan selalu lebih berharga daripada yang megah tapi separuh klaimnya tidak bisa dipertanggungjawabkan.