Perancangan User Interface Website Pusat Oleh-Oleh Purwokerto Menggunakan Metode Design Thinking

Authors

  • Indra Kurniawan Telkom University
  • Gita Fadila Fitriana Telkom University
  • Maryona Septiara Telkom University

Abstract

Penelitian ini membahas perancangan
antarmuka pengguna (user interface) website Pusat Oleh-Oleh
Purwokerto Sawangan No.1 dengan pendekatan Design
Thinking guna menghasilkan prototipe website e-commerce
berbasis Progressive Web App (PWA). Permasalahan utama
terletak pada ketergantungan toko terhadap media sosial dan
platform pihak ketiga, yang berdampak pada biaya tambahan,
keterbatasan kontrol, serta pengalaman belanja daring yang
kurang optimal. Proses perancangan mengikuti lima tahapan
Design Thinking: empathize, define, ideate, prototype, dan test,
dengan teknik pengumpulan data berupa wawancara, survei,
dan studi literatur. Hasil penelitian berupa rancangan
wireframe, sistem desain, dan prototipe fidelitas tinggi yang
dikembangkan menggunakan ReactJS serta terintegrasi
dengan REST API. Uji kelayakan menggunakan metode System
Usability Scale (SUS) menunjukkan skor rata-rata 84 untuk
peran admin dan 84,83 untuk calon pembeli, yang
diklasifikasikan dalam Grade A pada SUS Percentile Rank.
Temuan ini menunjukkan bahwa prototipe yang dikembangkan
memiliki tingkat usability tinggi dan mampu menjawab
kebutuhan baik dari sisi pemilik usaha maupun calon pembeli.
Kata kunci — Design Thinking, User Interface, Usability, Ecommerce, Progressive Web App, System Usability Scale

Published

2025-09-18

Issue

Section

Prodi S1 Rekayasa Perangkat Lunak - Kampus Purwokerto