Perancangan UI/UX Website Vinix Showcase bagi Peserta Program PT Seven Vinix Aurum Menggunakan Metode Design Thinking

Ahmad Nur Rohman; Ahmad Husaein; Irwan Bustami; Herti Yani; Beny Beny; Xaverius Sika

doi:10.61132/prosemnasproit.v2i2.97

Authors

Ahmad Nur Rohman Universitas Dinamika Bangsa
Ahmad Husaein Universitas Dinamika Bangsa
Irwan Bustami Universitas Dinamika Bangsa
Herti Yani Universitas Dinamika Bangsa
Beny Beny Universitas Dinamika Bangsa
Xaverius Sika Universitas Dinamika Bangsa

DOI:

https://doi.org/10.61132/prosemnasproit.v2i2.97

Keywords:

UI/UX, Website, Showcase, Skill Passport, Design Thinking

Abstract

This study aims to design the User Interface (UI) and User Experience (UX) on the VINIX Showcase Website as a personal branding platform and digital Skill Passport for participants of the VINIX Seven Aurum Program using the Design Thinking method. The background of this research is the absence of an integrated digital platform that can systematically and easily document and display participants' skills, projects, certificates, and professional identity. The design process is carried out through five stages of Design Thinking, namely Empathize, Define, Ideate, Prototype, and Test, starting with exploring user needs, formulating problems, developing solution ideas, creating Prototypes, and Usability Testing. The results of the study consist of the UI/UX design of the VINIX Showcase Website, which includes registration and Login features, user Dashboard, Skill Passport, project upload, public Showcase, and automatic CV generation feature. Testing using the Usability Testing method showed that the resulting design has a good level of ease of use and comfort and is acceptable to users. This research is expected to be an effective digital solution in supporting personal branding, skills documentation, and improving the professionalism of VINIX Seven Aurum Program participants.

References

Alaik, L. M., Sodik, A., & Hakim, J. A. R. (2023). Perancangan User Interface Dan User Experience Pada Website Paid Newsletter XYZ Dengan Model User Centered Design.

Dheika Avrilia Lantana. (2025). DESIGN THINKING DAN INOVASI. Lembaga Penerbitas Universitas Nasional.

Dumalang, J. M., Montolalu, C. E. J. C., & Lapihu, D. (2023). Perancangan UI/UX Aplikasi Penjualan Makanan berbasis Mobile pada UMKM di Kota Manado menggunakan metode Design Thinking. Jurnal Ilmiah Informatika dan Ilmu Komputer (JIMA-ILKOM), 2(2), 41–52. https://doi.org/10.58602/jima-ilkom.v2i2.19

Fahrudin, R., & Ilyasa, R. (2021). Perancangan Aplikasi “Nugas” Menggunakan Metode Design Thinking dan Agile Development. Jurnal Ilmiah Teknologi Infomasi Terapan, 8(1), 35–44. https://doi.org/10.33197/jitter.vol8.iss1.2021.714

Fatur Rachim. (2021). Design Thinking with Design Process Panduan Bagi Pendidik HIPPER Indonesia (Seri Kedua) (Cetakan Pertama). DPP Harmoni Pendidik Pengajar Indonesia (HIPPER Indonesia).

Habibah, L. M. N., & Setyaningsih, N. H. (2025). Inovasi Model Pembelajaran Project Portofolio dan Show Case (PPSC) Sebagai Sarana Pembelajaran Menulis Sastra Modern pada Siswa SMA/SLTA.

Hidayatulloh, K., Mz, M. K., & Sutanti, A. (2020). PERANCANGAN APLIKASI PENGOLAHAN DATA DANA SEHAT PADA RUMAH SAKIT UMUM MUHAMMADIYAH METRO. Jurnal Mahasiswa Ilmu Komputer, 1(1), 18–22. https://doi.org/10.24127/.v1i1.122

Karl S. (2023, Juni 6). The Design Thinking Process – How does it work? https://www.maqe.com/insight/the-design-thinking-process-how-does-it-work/

Manurian, W., Mubarok, I., Agustin, A. S., & Sania, N. (2024). PERANCANGAN SISTEM INFORMASI PENCATATAN POIN PELANGGARAN TATA TERTIB SISWA BERBASIS WEBSITE PADA SMK YP KARYA 1 TANGERANG.

Maulana, M. R., Jelita, M., Saputro, F. A., Risnawati, I., Hasanah, I. N., Hakiki, D. N., & Nurdiana, D. (2023). SiDaur: Aplikasi Berbasis Mobile dan Traceability dalam Mengurangi Limbah Makanan di Indonesia. Swabumi, 11(1), 54–62. https://doi.org/10.31294/swabumi.v11i1.15281

Mita Octarina, Abdul Hakim, & Dedy Aswan. (2025). PENGEMBANGAN SYSTEM E-PORTOFOLIO BERBASIS WEBSITE SEBAGAI ALAT PENILAIAN DAN PAMERAN ONLINE MAHASISWA TEKNOLOGI PENDIDIKAN. Volume 10 Nomor 03.

Nur Azis, Gali Pribadi, & Manda Savitrie Nurcahya. (2020). Analisa dan Perancangan Aplikasi Pembelajaran Bahasa Inggris Dasar Berbasis Android. IKRA-ITH Informatika, Vol 4 No 3.

Nurfahriza, R., Sianturi, R. S., & Az-Zahra, H. M. (2023). Perancangan User Experience Website Penjualan Batik Madura dengan Pendekatan Human-Centered Design (Studi Kasus: Industri Batik Canteng Koneng).

Puguh Darmawan, Imam Rofiki, & Fahrany Wahyu Andini. (2025). Pengembangan Galeri Digital Karya Mahasiswa Pendidikan Profesi Guru (PPG) sebagai Showcase Akademik dan E-Portofolio Profesional. Volume 5 No 3.

Putra, F. S., Az-Zahra, H. M., & Fanani, L. (2024). Evaluasi Usability Aplikasi Perangkat Bergerak AlgoritmaKopi menggunakan Metode Usability Testing.

Safira, A., Wati, S. F. A., & Ananto, P. K. F. (2025). SISTEM INFORMASI CRM UNTUK OPTIMASI LAYANAN BERBASIS WEB DENGAN METODE RAD DI SURYA KENCANA STATIONERY DAN COPY CENTER. 7(2).

Simanjuntak, S. M. Y., Tolle, H., & Az-Zahra, H. M. (2021). Perancangan Desain Interaksi Aplikasi Direktori Kota Malang Modul Informasi Pendidikan Dengan Metode Human Centered Design Dan Think Aloud.

Sirait, F. N., Hanifati, G., & Ali, F. (2022). Analisis User Experience terhadap User Interface Website dengan Design Thinking (Studi Kasus: Asuransi Online Superyou.co.id). 6(02).

Umiga, M. (2022). Perancangan User Interface (UI) dan User Experience (UX) Aplikasi e-Learning Studi Kasus SMK N Jenawi dengan Pendekatan User Centered Design. Jurnal Cakrawala Informasi, 2(2), 56–62. https://doi.org/10.54066/jci.v2i2.242

Vika Dwi Nur Romadhoni, Muhlis Tahir, Dicky Wahyu Pratama, Abdullah Bachtiar Rifai, Febi Feri Andini, Asnanur Rohmah, & Aisyah Akmal Hamidillah. (2024). Pelatihan Desain UI/UX untuk Siswa Kelas XI TKJ SMKN 3 Bangkalan Menggunakan Figma. Jurnal Pengabdian Masyarakat, 3(2), 163–172. https://doi.org/10.70340/japamas.v3i2.149