SISFOTENIKA
Vol. 16 No. 1 (2026): SISFOTENIKA

Implementasi Tailwind Css Dalam Perancangan Website Penjualan Berbasis Mobile-First

Handy Kusuma (STMIK Pontianak)
Inggri Eka Pratiwi (STMIK Pontianak)



Article Info

Publish Date
31 Jan 2026

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

Copyrights © 2026






Journal Info

Abbrev

sisfotenika

Publisher

Subject

Computer Science & IT Control & Systems Engineering Decision Sciences, Operations Research & Management Engineering

Description

Jurnal Ilmiah SISFOTENIKAditerbitkan oleh LPPM STMIK Pontianak dan IndoCEISS. Frekuensi Terbit Tengah Tahunan (2 kali dalam setahun, yaitu bulan Januari dan Juli). Jurnal SISFOTENIKA terakreditasi SINTA 4 melalui Surat Keputusan Direktur Jenderal Pendidikan Tinggi, Riset, dan Teknologi Kementerian ...