Framework CSS: Tailwind CSS Untuk Front-End Website Store PT. XYZ

  • Sari Azhariyah Politeknik Negeri Subang
  • Muhammad Mukhlis Politeknik Negeri Subang
Keywords: Tailwind CSS, Framework CSS, Front-end, Website Store, Responsive

Abstract

This research aims to apply Tailwind CSS as a CSS Framework on the website store’s PT. XYZ to be more responsive and have the freedom to determine the style and layout according to the analysis of website needs. This study was carried out at PT. XYZ in Subang Regency, where conducting product transactions with customers needs the creation of a store website. The phases of requirements analysis, design, implementation, and modification are all included in the research methodology. The UI/UX design at PT is reflected in the front end of the website store. Utilize utility classes to create UI elements in Tailwind CSS during the front-end design phase. It has been demonstrated that you may implement internet shop display designs more rapidly and freely give styles and layouts according to your demands by using the Tailwind CSS Framework. In addition, the responsive display facilitates cross-platform user experience by making it simpler for customers to complete transactions.

References

D. Putri Farida Zebua, N. Elhan Gea, and R. Natalia Mendrofa, “Analisis Strategi Pemasaran Dalam Meningkatkan Penjualan Produk Di Cv. Bintang Keramik Gunungsitoli Marketing Strategy Analysis In Increasing Product Sales In Cv. Bintang Keramik Gunungsitoli,” 1299 Jurnal EMBA, vol. 10, no. 4, pp. 1299–1307, 2022.

Y. T. Widayati, Y. Prihati, S. Widjaja, S. A. Prakoso, and A. R. Notobudojo, “Implementasi Twitter Bootstrap dalam Pengembangan Aplikasi Web E-Commerce (Studi Kasus Toko Putra Reban Kendal),” TRANSFORMTIKA, vol. 19, no. 1, pp. 26–37, 2021.

M. Ropianto, Afrina, and N. Alfika, “Perancangan Sistem Ecommerce Berbasis Web Dengan Model Business To Consumer (Studi Kasus Top One Supermarket),” Oktober, vol. 5, no. ISSN, pp. 2541–2647, 2020, doi: 10.3652/jt-ibsi.v5i02.247.

A. Khair, V. Rosalina, and Sutarti, “Rancang Bangun Sistem Informasi E-Commerce Dengan Penerapan Customer Relationship Management Berbasis Web,” Jurnal PROSISKO, vol. 8, no. 2, pp. 60–85, 2021.

A. Arif Pratama, I. Marzuki, and N. Hikmah, “Rancang Bangun Aplikasi Nota Otomatis Berbasis QR-Code Menggunakan PHP Framework Codeigniter Dan CSS Bootstrap,” Informatika dan Teknik Elektro, vol. 1, no. 1, pp. 26–30, 2022, doi: 10.11591/eei.v9i3.xxxx.

A. Laurensius Setyabudhi and N. Alfika, “Rancang Bangun Sistem Ecommerce Berbasis Web Dengan Model Business to Consumer Pada Olshop Princess Na,” Engineering And Technology International Journal, vol. 3, no. 1, pp. 1–11, Mar. 2021.

R. Budhathoki and M. Adhikari, “E-Commerce Website Development For Electronics Store,” Centria University Of Applied Sciences, 2020.

C. Perdana and M. A. Wijaya, “Implementasi Framework Bootstrap 5 Pada Perancangan Front-End Website MC BRO di PT X,” JURNAL SISTEM INFORMASI GALUH, vol. 2, no. 1, pp. 30–43, 2024, [Online]. Available: https://ojs.unigal.ac.id/index.php/jsig/index

A. I. Musyaffa, M. Indana Zulfa, and M. Syaiful Alim, “Rancang Bangun Purecompute Platform E-Commerce Untuk Belanja Laptop Berbasis Website,” Jurnal SINTA: Sistem Informasi dan Teknologi Komputasi, vol. 1, no. 1, pp. 21–29, Jan. 2024, doi: 10.61124/sinta.v1i1.9.

T. Nguyen, “ONLINE T-SHIRTS STORE: E-COMMERCE WEB APPLICATION,” Oulu University of Applied Sciences, 2022.

A. Kurniawan, H. Wahyono, N. L. Chusna, R. Darmawan, and M. W. Rhamadani, “Implementasi Penggunaan Website E-Commerce Sebagai Sarana Pemberdayaan Masyakat pada Kecamatan Pasar Rebo Jakarta Timur,” Jurnal Pengabdian Masyarakat Bidang Sains dan Teknologi, vol. 2, no. 3, pp. 463–471, 2023, doi: 10.55123/abdikan.v2i3.2495.

S. Mubarak, S. Mahmud Siregar, and M. Hilman Fakhriza, “Penerapan Sistem Informasi E-Commerce Pada Yayasan Pecinta Anak Yatim Dan Dhuafa Indonesia Tercinta,” Jurnal Multilingual, vol. 3, no. 3, pp. 1412–4823, 2023.

A. B. Prahastyo, A. Triayudi, and B. Rahman, “E-Commerce Produk Hasil Pertanian Berbasis Web dengan Metode Agile Software Development,” KLIK: Kajian Ilmiah Informatika dan Komputer, vol. 3, no. 6, pp. 1334–1339, 2023, doi: 10.30865/klik.v3i6.911.

N. J. Sarna, M. Ahmed, F. A. Rithen, and M. M. Islam, “A Framework of Vehicle Usage Optimization for Tour Purposes,” Applied Sciences (Switzerland), vol. 13, no. 19, pp. 1–20, Oct. 2023, doi: 10.3390/app131910973.

F. Rifandi, T. Viqi Adriansyah, and R. Kurniawati, “Website Gallery Development Using Tailwind CSS Framework,” Jurnal E-Komtek (Elektro-Komputer-Teknik), vol. 6, no. 2, pp. 205–214, Dec. 2022, doi: 10.37339/e-komtek.v6i2.937.

Published
2024-03-30
How to Cite
[1]
S. Azhariyah and Muhammad Mukhlis, “Framework CSS: Tailwind CSS Untuk Front-End Website Store PT. XYZ”, JI, vol. 3, no. 1, pp. 30-36, Mar. 2024.