Implementasi Tailwind Css Dalam Perancangan Website Penjualan Berbasis Mobile-First

Abstract

Penelitian ini membahas perancangan dan implementasi website penjualan berbasis mobile-first menggunakan Tailwind CSS dengan studi kasus iOS Store Pontianak. Pendekatan ini bertujuan untuk meningkatkan responsivitas, kecepatan, dan pengalaman pengguna (UX) melalui penerapan Cards & Grid Layout sebagai tata letak utama. Metode penelitian yang digunakan adalah Research and Development (R&D) yang mencakup analisis kebutuhan, perancangan UI/UX, implementasi, serta pengujian performa dan aksesibilitas. Pengujian dilakukan menggunakan Google Lighthouse dan PageSpeed Insights yang menunjukkan skor 99 untuk performa, 93 untuk aksesibilitas, dan 96 untuk best practices. Selain itu, nilai First Contentful Paint (FCP) dan Largest Contentful Paint (LCP) masing-masing sebesar 0,7 detik yang menunjukkan waktu muat website yang sangat cepat. Hasil penelitian menunjukkan bahwa penggunaan Tailwind CSS mendukung pengembangan website yang responsif dan efisien serta menghasilkan performa website yang baik pada perangkat mobile. Meskipun demikian, masih diperlukan optimalisasi SEO dan pengujian aksesibilitas lebih lanjut untuk memastikan pengalaman pengguna yang lebih inklusif. Dengan demikian, penelitian ini dapat menjadi referensi bagi pengembangan website e-commerce berbasis mobile-first yang optimal dan efisien