REDESAIN USER INTERFACE (UI) PADA WEBSITE BERITA ONLINE AGAR MEMUDAHKAN INTERAKSI PENGGUNA DI PEWARTAONLINE.COM

The object of this final project is the online news website Pewartaonline.com, which
faces issues with a monotonous user interface (UI), inconsistent visual elements,
and confusing content layout, leading to decreased user engagement and
interaction. The purpose of this study is to redesign the user interface (UI redesign)
to create a more attractive, professional, and user-friendly website appearance. The
research employs observation, interviews, and literature study methods to obtain
relevant data, followed by a visual design process covering typography selection,
color schemes, and the layout arrangement of the header, main content, and footer.
The literature review discusses theories related to User Interface (UI), User
Experience (UX), and visual design principles as the foundation for the redesign
process. The results indicate that applying a card-based design with SF Pro
typography and high color contrast improves readability, strengthens visual
hierarchy, and enhances user experience. Therefore, the redesign is expected to
reinforce Pewartaonline’s visual identity as a modern and professional online news
platform.
Keywords: Redesign, UI, Pewartaonline, News Website

Objek tugas akhir ini adalah website berita online Pewartaonline.com yang
mengalami permasalahan pada tampilan antarmuka pengguna (User Interface) yang
monoton, kurang konsisten secara visual, serta tata letak konten yang
membingungkan sehingga menurunkan daya tarik dan interaksi pengguna. Tujuan
penulisan ini adalah untuk merancang ulang antarmuka pengguna (redesain UI) agar
tampilan website menjadi lebih menarik, profesional, dan mudah digunakan oleh
pengunjung. Penelitian ini menggunakan metode observasi, wawancara, dan studi
pustaka untuk memperoleh data yang relevan, kemudian dilakukan proses
perancangan visual yang meliputi pemilihan tipografi, warna, serta penyusunan
layout header, konten utama, dan footer. Dalam tinjauan pustaka, teori mengenai
User Interface (UI), User Experience (UX), dan prinsip desain visual menjadi dasar
pengembangan desain ulang. Hasil penelitian menunjukkan bahwa penerapan cardbased design dengan tipografi SF Pro dan kontras warna tinggi mampu
meningkatkan keterbacaan, memperkuat hierarki visual, serta memperbaiki
pengalaman pengguna. Dengan demikian, hasil redesain diharapkan dapat
memperkuat identitas visual Pewartaonline sebagai media berita online yang
modern dan profesional.
Kata Kunci: Redesain, UI, Pewartaonline, Website Berita.