Design Thinking-Based UI/UX Design for Photolio: An Integrated Digital Portfolio Platform for Freelance Photographers

Sandra Alfiani; Abraham Himawan; Arjun Aderangga; Moh. Ilham Dwi Candra; Pan Dhiwa Annur Risnant; Zahra Rifa'atun Nada

doi:10.55927/cjas.v4i4.161

Penulis

Sandra Alfiani Dian Nuswantoro University
Abraham Himawan Dian Nuswantoro University
Arjun Aderangga Dian Nuswantoro University
Moh. Ilham Dwi Candra Dian Nuswantoro University
Pan Dhiwa Annur Risnant Dian Nuswantoro University
Zahra Rifa'atun Nada Dian Nuswantoro University

DOI:

https://doi.org/10.55927/cjas.v4i4.161

Kata Kunci:

Design Thinking, UI/UX, Photography Portfolio, Digital Platform, Prototype

Abstrak

The increasing demand for integrated digital platforms has posed challenges for freelance photographers in portfolio management, client interaction, and work monetization. This study aims to design a user-centered UI/UX prototype for Photolio, a digital photography portfolio application, using the Design Thinking approach. The research employed five stages empathize, define, ideate, prototype, and test supported by personas, user journeys, wireframing, high-fidelity prototyping in Figma, and usability testing with 25 participants. The findings indicate that Photolio effectively addressed user needs for simplicity, security, integrated transactions, and efficient navigation. Usability testing further demonstrated positive evaluations in navigation, information clarity, visual accessibility, and overall satisfaction. These results suggest that Design Thinking is effective for developing functional and user-oriented digital platforms for the creative photography industry.

Referensi

Agrawal, A. K. (2024). Internet and its application (pp. 79–105). https://doi.org/10.58532/v3bfnc4p1ch9

Arikah, N., Putra, D. E., & Salam, R. I. (2023). Pengembangan website share information pada DISKOMINFO Solok Selatan. Jurnal Pusat Akses Kajian Teknologi Artificial Intelligence, 3(3), 95–99. https://doi.org/10.55382/jurnalpustakaai.v3i3.779

Astutik, I. R. I., & Radhitya, Y. W. (2024). Sistem informasi pemesanan jasa fotografer berbasis web pada Studio Fotograferku. https://doi.org/10.47134/jtsi.v1i1.2142

Bhosle, A. A. (2023). Responsive portfolio website. Indian Scientific Journal of Research in Engineering and Management, 7(2). https://doi.org/10.55041/ijsrem17785

Brown, T. (2008). Design thinking. Harvard Business Review, 86(6), 84–92.

Creating websites: Principles, technologies, and best practices. (2025). https://doi.org/10.5281/zenodo.15753520

Darmansah, F. Z., Septian, M. Y., Salsabila, A. P., & Kuntari, W. (2024). Perencanaan pengembangan website portofolio dengan sistem manajemen konten (CMS) untuk bisnis fotografi menggunakan metode user centered design. Saber, 3(1), 59–68. https://doi.org/10.59841/saber.v3i1.2014

De Souza, G. A. (2023). Storge Magazine - Plataforma web para fotógrafos. https://doi.org/10.5281/zenodo.14940609

Dorman, D. (2003). Online information services. In Encyclopedia of computer science (pp. 1285–1287).

Eamcharoen, P. (2024). Design thinking for creating educational innovations for teachers in the digital age, 23(2). https://doi.org/10.55003/jie.23203

Er, M. H. (2025). The transformative role of new media technologies on art and photography (pp. 1–36). https://doi.org/10.4018/979-8-3373-1967-4.ch001

Gibbons, S. (2016, July 31). Design thinking 101. Nielsen Norman Group.

Hudhayana, F. A., & Saputro, I. A. (2025). Perancangan UI/UX website portofolio Dezzly Creative. Deleted Journal, 2(3), 313–323. https://doi.org/10.70248/jcsit.v2i3.2066

International Organization for Standardization. (2019). ISO 9241-210:2019 ergonomics of human-system interaction—Part 210: Human-centred design for interactive systems. ISO.

Jacob, R. J. K. (2003). User interface. In Encyclopedia of computer science (pp. 1821–1826).

