Website portfolio mahasiswa: dari CV PDF jadi halaman yang bikin recruiter berhenti scroll

Mahasiswa Indonesia yang baru lulus sering kirim CV PDF panjang ke recruiter, lalu tidak pernah buka lagi. Recruiter HR Tech menerima ratusan lamaran seminggu; CV yang mereka ingat biasanya yang punya tautan ke portofolio online. Website portfolio mahasiswa adalah satu halaman berisi biodata, proyek, sertifikat, dan link magang — shareable lewat chat, mudah diingat, dan tetap hidup setelah kamu kirim email.

Artikel ini membahas kapan portfolio online lebih penting dari CV, struktur halaman yang membuat recruiter berhenti scroll, dan cara bikin versi pertama dalam satu sore pakai KARSA tanpa harus jago HTML.

Kapan mahasiswa butuh website portfolio

Portfolio online terasa overkill untuk semester awal, tapi mulai relevan begitu kamu punya minimal tiga hal untuk ditunjukkan: proyek kuliah, sertifikat magang atau kursus, atau pengalaman organisasi dengan output terukur. Situasi paling terasa:

• Sedang apply magang di startup atau korporat — recruiter ingin bukti kerja, bukan transkrip
• Sudah lulus dan cari kerja pertama — banyak lowongan mensyaratkan "link portfolio" di formulir
• Ingin freelance sembari kuliah — klien butuh cara cepat menilai gaya dan kecepatan kerja kamu
• Membangun personal brand di LinkedIn atau Instagram — link di bio jadi etalase profesional
• Melamar beasiswa atau kompetisi — beberapa program minta portofolio online, bukan PDF

Recruiter HR Tech di Indonesia menerima 200–500 CV per lowongan. CV PDF tanpa link portfolio biasanya masuk tumpukan "lihat nanti" dan jarang dibuka dua kali. Website portfolio dengan domain rapi dan tiga proyek unggulan akan selalu muncul di urutan atas kandidat yang mereka ingat namanya.

Struktur halaman portfolio yang bikin orang berhenti scroll

Halaman portfolio yang efektif selalu mengikuti pola empat blok: hero, bukti kerja, tentang, dan cara kontak. Susun dalam urutan ini:

• Hero singkat — nama, satu kalimat posisi (contoh: "Mahasiswa Informatika angkatan 2023, tertarik ke product design"), tombol Lihat Proyek dan Download CV
• Proyek unggulan 3–6 item — judul, deskripsi dua kalimat, peran, teknologi, link demo atau repo, screenshot kecil
• Sertifikat dan skill — pill atau baris pendek, tidak perlu diagram radar yang menyesatkan
• Pengalaman organisasi dan magang — nama tempat, periode, satu bullet kontribusi terukur
• Testimoni dosen atau atasan magang 1–2 kalimat dengan foto kecil
• Kontak — email, LinkedIn, GitHub, dan form singkat jika kamu ingin menerima brief langsung

Panjang ideal adalah satu halaman scroll dengan navigasi anchor di atas. Recruiter menghabiskan rata-rata 30 detik di portofolio pertama. Kalau hero padat, proyek jelas, dan kontak mudah ditemukan, mereka akan bookmark dan balik lagi.

Contoh prompt KARSA untuk website portfolio

Buka KARSA, buat proyek web baru, ketik prompt berikut. Contoh untuk mahasiswa Informatika semester 6 yang baru selesai magang di startup fintech:

"Buat website portfolio untuk 'Aulia Rahmadhani, Mahasiswa Informatika Universitas Brawijaya angkatan 2022'. Hero dengan foto profil bundar, headline 'Product-minded informatics student, baru selesai magang di fintech', sub 'Tertarik pada riset pengguna dan desain antarmuka yang bisa dipakai oleh teman saya sendiri', dua tombol 'Lihat Proyek' dan 'Download CV PDF'. Section Proyek Unggulan 4 kartu: 'Riset Pengguna Aplikasi Banking UMKM' (magang, 3 bulan, hasil 12 insight prioritas), 'Website Komunitas Pencinta Tanaman Hias' (UKM, React + Tailwind, 1500 pengunjung pertama), 'Bot WhatsApp Stok Warung' (tugas akhir, Python + Flask), 'Katalog Donasi Buku Komunitas' (organisasi, dipakai 3 sekolah). Tiap kartu: judul, peran, teknologi sebagai pill, screenshot placeholder, tombol Demo dan Source. Section Skill sebagai pill baris: Figma, TypeScript, Python, SQL, user research, wireframing. Section Pengalaman 3 baris: 'Magang Product Research di FinTech XYZ' (Mar–Jun 2026), 'Bendahara UKM Coding' (2024–2025), 'Asisten Dosen Algoritma' (2023). Section Testimoni 2 kutip: 'Aulia paling teliti saat menghimpun insight dari 12 responden' — Bu Sari, Dosen; 'Ia eigen inisiatif saat membangun prototype bot' — Mas Doni, Supervisor Magang. Section Kontak dengan form nama, email, jenis kerja sama, pesan, dan link LinkedIn + GitHub + email langsung. Footer sederhana. Warna putih, aksen biru tua dan kuning lembut, font sans-serif, mobile-first, single page."

Setelah preview muncul, iterasi per bagian: "ganti foto placeholder jadi inisial AR dengan background gradien" atau "tambah section blog dengan dua tulisan pendek tentang riset". Pola vibecoding ini juga berlaku untuk prototype aplikasi startup dan landing page jasa freelance.

Tips portfolio yang dilirik recruiter

• Tulis nama proyek dengan jelas — "Riset Pengguna Aplikasi Banking UMKM" lebih diingat daripada "Project 1"
• Satu kalimat outcome terukur — "12 insight prioritas" lebih kuat daripada "banyak insight"
• Tautkan ke demo yang bisa dibuka tanpa login — repo GitHub dengan README rapi lebih baik daripada folder Zip
• Pakai foto asli bukan avatar default — wajah asli membangun trust 3x lebih cepat
• Sertakan link LinkedIn dan GitHub — 70% recruiter Tech Indonesia cek keduanya
• Mobile-friendly wajib — banyak HR lihat portofolio dari HP saat perjalanan ke kantor

Setelah publish, link permanen bisa kamu pasang di bio LinkedIn, bio Instagram, dan signature email kampus. Bonus: domain rapi dari KARSA bisa kamu pakai bertahun-tahun, sehingga saat sudah kerja dan cari pekerjaan berikutnya, halaman yang sama tinggal di-update — bukan mulai dari nol.

Mulai sekarang

Buka KARSA, salin prompt di atas, ganti detail nama, kampus, dan proyek kamu, lihat preview dalam satu menit. Paket gratis 30 prompt AI per hari cukup untuk eksplorasi. Bandingkan dengan panduan prototype aplikasi startup untuk konteks founder muda, dan panduan landing page jasa freelance untuk portofolio yang fokus ke klien. Setelah publish, kirim link ke dosen pembimbing dan tambahkan ke bio LinkedIn — recruiter akan menemukan kamu bahkan saat kamu tidak sedang melamar.