Perancangan UI/UX Website Self-Assessment Berbasis Metode Design Thinking

Studi Kasus: PT Vinix 7

Authors

  • Aurora Vahrani Khan Universitas Dinamika Bangsa
  • Akwan Sunoto Universitas Dinamika Bangsa

DOI:

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

Keywords:

UI/UX Design, Self-Assessment, Design Thinking, Skill Gap Analysis, Figma, Usability Testing

Abstract

The skill mismatch between university graduates and technology industry requirements remains a significant challenge in Indonesia. PT Vinix Seven Aurum requires an assessment tool to objectively identify the initial competencies of MBKM and internship program participants. This research aims to design a web-based self-assessment platform that helps students measure their skill gaps against industry standards through radar chart visualization and personalized learning recommendations. The UI/UX design applies the Design Thinking method with empathize, define, ideate, prototype, and test phases, utilizing Figma for wireframe and high-fidelity prototype development. Data collection was conducted through observation, interviews, literature studies, and usability testing with 10 respondents. The results demonstrate good usability with a 100% completion rate across all features. The VINIX Skill Radar platform provides five assessment categories, a 1-10 rating scale system, radar chart visualization, gap analysis, and learning recommendations. This system enhances students' self-awareness of their competencies and supports effective mapping of training program participants' capabilities.

References

Adawiyah, S. R., & Haolani, A. (2021). Kajian Teoritis Penerapan Self-Assessment Sebagai Alternatif Asesmen Formatif Di Masa Pembelajaran Jarak Jauh. 7(3).

Al-Faruq, M. N. M., Nur’aini, S., & Aufan, M. H. (2022). PERANCANGAN UI/UX SEMARANG VIRTUAL TOURISM DENGAN FIGMA. Walisongo Journal of Information Technology, 4(1), 43–52. https://doi.org/10.21580/wjit.2022.4.1.12079

Ansori, S., Hendradi, P., & Nugroho, S. (2023). Penerapan Metode Design Thinking dalam Perancangan UI/UX Aplikasi Mobile SIPROPMAWA. Journal of Information System Research (JOSH), 4(4), 1072–1081. https://doi.org/10.47065/josh.v4i4.3648

Desi Kurniasih, Tiawan, Taufiq Hidayatullah, Tresa Agustian, Lila Setiyani, Wulan Saputri, Dafit Nurkholik, Dea Amelia, & Raden Firda Garnida Kusumah. (2024). DESIGN WIREFRAME APLIKASI BANK SAMPAH DENGAN METODE DESIGN THINKING. Jurnal Informatika Teknologi dan Sains (Jinteks), 6(2), 241–246. https://doi.org/10.51401/jinteks.v6i2.4120

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

Hartawan, M. S. (2022). PENERAPAN USER CENTERED DESIGN (UCD) PADA WIREFRAME DESAIN USER INTERFACE DAN USER EXPERIENCE APLIKASI SINOPSIS FILM. JEIS: JURNAL ELEKTRO DAN INFORMATIKA SWADHARMA, 2(1), 43–47. https://doi.org/10.56486/jeis.vol2no1.161

Haryuda, D., Asfi, M., & Fahrudin, R. (2021). Perancangan UI/UX Menggunakan Metode Design Thinking Berbasis Web Pada Laportea Company. Jurnal Ilmiah Teknologi Infomasi Terapan, 8(1), 111–117. https://doi.org/10.33197/jitter.vol8.iss1.2021.730

Maulana, R. A., Renaldi, M., & Mufassir, H. (2023). PERANCANGAN USER INTERFACE APLIKASI PETSHOP BERBASIS MOBILE MENGGUNAKAN METODE PROTOTYPING LOW & HIGH FIDELITY. 9.

Muhyidin, M. A., Sulhan, M. A., & Sevtiana, A. (2020). PERANCANGAN UI/UX APLIKASI MY CIC LAYANAN INFORMASI AKADEMIK MAHASISWA MENGGUNAKAN APLIKASI FIGMA. Jurnal Digit, 10(2), 208. https://doi.org/10.51920/jd.v10i2.171

Multazam, M., Paputungan, I. V., & Suranto, B. (n.d.). Perancangan User Interface dan User Experience pada Placeplus menggunakan pendekatan User Centered Design.

Soedewi, S. (2022). PENERAPAN METODE DESIGN THINKING PADA PERANCANGAN WEBSITE UMKM KIRIHUCI. Visualita Jurnal Online Desain Komunikasi Visual, 10(02), 17. https://doi.org/10.34010/visualita.v10i02.5378

Tazkiyah, S., & Arifin, A. (2022). Perancangan UI/UX pada Website Laboratorium Energy menggunakan Aplikasi Figma. Jurnal Teknologi Terpadu, 8(2), 72–78. https://doi.org/10.54914/jtt.v8i2.513

Downloads

Published

2025-12-30

How to Cite

Aurora Vahrani Khan, & Akwan Sunoto. (2025). Perancangan UI/UX Website Self-Assessment Berbasis Metode Design Thinking: Studi Kasus: PT Vinix 7. Prosiding Seminar Nasional Ilmu Teknik, 2(2), 1228–1240. https://doi.org/10.61132/prosemnasproit.v2i2.161