Journal of Applied Multimedia and Networking (JAMN) Vol.
No.
Desember 2025, pp.
e-ISSN: 2548-6853 Analisis Dan Perancangan User Interface Situs Web PT.
ACW Tour And Travel Menggunakan Metode Design Thinking Rezeki bertuah Sikumbang*.
Fadli Suandi** * Informatics Engineering.
Batam State Polytechnic ** Multimedia Engineering Technology Program.
Batam State Polytechnic Article Info
ABSTRACT
Article history:
Received Aug 7 , 2025 Revised Dec 14th, 2025 Accepted Dec 26th, 2025 Keyword:
User Interface User experience Website Design Thinking Sytem Usability scale PT.
ACW Tour and Travel is a company engaged in the field of tourism services that still uses traditional promotion methods.
This study aims to design the UI/UX of the PT.
ACW Tour and Travel website using the Design Thinking approach, in order to provide a better user experience and support digital marketing strategies.
The design process includes five stages, namely empathize, define, ideate, prototype, and test.
Data were collected through interviews and questionnaires to potential users.
The final result is a website prototype design that was tested using the System Usability Scale (SUS) method with an average score of 77.
3, which is categorized as "very good" and "acceptable".
These results indicate that the Design Thinking approach is effective in creating a UI/UX that is in accordance with user needs and Corresponding Author:
Fadli Suandi.
Departement of Multimedia engineering technology.
Politeknik Negeri Batam.
Ahmad Yani St.
Teluk Tering.
Kec Batam Kota.
Batam.
Riau Island, 29461.
Indonesia.
Email: fadli.
suandi@polibatam.
INTRODUCTION
Teknologi informasi saat ini semakin canggih.
Seluruh kegiatan terutama pemanfaatan media komunikasi dan perolehan informasi yang diperlukan dapat terwujud dengan adanya sistem informasi yang disesuaikan dengan kebutuhan para penggunanya .
Indonesia memiliki potensi pariwisata yang besar karena merupakan negara dengan berbagai objek wisata alam dan budaya yang menarik dan beragam.
Setiap destinasi wisata memiliki keindahan dan ciri khas tersendiri yang unik, tergantung daerahnya.
Tak heran, perusahaan penyedia jasa tour and travel kini bermunculan bak jamur di berbagai daerah.
Namun, banyak pemimpin bisnis masih belum menyadari peran penting yang dimainkan teknologi layanan dalam bisnis mereka, sehingga mengakibatkan kinerja bisnis kurang optimal .
http://jurnal.
id/index.
php/JAMN e-ISSN: 2548-6853 PT.
ACW Tour and Travel merupakan perusahan biro perjalanan wisata yang Beroperasi di bidang jasa perjalanan wisata, perusahaan ini berlokasi di Provinsi Kepulauan Riau, lebih tepatnya di kota Batam.
Perusahaan ini memberikan layanan seperti pemesanan bus untuk perjalanan wisata, reservasi hotel, akomodasi wisata, dan ticketing.
Sudah lama perusahaan tersebut mengunakan metode pemasaran jasa nya dengan cara tradisional, sehingga terpikirlah sebuah ide awal untuk membuat rancangan UI/UX situs web yang modern yang akan membantu pemasaran kearah yang lebih modern Saat ini proses penyebaran informasi dan juga layanan seperti penjualan paket wisata, reservasi hotel, penyewaan bus masih menggunakan metode yang sederhana seperti penyebaran lewat media sosial facebook, status whatsapp, sehingga penyebaran informasinya masih sekitaran daerah saja, tidak mencakup seluruh daerah yang ada di Indonesia maupun luar negeri.
Agar sebuah situs web sukses, ada beberapa faktor yang perlu diperhatikan, antara lain tidak hanya kepentingan pengguna saja, namun juga kemudahan dan kenyamanan situs web tersebut.
Rencana desain UI/UX yang baik akan meningkatkan daya tarik situs web di mata calon wisatawan.
Maka pada penelitian ini di gunakan lah metode Design Thinking, metode ini digunakan untuk merancang UI/UX dan dapat mengetahui permasalahan yang terjadi sehingga dapat di carikan sebuah solusi, dan metode ini di gunakan sebagai tahapan pengujian dan pendapat pengguna.
Metode pengujian yang di guanakan adalah metodeuji coba SUS, dimana metode ini digunakan untuk mendapatkan hasil perhitungan tingkat kelayakan dan tingkat penggunaan dari perancangan yang telah dibuat.
RESEARCH METHOD
Penelitian ini menggunakan gabungan antara dua metode pengumpulan data yaitu kualitatif dan Hasil kualitatif didapatkan dari hasil wawancara yang dilakukan bersama pemilik dari PT.
ACW
Tour And Travel , wawancara ini dilakukan agar mengetahui lebih dalam tentang usaha biro wisata dan untuj perancangan UI/UX situs web PT.
ACW Tour And Travel.
Hasil kuantitatif berupa hasil dari perhitungan uji coba yang akan dibagikan lewat kuesioner.
Dan untuk metode perancangan, peneliti menggunakan metode Design thingking yang mana metode ini bertujuan untuk dapat mencari sebuah masalah dan juga solusi, serta dapat membuat sebuah prototype yang dapat berinteraksi dengan pengguna.
Tahapan Perancangan Metode perancangan, sesuai dengan tahapan design thinking, metode dalam perancangan UI/UX situs web terdiri dari 5 tahap yaitu :
Emphatize Pada tahap awal penulis melakukan wawancara kepada pemilik dari perusahaan, guna untuk dapat memahami kebutuhan dan harapan dari pemilik perusahaan tentang perancangan UI/UX yang akan di Tabel 1.
Pertanyaan Wawancara Sumber : P.
Renwarin and A.
Jatmiko Pertanyaan Apa tujuan utama dari situs web PT.
ACW Tour and Travel? Siapa target pengguna atau pelanggan utama situs web ini? Fitur apa saja yang ingin Anda tampilkan di halaman utama? Apakah situs web perlu mendukung pemesanan atau reservasi online? Informasi apa saja yang wajib ada di setiap halaman? Define Setelah memperoleh pemahaman yang lebih dalam tentang apa yang di butuhkan dari pemilik perusahaan, selanjutnya di rumuskan ulang kebutuhan yang telah diidentifikasi.
Lalu mengidentifikasi elemen penting yang perlu ada dalam situs web PT.
ACW Tour and Travel untuk menjawab kebutuhan Ideate Tahap ideate dilakukan dengan merancang style guide sebagai pedoman dalam perancangan situs web pada tahap selanjutnya.
JAMN Vol.
No.
Desember 2025, pp.
JAMN
e-ISSN: 2548-6853 Style guide adalah panduan yang menunjukkan elemen-elemen visual dan prinsip desain yang akan dijadikan sebagai pedoman dalam membentuk desain untuk menjaga konsistensi di setiap halaman web .
Beberapa elemen dalam style guide untuk perancangan situs web dalam penelitian ini sebagai berikut :
Warna (Color Pallet.
Menjabarkan setiap warna yang digunakan dalam seluruh halaman web.
Tipografi (Typograph.
Meliputi pemilihan jenis huruf .
, ukuran .
ont siz.
dan jenis teks .
Komponen UI (UI Component.
Terdiri dari tombol .
, menu, formulir dan lainnya.
Tahap selanjutnya membuat user flow yang menggambarkan perjalanan oengguna situs web.
Prototype Pembuatan prototype adalah Langkah awal dalam pembuatan perancangan dimana perancangan ini berdasarkan kebutuhan pengguna.
Dalam penelitian ini perancangan dilakukan dengan tahapan wireframe dan mockup yang dimana ini merupakan perancangan awal dari desain UI/UX situs web PT.
ACW Tour and Travel.
Wireframe Wireframe adalah sebuah kerangka awal sebelum halaman situs web atau antarmuka di desain secara utuh.
Dan wireframe juga dirancang dengan visual yang sederhana, tersturktur, dan mempresentasikan tata letak masing-masing elemen-elemen utama halaman web.
Figure 1.
Wireframe .
Mock Up Mock up adalah pengembangan selanjutnya yang di rancang dengan memperhatikan warna yang sudah di tentukan sesuai dengan kebutuhan dan yang di harapkan pengguna.
Keseluruhan fungsi dan elemen diatur sedemikian rupa untuk menjadikan sebuah desain yang tepat untuk mempresentasikan aspek-aspek yang sudah dikumpulkan pada tahap awal.
Figure 2.
Contoh Mock Up .
Interactive Prototype Interactive Prototype adalah mock up yang bersifat interaktif, memungkinkan pengguna untuk berinteraksi dengan produk yang berjalan sesuai dengan fungsinya.
Dan juga dapat memberikan pengalaman yang lebih mendalam kepada pengguna karena dapat merasakan bagaimana produk bekerja menyerupai produk jadi.
Test Pada tahap pengujian .
, dilakukan evaluasi terhadap desain prototype dengan menggunakan kuesioner untuk mendapatkan umpan balik .
dari pengguna.
Jangkauan penelitian ini yaitu orang yang berada di kepulauan Riau, dan adapun kriteria untuk responden yaitu pria dan wanita Analisis Dan Perancangan User Interface Situs Web PT.
ACW Tour And Travel Menggunakan Metode Design Thinking (Sikumban.
e-ISSN: 2548-6853 yang berusia 20 - 45 tahun.
Dalam penelitian ini, pengujian prototype dilakukan menggunakan metode System Usability Scale (SUS), yang bertujuan untuk mengukur tingkat kemudahan penggunaan dan kepuasan pengguna terhadap prototype yang dibuat.
Alat yang di butuhkan untuk menguji prototype adalah script Kemudian akan di kumpulkan data dari pengujian yang menghasilkan Prototype sudah sesuai dengan harapan dari kebutuhan pengguna.
Adapun parameter perhitungan SUS sebagai berikut :Instrument pernyataan SUS dengan skala likert 1-5 di tampilkan pada tabel berikut.
Tabel 2.
Pernyataan SUS Sumber : R.
Barus.
Datya.
Amadea, and A.
Dengan keterangan skala likert sebagai berikut.
Tabel 3.
Skala likert Sumber : R.
Barus.
Datya.
Amadea, and A.
Hasil perhitungan dari penilaian pengguna di bagi menjadi beberapa grade yaitu A.
E, dengan keterangan skor pada table berikut.
Table 4.
SUS Score Persentile Rank Sumber : R.
Barus.
Datya.
Amadea, and A.
Grade
Skor
72,6-84,0
JAMN Vol.
No.
Desember 2025, pp.
Peringkat
Sangat Bagus Bagus Sekali JAMN
e-ISSN: 2548-6853
62,7-72,5
51,7-62,6
25-51,6
Bagus Buruk Sangat Buruk Selanjutnya skor hasil perhitungan, tingkat penerimaan pengguna di bagi menjadi 3 kategori yaitu :
not acceptable, marginal, dan acceptable.
Grade scale di tampilkan pada tabel berikut Table 5.
Grade Scale SUS Sumber : R.
Barus.
Datya.
Amadea, and A.
Data-data yang diperoleh akan diolah lebih lajut menggunakan metode perhitungan uji coba SUS yang akan dihitung untuk penentuan skor akhir.
Dengan rumus : Skor SUS = ((Q1-.
-Q.
(Q3- .
-Q.
(Q5-.
-Q.
(Q7- .
- Q.
(Q9-.
-Q.
) x 2,5.
RESULTS AND ANALYSIS
Hasil Emphatize Hasil tahap emphatize yang di lakukan dengan wawancara dengan pemilik dari perusahaan PT.
ACW Tour and Travel terkait tampilan User interface di dalam situs web.
Tabel 6.
Hasil wawancara Pertanyaan Jawaban pertanyaan Apa tujuan dari situs web ACW tour and Tujuan utama untuk menyediakan informasi yang lengkap dan mudah di akses mengenai layanan tour and travel yang di tawarkan.
Siapa target pengguna atau pelanggan situs web ACW tour and travel? Wisatawan domestic dan mancanegara yang sedang mencari perjalanan wisata Keluarga, individu, atau kelompok yang ingin merencanakan liburan secara praktis dan terorganisir Fitur apa saja yang ingin anda tampilkan di halaman utama? Menampilkan penawaran paket wisata, tentang kami, testimoni pelanggan, informasi kontak dan media Apakah situs web perlu mendukung pemesanan atau reservasi online? Ya, yang mana situs web ini di rancang untuk mendukung sistem pemesanan atau reservasi online.
Yang mana mencakup formular pengisian data pelanggan, pilihan paket wisata , tanggal keberangkatan, dan metode pembayaran.
Informasi apa saja yang wajib ada di setiap halaman? Pemberian logo di setiap halaman yang berada di kesimpulan dari hasil wawancara bersama pihak perusahaan adalah situs web PT.
ACW Tour and Travel ini dirancang sebagai platform informatif dan fungsional yang menyajikam informasi lengkap menegenai layanan perjalanan, baik untuk wisata domestik maupun mancanegara.
Dengan target pengguna mulai dari individu hingga kelompok, situs ini bertujuan untuk mempermudah perencanaan liburan secara Fitur utama yang di tampilkan mencakup penawaran paket wisata, profil perusahaan, testimoni pelanggan, serta informasi kontak dan media sosial.
Konsistensi visual juga diperhatikan dengan penempatan logo pada setiap halaman di bagian header.
Hasil Define Dari masalah yang di dapatkan maka penulis di harapkan dapat menyelesaikannya.
Berikut adalah Analisis Dan Perancangan User Interface Situs Web PT.
ACW Tour And Travel Menggunakan Metode Design Thinking (Sikumban.
pengelompokan beberapa kebutuhan dari tampilan User Interface.
e-ISSN: 2548-6853 Tabel 7.
Kebutuhan pengguna Kebutuhan pemilik Rumusan ulang kebutuhan Elemen yang ada di halaman situs web Menampilkan layanan dari perusahaan ACW tour and travel Pengunjung dapat melihat jenis layanan dengan jelas Halaman layanan .
eskripsi paket, harg.
Mempermudah pelanggan dalam pemesanan paket System reservasi/pemeseanan online yang mudah di gunakan Form pemesanan online, integritasi kalender, tombol Aupesan sekarangAy Memperkenalkan profil perusahaan Informasi tentang perusahaan di tampilkan secara profrsional dan Halaman AuTentang kamiAy testimoni, tentang Meneyediakan informasi kontak dan media sosial yang mudah di akses Pelanggan dapat langsung menghubungi atau mengikuti media social perusahaan Footer dengan ikon media social, nomor perusahaan, alamat Meningkatkan kepercayaan pengguna terhadap layanan Bukti nyata dari pelanggan yang puas terhadap layanan Testimoni, ulasan, rating pengguna Bagi pengguna menginginkan situs web yang informatif, mudah digunakan, dan terpercaya.
Pengguna berharap dapat melihat jenis layanan dengan jelas.
Seperti reservasi online dengan sistem yang sederhana.
Pengguna juga ingin terhubung langsung dengan perusahaan baik melalui kontak atau media social.
Hal ini menunjukkan bahwa akses, transparansi informasi, dan kepercayaan adalah aspek utama yang dibutuhkan oleh Hasil Ideate Hasil tahap ideate perancangan UI/UX situs web PT.
ACW Tour and Travel menggunakan design thinking adalah style guide sebagai berikut.
Style guide .
Warna (Color Pallet.
Pemilihan warna untuk desain situs web PT.
ACW Tour and Travel menggunakan 4 warna.
Black .
: #000000.
White .
: f Warna hitam dan putih digunakan untuk teks latar belakang terang, dan warna putih digunakan untuk teks latar belakang gelap, dan menjadi latar belakang setiap halaman.
Grey .
bu-ab.
#EDEDED Digunakan untuk latar belakang beberapa halaman tertentu, seperti halaman checkout, form, dan bagian .
Blue .
#2061AF Digunakan untuk warna Figure 3.
Color palette JAMN Vol.
No.
Desember 2025, pp.
JAMN
e-ISSN: 2548-6853 Tipografi (Typograph.
Poppins digunakan sebagai heading dan text body pada bagian tertentu.
Untuk memberikan kesan modern dan mudah di baca.
Volkhov digunakan sebagai sub heading dan body text, karakter font yang berani dan modern.
Figure 4.
Typography Tombol .
Tombol di desain sesusai dengan warna yang di tentukan pada style guide warna.
Dan sesuai dengan fungsinya masing-masing.
Figure 5.
Button User flow User flow adalah rangkaian perjalanan user dalam proses penggunaan situs web, dimana dalam rangkaian ini berguna untuk mempermudah user memahami situs web PT.
ACW Tour and Travel.
Figure 6.
User flow PT.
ACW Tour and travel Analisis Dan Perancangan User Interface Situs Web PT.
ACW Tour And Travel Menggunakan Metode Design Thinking (Sikumban.
e-ISSN: 2548-6853 Hasil Prototype Hasil tahap prototype digambarkan dengan wireframe, mocke up, dan interactive prototype sebagai Hasil Wireframe Hasil wireframe ini adalah hasil dari pengembangan dari wireframe sebelumnya, setiap menu, fitur, dan konten diatur secara terstruktur agar memudahkan pengguna dalam menemukan informasi yang ingin dicari Figure 7.
Wireframe Hasil Mock up Dashboard Pada halaman dashboard ini terdapat menu dan tombol untuk melihat tampilan paket, tombol login untuk memudahkan calon pengguna mencari paket tour yang di sediakan oleh perusahaan PT.
ACW Tour And Travel.
Figure 8.
Tampilan Dashboard Homepage Halaman ini dirancang agar lebih menarik dan efisien untuk memudahkan calon pengguna.
Di bagian atas terdapat tombol AuLihat PaketAy yang berfungsi untuk menyaring pilihan paket wisata.
Pada bagian bawah, ditampilkan berbagai pilihan paket yang tersedia, lengkap dengan fitur pemesanan.
Sementara itu, dibagian akhir halaman terdapat kolom penilaian yang menampilkan ulasan pengguna terhadap situs web ini.
Figure 9 Halaman Homepage JAMN Vol.
No.
Desember 2025: 19 Ae 29
JAMN
e-ISSN: 2548-6853 Halaman About Pada halaman about ini menampilkan informasi tentang profil dan keunggulan perusahaan PT.
ACW
tour and travel.
Halaman ini terdiri dari dua bagian utama yaitu who we are yang menjelaskan identitas perusahaan sebagai penyedia layanan perjalanan wisata terpercaya yang berada di Batam, serta why us yang berisi alasan mengapa pengguna perlu memilih layanan PT.
ACW Tour and Travel, dengan menekankan pengalaman dan pendekatan personal yang di tawarkan.
Figure 10.
Halaman About Contact Halaman contact berfungsi untuk memudahkan pengunjung untuk dapat menghubungi perusahaan.
Halaman ini menampilkan iformasi alamat, nomor telpon, serta email perusahaan.
Terdapat juga formular kirim pesan yang memungkinkan pengguna untuk memberi pesan langsung kepada perusahaan.
Figure 11.
Halaman contact Checkout Pada halaman ini pengguna akan memasukan data diri dan juga data untuk pemesanan peket, pengguna dapat mengatur tanggal berangkat dan tanggal kembali dan pengguna dapat melihat hasil pemesanan lalu akan di arahkan ke halaman pembayaran.
Figure 12.
Checkout Analisis Dan Perancangan User Interface Situs Web PT.
ACW Tour And Travel Menggunakan Metode Design Thinking (Sikumban.
e-ISSN: 2548-6853 Saat pengguna telah melakukan pemesanan, pengguna harus melakukan pembayaran berupa transfer kenomor rekening yang sudah tertera.
Figure 13.
Pembayaran Berdasarkan hasil yang di peroleh dari 25 reponden melalui 10 pernyataan kuisioner, rata-rata hasil yang di dapatkan dari setiap responden adalah sebagai berikut.
Tabel 8.
Skor Hasil JAMN Vol.
No.
Desember 2025: 19 Ae 29
JAMN
e-ISSN: 2548-6853 Dapat dilihiat bahwa skor yang di peroleh melalui kuisioner SUS menghasilkan nilai akhir 77,3.
Jika dilihat melalui tabel 5, skor tersebut masuk pada kategori B dengan peringkat baik sekali .
Jika dilihat melalui tabel 6 skala tingkat penerimaan, nilai 77,3 termasuk kedalam kategori acceptable.
Dengan demikian hasil pengujian prototype melalui kuisioner SUS, memperoleh hasil dari responden untuk prototype dapat diterima dengan baik.
CONCLUSION
Hasil penelitian sesuai dengan kebutuhan dan harapan pengguna, yag mana pengguna mengharapkan situs web yang yang mudah digunakan, informatif fan menyediakan akses cepat terhadap fitur penting, seperti mencari paket tour yang diiginkan, reservasi hotel dengan mudah, dan mempermudah pemesanan paket wisata.
Dengan menggunakan pendekatan metode design thinking yang berfokus pada kebutuhan dan pengalaman pengguna, penelitian ini mampu menggali masalah, merumuskan solusi, dan menghasilkan desain UI/UX yang informatif, fungsional, serta mudah digunakan.
Dengan pengujian menggunakan metode System Usability Scale (SUS) dengan 25 reponden menunjukkan skor rata-rata sebesar 77,3, yang tergolong dalam kategori AuBagus SekaliAy (Grade B) dan termasuk dalam tingkat penerimaan AuAcceptableAy.
Hal ini menunjukkan bahwa prototype yang dirancang telah memenuhi aspek usability dan di terima dengan baik oleh pengguna.
REFERENCES