DESIGN TO DEPLOY: BUILDING A WEBSITE PORTOFOLIO FROM A SKETCH

Setelah seluruh tahapan desain UI/UX disusun secara runtut mulai dari sketsa manual hingga style guide di Figma, proyek ini berlanjut pada tahap implementasi. Tujuannya adalah mengubah desain visual yang sebelumnya hanya berupa rancangan sketsa menjadi sebuah website portofolio pribadi yang benar-benar dapat diakses secara online.

Proses pengembangan dimulai dengan menyusun struktur halaman menggunakan HTML dan CSS di Visual Studio Code. Desain dari Figma dijadikan acuan untuk menentukan layout, warna, font, dan elemen visual lainnya agar hasil akhirnya tetap konsisten dengan konsep awal. Setelah seluruh file siap, proyek disimpan dan dikelola melalui GitHub sebagai tempat penyimpanan kode yang juga memudahkan versi revisi dan kolaborasi.

Langkah berikutnya adalah mempublikasikan website melalui layanan Vercel, yang menghubungkan GitHub secara langsung agar website dapat ditayangkan di internet. Untuk menambah kesan profesional dan mudah diakses, digunakan domain khusus dengan ekstensi .my.id dari DomaiNesia. Dengan begitu, website dapat dibuka oleh siapa saja melalui alamat pribadi yang terlihat lebih resmi. Hasil akhir dari proyek ini dapat langsung dilihat melalui link berikut:

👉 www.happywafiqahakmal.my.id

Dalam proses penilaian, fokus diarahkan pada kemiripan antara desain awal di Figma dan hasil akhirnya dalam bentuk website. Semakin akurat tampilan dan strukturnya dengan desain rancangan, semakin baik pula tingkat keberhasilan konversi desain ke web fungsional. Proyek ini menjadi bukti bagaimana sebuah sketsa sederhana dapat diwujudkan menjadi produk digital yang nyata dan dapat diakses secara luas.