Redesign UI/UX Website HSB Investasi Menggunakan Metode Design Thinking

The advancement of technology in the fields of finance and investment has encouraged companies such as HSB Investasi to offer digital services supported by advanced technological systems. This study aims to UI/UX of the HSB Investasi website through a redesign process. The development focused on aligning information and features between the website and mobile application, refining navigation structure, and enhancing information presentation to ensure better user comprehension. The applied method follows the Design Thinking approach, which includes stages such as problem identification, solution design, and interactive prototyping. Alignment between platforms was conducted to prevent user disorientation when accessing both services. A quantitative approach was employed using the SUS instrument, involving 30 respondents selected based on predetermined user segments. Initial evaluation of the previous website version yielded an average usability score of 63, which fell below the acceptable threshold. Following the redesign, the score significantly improved to 89, categorizing it as “excellent.” These findings indicate that improvements in design and cross-platform consistency contribute significantly to the optimization of user interaction comfort and clarity. The addition of onboarding features and a more intuitive navigation structure also helped new users better understand available functions. In conclusion, the implementation of the Design Thinking method proved effective in significantly enhancing the overall UI/UX quality of the HSB Investasi website.

Authors

Institutions

Publication Details

Journal
Jurnal Komputer Informasi dan Teknologi
Published
2025-06-27
DOI
https://doi.org/10.53697/jkomitek.v5i1.2683
Primary Topic
Edcuational Technology Systems
Type
article
Field-Weighted Citation Impact
0.00
Controls
|||
ALL TIME
JAN
FEB
MAR
APR
MAY
JUN
JUL
AUG
SEP
OCT
article

Redesign UI/UX Website HSB Investasi Menggunakan Metode Design Thinking

C R Komala, Hafid Setyo Hadi, Sari Setyaning Tyas
1 links
Jurnal Komputer Informasi dan Teknologi
Edcuational Technology Systems
article

Redesign UI/UX Website HSB Investasi Menggunakan Metode Design Thinking

C R Komala, Hafid Setyo Hadi, Sari Setyaning Tyas
article en

Abstract

The advancement of technology in the fields of finance and investment has encouraged companies such as HSB Investasi to offer digital services supported by advanced technological systems. This study aims to UI/UX of the HSB Investasi website through a redesign process. The development focused on aligning information and features between the website and mobile application, refining navigation structure, and enhancing information presentation to ensure better user comprehension. The applied method follows the Design Thinking approach, which includes stages such as problem identification, solution design, and interactive prototyping. Alignment between platforms was conducted to prevent user disorientation when accessing both services. A quantitative approach was employed using the SUS instrument, involving 30 respondents selected based on predetermined user segments. Initial evaluation of the previous website version yielded an average usability score of 63, which fell below the acceptable threshold. Following the redesign, the score significantly improved to 89, categorizing it as “excellent.” These findings indicate that improvements in design and cross-platform consistency contribute significantly to the optimization of user interaction comfort and clarity. The addition of onboarding features and a more intuitive navigation structure also helped new users better understand available functions. In conclusion, the implementation of the Design Thinking method proved effective in significantly enhancing the overall UI/UX quality of the HSB Investasi website.

Jurnal Komputer Informasi dan TeknologiVol. 5(1)
Faculty of Media (SI)
Openalex Percentile: Top 92%
Edcuational Technology Systems
AI Navigator

Ask Laika to Summarize, Analyze, and Connect papers live on the map.

Summarize Papers & Methodologies

Extract key findings, datasets, and comparative methods across publications.

Benchmark Rankings & Visual Analytics

Rank top research institutions, authors, funders, topics, and journals by Field-Weighted Citation Impact (FWCI) and paper volume with instant charts.

Connect Distant Disciplines

Bridge topological clusters on the map to find hidden collaborative intersections.