PERANCANGAN KEMBALI TAMPILANWEBSITE SMPIT ARAFAH DENGAN PENDEKATAN FRONTEND MODERN MENGGUNAKAN TAILWIND CSS DAN SVELTE

Penelitian ini bertujuan untuk meningkatkan kualitas tampilan dan pengalaman pengguna (UI/UX) website SMPIT Arafah melalui pendekatan frontend modern dengan menggunakan Tailwind CSS dan Svelte. Metode User Experience
Questionnaire (UEQ) diterapkan untuk menganalisis kebutuhan pengguna, diikuti dengan perancangan desain menggunakan Figma dan implementasi menggunakan
Tailwind CSS serta Svelte. Hasil evaluasi menunjukkan peningkatan signifikan pada aspek daya tarik (attractiveness), kejelasan (perspicuity), dan efisiensi (efficiency) dengan nilai rata-rata UEQ mencapai kategori excellent hingga good. Website baru juga mencatat waktu muat lebih cepat (2,2 detik) dan skor Google PageSpeed yang lebih tinggi (97) dibanding versi sebelumnya. Penelitian ini membuktikan bahwa kombinasi Tailwind CSS dan Svelte efektif dalam menciptakan antarmuka yang responsif, estetis, dan mudah digunakan. Saran untuk penelitian selanjutnya mencakup pengembangan fitur dinamis, optimasi untuk perangkat mobile, serta integrasi SEO dan analisis grafik.