Abstrak

Kebutuhan akan web e-commerce semakin meningkat seiring perkembangan teknologi

yang pesat. Penelitian ini bertujuan untuk mengembangkan desain UI/UX web e-commerce

untuk "Arcamana Handmade Soap" guna memperluas area pemasaran dan meningkatkan

pengalaman pengguna dalam bertransaksi secara digital. Untuk tahapan perancangan ini

metode yang digunakan yaitu Design Thinking, metode pendekatan Design Thinking terdiri

dari lima tahapan yaitu tahapan emphatize dilakukan dengan wawancara langsung dengan

klien untuk mengetahui permasalahan yang ada. Setelah memahami nilai-nilai dari

wawancara yang ada, selanjutnya proses define yaitu data dari klien perlu adanya definisi

dari permasalahan yang diambil dari proses wawancara. Selanjutnya adalah tahap ideate

yaitu tahap menghasilkan berbagai ide dan solusi potensial untuk masalah yang telah

didefinisikan, selanjutnya dilakukan pembuatan rancangan sketsa kasar dan wireframe lalu

dilanjutikan ke tahap mockup untuk penyempurnaan dari proses wireframe dari segi layout,

tipografi dan warna. Setelah tahap mockup telah jadi, maka tahap selanjutnya prototype

yaitu tahap pembuatan simulasi fitur-fitur yang telah dirancang sebelumnya. Dan yang

terakhir test pada tahap ini dilakukan pengujian prototype dengan pengguna sesungguhnya

untuk mendapatkan umpan balik. Hasil pengujian menggunakan System Usability Scale

(SUS) menunjukkan bahwa web e-commerce yang dikembangkan mendapatkan skor

usability sebesar 82,5 yang tergolong kategori "bagus sekali". Dengan desain yang intuitif,

responsif, dan sesuai kebutuhan pengguna, website ini diharapkan dapat meningkatkan

penjualan dan memperkuat daya saing "Arcamana Handmade Soap". Telah berhasil

dirancang dan dibuat website e-commerce Arcamana Handmade Soap, diharapkan bisa

membantu untuk mempermudah owner dan customer berinteraksi dan bertransaksi di era

yang serba digital ini.

Abstract

The demand for e-commerce websites is increasing along with the rapid development of

technology. This study aims to develop the UI/UX design of an e-commerce website for

"Arcamana Handmade Soap" to expand its marketing reach and enhance user experience

in digital transactions. The design process utilizes the Design Thinking method, which

consists of five stages. The empathize stage involves direct interviews with clients to identify

existing problems. After understanding the key insights from the interviews, the define stage

structures the collected data and formulates problem definitions. The ideate stage

generates various ideas and potential solutions, followed by creating rough sketches and

wireframes. These are further refined in the mockup stage, focusing on layout, typography,

and color improvements. Once the mockup is finalized, the prototype stage develops

interactive simulations of the designed features. Finally, in the test stage, the prototype

undergoes usability testing with real users to gather feedback. The testing results,

measured using the System Usability Scale (SUS), indicate a usability score of 82.5,

classified as "Excellent." With an intuitive, responsive, and user-centered design, this

website is expected to enhance sales and strengthen the competitive advantage of

"Arcamana Handmade Soap." The successfully designed and developed e-commerce

website is expected to facilitate interactions and transactions between owners and

customers in today's digital era.