Desain UI/UX Aplikasi E-commerce Berbasis Mobile untuk Bengkel Roda Mas Memanfaatkan Figma dengan Metode User Centered Design
DOI:
https://doi.org/10.35870/jtik.v10i2.5573Keywords:
Figma, E-Commerce, User Interface, User Experience, User Centered DesignAbstract
User Interface (UI) design and User Experience (UX) play a crucial role in the success of digital applications, particularly mobile-based e-commerce platforms. Good and effective design is characterized by constrasting yet harmonious color choices, intuitive navigation, visual consistency, and a comprehensive range of features tailored to user needs. This research aims to design the UI/UX of an e-commerce application for the Roda Mas workshop using a User-Centered Design (UCD) approach, which places the user at the center of the design process. The prototype was designed using Figma and validated through Maze testing to obtain metrics such as task success rate, time on task, and error rate. Additionally, a System Usability Scale (SUS) questionnaire was administered to measure user perceptions of the resulting design. The results of this research are expected to produce a design prototypr that is not only functional and aesthetic, but also easy to use, meets costumer needs, and can serve as a basis for developing more effective digital applications in the future.
Downloads
References
Al Azhar, S., Okmayura, F., Ansyah, D., Nelysa, M., & Oktariandi, I. (2024). Perancangan aplikasi jasa bengkel motor (JABEMO) menggunakan pemodelan Design Thinking. JATI (Jurnal Mahasiswa Teknik Informatika), 8(3), 3749–3756.
Al Kaff, N. H. (2025). Redesign User Interface & User Experience website pada Bengkel Pitcar menggunakan User-Centered Design method. eProceedings of Engineering, 12(2), 1–8.
Almeyda, H. P., & Prasetyo, M. A. W. (2024). Perancangan UI/UX Aplikasi Bengkel Pitcar Service menggunakan Prototype Method. In Proceedings of the National Conference on Electrical Engineering, Informatics, Industrial Technology, and Creative Media (Vol. 4, No. 1, pp. 1057-1069).
Ananda, R. R. (2023). Pengembangan antarmuka pengguna sistem pelatihan kerja untuk karyawan baru dengan metode User Centered Design (UCD) dan Cognitive Task Analysis (Studi Kasus PT. Yamaha Indonesia). Universitas Islam Indonesia.
Hamdanuddinsyah, M. H., Hanafi, M., & Sukmasetya, P. (2023). Perancangan UI/UX aplikasi buku online Mizanstore berbasis mobile menggunakan User Centered Design. Journal of Information System Research (JOSH), 4(4), 1464–1475.
Hutabarat, R. S., & Sudaryana, K. (2024). User-Centered Design pada User Interface (UI)/User Experience (UX) prototyping aplikasi e-commerce. Jurnal Penelitian Teknologi Informasi dan Sains, 2(4), 89–99.
Juhana, D., Komara, A. T., Sidharta, I., & Suzanto, B. (2024). Pengantar E-Commerce dan Platform Digital. PT. Sonpedia Publishing Indonesia.
Larasati, R. A., & Ruskan, E. L. (2024). Perancangan User Interface Sistem Tata Kerja PT Kilang Pertamina Internasional Refinery Unit III. INTERNAL (Information System Journal), 7(2), 134-151. https://doi.org/10.32627/internal.v7i2.1181.
Prabowo, W., & Sutrisno, J. (2019). Perancangan E-Commerce Untuk Penjualan Spareparts pada Bengkel ABM Motor. IDEALIS: InDonEsiA journaL Information System, 2(6), 74-80.
Pranata, D. A., Nugroho, A., & lainnya. (2024). Desain UI/UX E-Commerce menggunakan aplikasi Figma. In Prosiding SEMNAS INOTEK (Seminar Nasional Inovasi Teknologi) (pp. 413–422).
Putra, W. R., & Saputri, N. A. O. (2024). Desain UI/UX aplikasi E-Commerce berbasis mobile pada DK Tou Variasi memanfaatkan Figma. Jurnal Indonesia: Manajemen Informatika dan Komunikasi, 5(1), 221–228.
Salsabila, J. A., & Pramono, A. (2024). Analisa pengalaman pengguna untuk pengembangan UI/UX aplikasi ABC Mobile menggunakan metode User Centered Design. JATI (Jurnal Mahasiswa Teknik Informatika), 8(4), 5914–5925.
Sulianta, F. (2025). UX UI Design. Feri Sulianta.
Yudhanto, Y., & Susilo, S. A. (2024). Panduan UI/UX Aplikasi Digital. Elex Media Komputindo.
Downloads
Published
Issue
Section
License
Copyright (c) 2026 Ahmad Mutatkin Bakti, Fito Marshandi
This work is licensed under a Creative Commons Attribution 4.0 International License.
Authors who publish with this journal agree to the following terms:
1. Copyright Retention and Open Access License
Authors retain copyright of their work and grant the journal non-exclusive right of first publication under the Creative Commons Attribution 4.0 International License (CC BY 4.0).
This license allows unrestricted use, distribution, and reproduction in any medium, provided the original work is properly cited.
2. Rights Granted Under CC BY 4.0
Under this license, readers are free to:
- Share — copy and redistribute the material in any medium or format
- Adapt — remix, transform, and build upon the material for any purpose, including commercial use
- No additional restrictions — the licensor cannot revoke these freedoms as long as license terms are followed
3. Attribution Requirements
All uses must include:
- Proper citation of the original work
- Link to the Creative Commons license
- Indication if changes were made to the original work
- No suggestion that the licensor endorses the user or their use
4. Additional Distribution Rights
Authors may:
- Deposit the published version in institutional repositories
- Share through academic social networks
- Include in books, monographs, or other publications
- Post on personal or institutional websites
Requirement: All additional distributions must maintain the CC BY 4.0 license and proper attribution.
5. Self-Archiving and Pre-Print Sharing
Authors are encouraged to:
- Share pre-prints and post-prints online
- Deposit in subject-specific repositories (e.g., arXiv, bioRxiv)
- Engage in scholarly communication throughout the publication process
6. Open Access Commitment
This journal provides immediate open access to all content, supporting the global exchange of knowledge without financial, legal, or technical barriers.
