ABSTRAK

Proyek redesign dan implementasi front-end website Stasiun Klimatologi
Riau bertujuan meningkatkan efektivitas penyampaian informasi iklim
dan cuaca melalui antarmuka yang modern, responsif, dan user-friendly.
Penelitian ini dilatarbelakangi oleh kendala pada website lama, seperti
tampilan kurang intuitif, navigasi membingungkan, pemilihan font tidak
nyaman, serta struktur menu yang tidak terorganisasi baik. Untuk
mengatasi permasalahan tersebut, pendekatan User Centered Design
(UCD) diterapkan dengan menempatkan kebutuhan pengguna sebagai
prioritas utama melalui tahapan memahami konteks penggunaan,
menetapkan kebutuhan pengguna, merancang solusi desain, dan
mengevaluasi hasilnya. Desain awal dikembangkan dalam bentuk low-
fidelity wireframe dan disempurnakan menjadi high-fidelity prototype
menggunakan Figma, dengan memperhatikan gaya visual, kontras warna,
aksesibilitas, dan hasil iterasi dari masukan pengguna. Implementasi
dilakukan dengan pendekatan modular menggunakan Blade Component
dari Laravel, serta Tailwind CSS dan JavaScript. Pengujian melalui 5
second testing terhadap 15 responden menunjukkan bahwa peserta
memahami identitas dan fungsi utama website. Selain itu, hasil kuesioner
User Experience Questionnaire (UEQ) oleh 25 responden menunjukkan
lima skala “Excellent” dan satu “Good”. Pengujian usability
menggunakan System Usability Scale (SUS) menghasilkan skor rata-rata
81,08 (Acceptable, Grade A). Website dinyatakan berhasil memenuhi
standar kenyamanan dan kemudahan penggunaan.

Kata kunci: Blade Component, Figma, Front-end, Redesign, Stasiun
Klimatologi Riau, Usability Testing, User Centered Design