IMPLEMENTASI UI/UX WEBSITE SMA BINA WIDYA DENGAN METODE DESIGN THINKING

Authors

  • Edoardo Alvin Nugroho Universitas Kristen Satya Wacana
  • Chris Rudianto Universitas Kristen Satya Wacana

DOI:

https://doi.org/10.31849/9crcpn23

Keywords:

UI/UX, Website Sekolah, Design Thinking, SUS, Prototype

Abstract

Penelitian ini dilakukan untuk mengembangkan rancangan User Interface (UI) dan User Experience (UX) pada website SMA Bina Widya sebagai media penyampaian informasi sekaligus sarana promosi sekolah berbasis digital. Permasalahan yang diidentifikasi menunjukkan bahwa sekolah belum memiliki sistem informasi berbasis web yang terintegrasi, sehingga proses penyampaian informasi masih dilakukan secara konvensional dan belum berjalan secara maksimal. Metode yang diterapkan dalam penelitian ini adalah Design Thinking yang terdiri dari lima tahapan, yaitu empathize, define, ideate, prototype, dan testing. Proses pengumpulan data dilakukan melalui observasi dan penyebaran kuesioner kepada calon pengguna. Hasil dari penelitian ini berupa rancangan prototipe website yang disusun dengan mempertimbangkan kebutuhan dan karakteristik pengguna. Tahap evaluasi dilakukan menggunakan metode System Usability Scale (SUS), dengan hasil rata-rata skor sebesar 83. Nilai tersebut menunjukkan bahwa desain yang dikembangkan memiliki tingkat kemudahan penggunaan yang baik serta dapat diterima oleh pengguna. Dengan demikian, rancangan yang dihasilkan diharapkan mampu meningkatkan efektivitas penyampaian informasi dan mendukung kebutuhan promosi sekolah secara lebih optimal.

References

[1] L. Ode and M. Ramsy, “MEMBANGUN SISTEM INFORMASI WEBSITE SEKOLAH DENGAN,” vol. 7, no. 1, pp. 87–96, 2022.

[2] I. Dan and P. Sekolah, “PEMBUATAN MEDIA INFORMASI DIGITAL SEBAGAI SARANA,” vol. 6, no. 5, pp. 1–9, 2022.

[3] S. S. Promosi, “INTI NUSA MANDIRI,” vol. 19, no. 2, pp. 195–201, 2025.

[4] F. Risyda, Y. Gardenia, M. Awaludin, Y. Lucia, and R. Rehatalanit, “Perancangan Desain UI / UX Website Sekolah Menggunakan Metode User Centered Design,” vol. 9675, pp. 165–174, 2025.

[5] B. Wijayas, D. T. Octafian, P. Studi, and T. Informatika, “PERANCANGAN UI / UX WEBSITE SMK N 1 PALEMBANG,” pp. 84–90, 2023.

[6] K. Harlim and N. Setiyawati, “Perancangan User Experience Aplikasi Mobile Majuli Menggunakan Metode Design Thinking,” vol. 3, no. 2, 2022.

[7] R. W. Robbani and I. N. Fajri, “JTIM : Jurnal Teknologi Informasi dan Multimedia Penerapan Metode Design Thinking dalam Perancangan UI / UX Website Pintu Rumah,” vol. 7, no. 2, pp. 287–304, 2025.

[8] P. Design, P. Ui, U. X. Aplikasi, and R. Restoran, “Perancangan design prototype ui/ux aplikasi reservasi restoran dengan menggunakan metode design thinking,” vol. 2, no. 2, pp. 132–146, 2023.

[9] J. S. Prayogo, R. Kriswibowo, P. A. Alia, and R. Widha, “PERANCANGAN ULANG DESAIN UI / UX WEBSITE UNIVERSITAS DENGAN METODE DESIGN THINKING,” vol. 1, no. 4, pp. 407–416, 2024.

[10] J. Bisnis and M. Dan, “Jurnal Bisnis Manajemen Dan Kewirausahaan,” vol. 2, 2021.

[11] F. Baraka, Y. N. Iffadah, A. M. Gholib, and Y. Sugiarti, “Penggunaan Metode Design Thinking Dalam Perancangan Interface User : Literature Review The Use Of Design Thinking Methods In User Interface Design : A Literature Review,” vol. 1, 2024.

[12] D. Ayu, N. Wulandari, and T. Kuspriyono, “Design UI / UX Dengan Menggunakan Metode Design Thingking Pada Website UMKM Hendz Florist Aglonema,” vol. 5, no. 1, 2023.

[13] R. M. Candra, F. A. Firdausi, J. Hr, S. Km, and N. Pekanbaru, “Analisa dan Desain Kembali UI / UX Aplikasi Marketplace UMKM Digidesa menggunakan Metode Design Thinking,” no. November, pp. 9–16, 2021.

[14] D. Ratnaningsih, A. Rifai, and U. N. Mandiri, “PERANCANGAN UI / UX DESIGN APLIKASI PENILAIAN E-RAPORT DENGAN METODE PENDEKATAN DESIGN THINKING,” vol. 1, no. 2, pp. 75–88, 2024.

[15] D. Novianti and A. Voutama, “REDESIGN USER INTERFACE WEBSIT E UNIVERSITAS BINA SARANA INFORMATIKA MENGGUNAKAN METODE DESIGN THINKING DAN SYSTEM USABILITY SCALE ( SUS ),” vol. 12, no. 3, 2024.

Downloads

Published

2026-05-26

Issue

Vol. 8 No. 2 (2026): Publikasi artikel ZONAsi: Jurnal Sistem Informasi Periode Mei 2026

Section

Articles

License

Copyright (c) 2026 ZONAsi: Jurnal Sistem Informasi

Creative Commons License

This work is licensed under a Creative Commons Attribution-ShareAlike 4.0 International License.

CC BY-SA 4.0


Attribution-ShareAlike 4.0

You are free to:

  1. Share — copy and redistribute the material in any medium or format for any purpose, even commercially.
  2. Adapt — remix, transform, and build upon the material for any purpose, even commercially.
  3. The licensor cannot revoke these freedoms as long as you follow the license terms.

Under the following terms:

  1. Attribution — You must give appropriate credit , provide a link to the license, and indicate if changes were made . You may do so in any reasonable manner, but not in any way that suggests the licensor endorses you or your use.
  2. ShareAlike — If you remix, transform, or build upon the material, you must distribute your contributions under the same license as the original.
  3. No additional restrictions — You may not apply legal terms or technological measures that legally restrict others from doing anything the license permits.

Notices:

You do not have to comply with the license for elements of the material in the public domain or where your use is permitted by an applicable exception or limitation .

No warranties are given. The license may not give you all of the permissions necessary for your intended use. For example, other rights such as publicity, privacy, or moral rights may limit how you use the material.

How to Cite

[1]
“IMPLEMENTASI UI/UX WEBSITE SMA BINA WIDYA DENGAN METODE DESIGN THINKING”, zn, vol. 8, no. 2, pp. 657–667, May 2026, doi: 10.31849/9crcpn23.