Jane, L. E., & Landay, J. A. (2021). Designing photography guidance for rapid in-camera iteration. In Human-computer interaction (pp. 151–165). Springer. https://doi.org/10.1007/978-3-030-76324-4_8

Kudrus, H. (2011). Graphical user interface. https://patents.google.com/patent/WO2012171513A1/en

Ling, D. (2015). Complete design thinking guide for successful professionals. https://www.amazon.com/Complete-Design-Thinking-Successful-Professionals/dp/1514202735

Mustafa, H. M., Alsbaihi, O., Jahameh, S. S., Sayed, A. M. A. H., & Othman, M. (2025). User interface, usability, and user experience. Information Design Journal. https://doi.org/10.1075/idj.24006.mus

Nielsen, J. (2012, January 3). Usability 101: Introduction to usability. Nielsen Norman Group.

Norman, D., & Nielsen, J. (1998, August 8). The definition of user experience (UX). Nielsen Norman Group.

Photography trends to watch in 2025. (2024). https://doi.org/10.5281/zenodo.13738880

Pratama, M. Y., Anzani, D., Duha, T. A., & Ramadhan, A. Y. (2024). Rancang bangun media promosi dan galeri portofolio jasa fotografi berbasis web pada Difotoin Studio. Deleted Journal, 3(1), 698–705. https://doi.org/10.62712/juktisi.v3i1.222

Quintero B., G., Priya, C., & Anuradha, K. (2024). Web based portfolio. International Journal of Research Publication and Reviews, 5(5), 5478–5479. https://doi.org/10.55248/gengpi.5.0524.1262

Rachman, A., & Sutopo, J. (2023). Penerapan metode design thinking dalam pengembangan UI/UX: Tinjauan literatur. semanTIK, 9(2), 139. https://doi.org/10.55679/semantik.v9i2.45878

Ramadhan, P., Wahyuni, S., Wahyuni, S., & Putra, R. R. (2025). Metode design thinking dalam design UI/UX web profile Maka Studio berbasis prototype. Jurnal Minfo Polgan, 14(2), 1541–1549. https://doi.org/10.33395/jmp.v14i2.15063

Razvoj inovativne platforme za komercijalizaciju fotografija ultimate stock. (2023). Zbornik Radova Fakulteta Tehničkih Nauka, 38(05), 585–587. https://doi.org/10.24867/22gi03culibrk

Reneau, C.-M. (2022). Empathy by design. In IGI Global eBooks (pp. 121–140). https://doi.org/10.4018/978-1-7998-9746-0.ch006

Rizal, M. K., Indriati, R., & Wardani, A. S. (2024). Pengembangan UI/UX website studio fotografi. JATI (Jurnal Mahasiswa Teknik Informatika), 8(5), 8626–8631. https://doi.org/10.36040/jati.v8i5.10690

Sathya, V., & B, K. (2024). Photography Hub. https://doi.org/10.59256/ijsreat.20240402024

Sauer, J., Seibel, K., & Rüttinger, B. (2010). The influence of user expertise and prototype fidelity in usability tests. Applied Ergonomics, 41(1), 130–140.

Scolere, L. (2019). Brand yourself, design your future: Portfolio-building in the social media age. New Media & Society, 21(9), 1891–1909. https://doi.org/10.1177/1461444819833066

Suauthai, W., Huayhongthong, K., Thavornwattanayong, W., Chaiyakittisopon, K., & Lertsirimunkong, J. (2022). Health innovation development by using design thinking in pharmacy. Siriraj Medical Journal, 74(6), 401–408. https://doi.org/10.33192/smj.2022.49

Wibowo, S., & Saputro, I. A. (2025). Perancangan antarmuka pengguna dan pengalaman pengguna (UI/UX) aplikasi Iso Stock. Jurnal Rekayasa Sistem Informasi dan Teknologi, 3(1), 233–243. https://doi.org/10.70248/jrsit.v3i1.3037

Yadav, A., & Kumar, H. (2025). Freelance Fuze: A MERN stack-powered freelancing platform for portfolio building and credibility enhancement. https://doi.org/10.5281/zenodo.15375760

Yuliani, A., & Wardhana, A. C. (2025). Development of photo studio reservation website design using design thinking method. Jurnal Penelitian Pendidikan IPA (JPPIPA), 11(4), 624–629. https://doi.org/10.29303/jppipa.v11i4.10909