Xiosena: Figma-Based Prototype Design and Development for Boutique Dress Ordering Using UI/UX
DOI:
https://doi.org/10.55681/jige.v6i4.4571Keywords:
Figma; UI/UX, Boutique Dress Ordering, Prototype Development, Usability EvaluationAbstract
Xiosena is a Figma-based prototype system created to enhance user experience in the online boutique dress ordering process. As digital commerce grows rapidly, especially within the fashion industry, seamless and aesthetically pleasing interfaces are vital to attract and retain users. This research presents the design and development of a high-fidelity prototype utilizing UI/UX principles through Figma to simulate the customer journey in ordering boutique dresses. The research methodology consisted of four main stages: requirements analysis, prototype design, usability testing with the System Usability Scale (SUS), and evaluation. The prototype emphasized clarity, ease of navigation, and appealing visuals. Results from usability testing conducted with 10 participants yielded an average SUS score of 83.5, indicating an excellent level of usability. These results validate the effectiveness of using prototyping tools in early-stage design, especially in domains requiring customized interactions like fashion e-commerce. This study contributes to the field of UI/UX development by demonstrating how prototyping with Figma can bridge the gap between user expectations and functional design in fashion-related digital platforms.
Downloads
References
Amelia, G., & Tan, R. (2022). Figma vs Adobe XD: A comparative study. International Journal of Interactive Systems, 9(2), 39–47.
Anggraini, B., et al. (2021). Implementing design thinking for prototyping digital fashion systems. Journal of Human-Centered Computing, 2(2), 45–52.
Aulia, N. (2023). UI/UX case study: Fashion commerce in Indonesia. Journal of Creative Technology, 7(3), 15–24.
Bangor, A., Kortum, P., & Miller, J. (2020). Determining what individual SUS scores mean: Adding an adjective rating scale. Journal of Usability Studies, 4(3), 114–123.
Gunawan, I., et al. (2021). The evolution of e-commerce in Indonesia and its impact on SME growth. Journal of Digital Business and Innovation, 4(1), 11–19.
Hartati, R. (2022). User interface prototyping using Adobe XD in online boutique application. UI/UX Journal, 2(1), 42–51.
Khairunnisa, A., & Rahman, F. (2020). Evaluating UI design with heuristic method on clothing apps. Jurnal Informatika dan Komputerisasi, 5(2), 33–40.
Kristiyanti, D. A., et al. (2022). Sentiment analysis of e-learning application reviews. Jurnal Sistem Informasi dan Komputerisasi Akuntansi, 6(2), 55–61.
Lestari, D. (2023). The effectiveness of user-centered design in e-commerce platforms. Jurnal Teknologi dan Manajemen Informatika, 4(3), 56–64.
Nugroho, A. D., & Surbakti, B. (2023). Usability of online fashion marketplace apps. Jurnal Teknologi dan Sistem Komputer, 9(1), 88–96.
Nurhidayah, S. (2021). Mobile app interface design based on user preferences. Jurnal Desain Interaktif, 3(1), 24–31.
Purba, M., et al. (2021). Web-based e-commerce system for SME fashion industry. Applied Information Systems Journal, 3(2), 13–20.
Puspitasari, R., & Maulana, A. (2022). User experience evaluation of online shopping apps using SUS. International Journal of Computer Applications, 180(44), 21–26.
Putra, H., & Sari, A. (2021). A comparative evaluation of e-commerce mobile app interfaces. In Proceedings of the International Conference on Human-Computer Interaction (pp. 120–128).
Rizal, K. (2022). UI/UX and user behavior in mobile shopping apps. Jurnal Digital Behavior, 6(1), 12–19.
Saputro, L., et al. (2022). Customer experience analysis in online retail. In Proceedings of the International Conference on Digital Business (pp. 76–83).
Sasmito, M., & Permana, I. (2021). Design and implementation of mobile fashion store app. Jurnal Teknologi Informasi, 11(3), 112–120.
Setiawan, T. (2020). E-commerce fashion platform design using rapid prototyping. Jurnal Rekayasa Sistem Informasi, 10(4), 99–110.
Widodo, I., et al. (2020). Design and usability testing for custom apparel app. In Proceedings of the National Informatics Conference (pp. 54–62).
Yusuf, F. (2020). High fidelity prototyping in product interface testing. Jurnal Informatika Kreatif, 5(4), 88–95.
Downloads
Published
How to Cite
Issue
Section
License
Copyright (c) 2025 Indriana Febrianti Pasaribu
This work is licensed under a Creative Commons Attribution-ShareAlike 4.0 International License.
