e-ISSN : 2597-3673 (Onlin.
, p-ISSN : 2579-5201 (Printe.
Vol.
9 No.
1 (June 2.
Journal of Information System.
Informatics and Computing Website/URL: http://journal.
id/index.
php/jisicom Email: jisicom@stmikjayakarta.
id , jisicom2017@gmail.
PERANCANGAN APLIKASI TRENDY STORE DALAM
PEMBELIAN PRODUK PAKAIAN REMAJA
Nurfiyah1.
Ratna Salkiawati 2.
Hendarman Lubis3 Program Sturdi Informatika1.
Program Sturdi Informatika 2.
Program Sturdi Informatika 3 Fakultas Ilmu Komputer1.
Fakultas Ilmu Komputer 2.
Fakultas Ilmu Komputer 3 Universitas Bhayangkara Jakarta Raya1 Universitas Bhayangkara Jakarta Raya 2 Universitas Bhayangkara Jakarta Raya 3 nurfiyah@dsn.
id1, ratna_tind@dsn.
, hendarman.
lubis@dsn.
Received: May 15, 2025.
Revised: June 10, 2025.
Accepted: June 12, 2025.
Issue Period: Vol.
9 No.
Pp.
Abstrak: Perkembangan teknologi informasi telah mendorong pertumbuhan sistem perdagangan elektronik .
-commerc.
, khususnya dalam industri fashion yang sangat diminati oleh kalangan remaja.
Namun, masih terdapat kekurangan dalam penyediaan platform belanja yang secara khusus menyesuaikan preferensi dan gaya hidup digital remaja.
Penelitian ini bertujuan untuk merancang aplikasi Trendy Store sebagai solusi e-commerce berbasis web yang menyediakan produk pakaian remaja dengan antarmuka menarik dan fungsionalitas yang sesuai kebutuhan pengguna Proses pengembangan dilakukan menggunakan metode Software Development Life Cycle (SDLC) model Waterfall, dengan tahapan mulai dari analisis kebutuhan, perancangan, implementasi, hingga pengujian.
Aplikasi dikembangkan menggunakan HTML.
CSS.
JavaScript.
Bootstrap, dan Alpine.
js serta dihosting melalui GitHub Pages.
Hasil perancangan menunjukkan bahwa Trendy Store mampu menyediakan fitur-fitur seperti katalog produk, pencarian, keranjang belanja, dan metode pembayaran digital yang responsif dan mudah digunakan.
Aplikasi ini diharapkan dapat memberikan pengalaman belanja yang efisien dan menyenangkan bagi remaja, serta mendukung pelaku usaha fashion dalam menjangkau pasar digital secara lebih Kata kunci: e-commerce, aplikasi web, fashion remaja, antarmuka pengguna.
SDLC Waterfall Abstract: The development of information technology has encouraged the growth of electronic trading systems .
-commerc.
, especially in the fashion industry which is very popular among teenagers.
However, there is still a lack of providing shopping platforms that specifically suit teenagers' digital preferences and lifestyles.
This research aims to design the Trendy Store application as a web-based e-commerce solution that provides youth clothing products with an attractive interface and functionality that suits the needs of young users.
The development process was carried out using the Software Development Life Cycle (SDLC) Waterfall model, with DOI: 10.
52362/jisicom.
Ciptaan disebarluaskan di bawah Lisensi Creative Commons Atribusi 4.
0 Internasional.
e-ISSN : 2597-3673 (Onlin.
, p-ISSN : 2579-5201 (Printe.
Vol.
9 No.
1 (June 2.
Journal of Information System.
Informatics and Computing Website/URL: http://journal.
id/index.
php/jisicom Email: jisicom@stmikjayakarta.
id , jisicom2017@gmail.
stages starting from needs analysis, design, implementation, to testing.
The application was developed using HTML.
CSS.
JavaScript.
Bootstrap, and Alpine.
and hosted via GitHub Pages.
The design results show that Trendy Store is able to provide features such as product catalogs, search, shopping baskets, and digital payment methods that are responsive and easy to use.
This application is expected to provide an efficient and enjoyable shopping experience for teenagers, as well as support fashion businesses in reaching the digital market more widely.
Keywords: e-commerce, web applications, youth fashion, user interface.
SDLC Waterfall PENDAHULUAN Perkembangan teknologi informasi yang pesat telah membawa perubahan signifikan dalam berbagai aspek kehidupan manusia, termasuk dalam dunia bisnis dan perdagangan.
Salah satu perubahan yang menonjol adalah munculnya sistem perdagangan elektronik .
-commerc.
yang memungkinkan konsumen untuk melakukan pembelian produk secara daring .
Fenomena ini turut mendorong pelaku usaha untuk beradaptasi dan menghadirkan layanan berbasis digital guna menjangkau pasar yang lebih luas dan memenuhi kebutuhan konsumen dengan lebih efisien .
Di kalangan remaja, tren berbusana menjadi salah satu bentuk ekspresi diri yang penting.
Remaja cenderung mengikuti perkembangan mode dan menginginkan akses mudah terhadap produk pakaian yang sesuai dengan gaya mereka.
Namun, tidak semua platform e-commerce menyediakan pengalaman berbelanja yang khusus dirancang untuk kebutuhan dan selera pasar remaja.
Keterbatasan dalam navigasi, informasi produk yang kurang menarik, serta kurangnya pendekatan visual yang sesuai dengan preferensi usia muda sering kali menjadi hambatan dalam memberikan pengalaman berbelanja yang optimal .
Oleh karena itu, diperlukan sebuah solusi dalam bentuk aplikasi yang tidak hanya menyediakan berbagai pilihan pakaian remaja, tetapi juga dirancang dengan antarmuka yang menarik, mudah digunakan, serta mampu menghadirkan tren mode terkini.
Aplikasi Trendy Store hadir sebagai jawaban atas kebutuhan tersebut.
Aplikasi ini dirancang untuk memudahkan remaja dalam mencari dan membeli pakaian secara online dengan fitur-fitur yang interaktif, informatif, dan mengikuti perkembangan gaya hidup digital generasi muda.
Melalui perancangan aplikasi Trendy Store, diharapkan dapat tercipta sebuah platform yang mampu meningkatkan efisiensi dan kenyamanan dalam proses pembelian pakaian remaja secara daring, sekaligus menjadi wadah promosi bagi pelaku usaha fashion yang menyasar segmen pasar remaja.
Dengan demikian, aplikasi ini diharapkan dapat memberikan kontribusi positif terhadap perkembangan industri fashion digital di Indonesia.
II.
METODE DAN MATERI
Dalam merancang aplikasi Trendy Store, metode yang digunakan adalah pendekatan Software Development Life Cycle (SDLC) dengan model Waterfall.
Model ini dipilih karena memiliki tahapan yang sistematis dan terstruktur, sehingga cocok digunakan dalam proses pengembangan aplikasi yang membutuhkan dokumentasi dan perencanaan yang jelas.
Adapun tahapan-tahapan yang dilakukan meliputi:
DOI: 10.
52362/jisicom.
Ciptaan disebarluaskan di bawah Lisensi Creative Commons Atribusi 4.
0 Internasional.
e-ISSN : 2597-3673 (Onlin.
, p-ISSN : 2579-5201 (Printe.
Vol.
9 No.
1 (June 2.
Journal of Information System.
Informatics and Computing Website/URL: http://journal.
id/index.
php/jisicom Email: jisicom@stmikjayakarta.
id , jisicom2017@gmail.
Gambar 1.
Kerangka Perancangan Aplikasi Trendy Store Analisis Kebutuhan Tahap ini dilakukan untuk mengumpulkan dan menganalisis kebutuhan pengguna, baik dari sisi fungsional maupun non-fungsional.
Data dikumpulkan melalui observasi, wawancara dengan target pengguna .
, dan studi pustaka terhadap aplikasi sejenis.
Hasil dari tahap ini adalah dokumen kebutuhan sistem .
equirement Perancangan Sistem Berdasarkan kebutuhan yang telah diperoleh, dilakukan perancangan sistem yang mencakup:
Perancangan antarmuka pengguna .
ser interfac.
Pembuatan prototipe menggunakan Canva.
Desain responsif untuk berbagai ukuran layar.
Implementasi Tahap ini adalah proses pembangunan aplikasi berdasarkan desain yang telah dibuat.
Bahasa pemrograman dan framework yang digunakan menggunakan HTML.
CSS, dan JavaScript untuk mengembangkan tampilan antarmuka.
Sementara untuk menghosting aplikasi tersebut menggunakan GitHub Pages.
Perkembangan E-Commerce dalam Industri Fashion Industri Fashion di Indonesia mengalami perkembangan pesat karena pengaruh teknologi.
Industri fashion yang memanfaatkan teknologi dengan baik akan meningkatkan aktivitas bisnis yang efektif, dan mampu meningkatkan kemampuan dalam berkompetisi di pasar global.
eberadaan teknologi membuat fashion di Indonesia dikenal secara meluas dan menjadikan industri fashion memiliki peran penting terhadap Data dari Badan Ekonomi Kreatif (Bekra.
menyatakan sub sektor fashion memiliki total nilai ekspor sebesar .
Perancangan Aplikasi Perancangan adalah proses untuk mendefinisikan sesuatu yang akan dikerjakan dengan menggunakan teknik yang bervariasi serta di dalamnya melibatkan deskripsi mengenai arsitektur serta detail komponen dan juga keterbatasan yang akan dialami dalam proses pengerjaannya.
Sedangkan Aplikasi berasal dari kata application yang artinya penerapan, penggunaan Secara istilah aplikasi adalah program siap pakai yang direka DOI: 10.
52362/jisicom.
Ciptaan disebarluaskan di bawah Lisensi Creative Commons Atribusi 4.
0 Internasional.
e-ISSN : 2597-3673 (Onlin.
, p-ISSN : 2579-5201 (Printe.
Vol.
9 No.
1 (June 2.
Journal of Information System.
Informatics and Computing Website/URL: http://journal.
id/index.
php/jisicom Email: jisicom@stmikjayakarta.
id , jisicom2017@gmail.
untuk melaksanakan suatu fungsi bagi pengguna atau aplikasi yang lain dan dapat digunakan oleh sasaran yang dituju .
Perancangan adalah proses merencanakan segala sesuatu terlebih dahulu.
Perancangan merupakan wujud visual yang dihasilkan dari bentuk-bentuk kreatif yang telah direncanakan.
Langkah awal dalam perancangan desain bermula dari hal-hal yang tidak teratur berupa gagasan atau ide-ide kemudian melalui proses penggarapan dan pengelolaan akan menghasilkan hal-hal yang teratur, sehingga hal-hal yang sudah teratur bisa memenuhi fungsi dan kegunaan secara baik.
Perancangan merupakan penggambaran, perencanaan, pembuatan sketsa dari beberapa elemen yang terpisah kedalam satu kesatuan yang utuh dan berfungsi .
Maka dapat disimpulkan Perancangan Aplikasi adalah proses untuk sesuatu yang dikerjakan dengan yang bervariasi untuk membuat tampilan antarmuka program .
Metode Perancangan Aplikasi untuk Remaja Dalam merancang aplikasi untuk remaja, metode yang digunakan harus mempertimbangkan aspek fungsionalitas dan estetika.
Dalam penelitian Analisis dan Perancangan Aplikasi Berpakaian menggunakan Metode Prototype menggunakan metode prototype untuk merancang aplikasi berpakaian yang memudahkan pengguna dalam menentukan kombinasi pakaian .
Teknologi dalam Aplikasi Fashion Penggunaan teknologi seperti Augmented Reality (AR) dapat meningkatkan pengalaman berbelanja.
Merancang aplikasi virtual fitting room berbasis AR untuk pakaian muslim laki-laki, memungkinkan pengguna untuk mencoba pakaian secara virtual sebelum membeli.
Digital fashion merupakan sebuah data yang berbentuk model dari rancangan fashion atau pakaian yang seolah nampak seperti tampilan fashion pada umumnya, tak berbentuk fisik namun hanya dapat terlihat dari sisi tampilan pada smartphone maupun komputer, digunakan oleh pengguna termasuk influencer pada media sosial seperti meta.
, instagram, whatapps, youtube, twitter, tiktok, dan media sosial lainnya .
Pengaruh Desain Antarmuka terhadap Kepuasan Pengguna Desain antarmuka yang intuitif dan menarik sangat penting dalam aplikasi belanja online.
dalam penelitiannya menunjukkan bahwa aplikasi belanja aksesoris online berbasis web yang dirancang dengan antarmuka yang responsif dan integrasi sistem pembayaran yang baik dapat meningkatkan kenyamanan pelanggan dan mempertahankan daya saing dalam pasar digital.
Kepuasan Pengguna adalah sebuah indikator yang digunakan untuk menentukan keberhasilan dari pengembangan suatu sistem.
Suatu sistem dapat dipercaya jika kualitasnya dapat memberikan kepuasan kepada penggunanya .
PEMBAHASA DAN HASIL
Hasil Perancangan Aplikasi Hasil dari proses perancangan menghasilkan sebuah aplikasi mobile bernama Trendy Store yang dirancang khusus untuk memenuhi kebutuhan remaja dalam berbelanja pakaian secara online.
Aplikasi ini dikembangkan menggunakan teknologi:
HTML (HyperText Markup Languag.
: Digunakan untuk membangun struktur dasar halaman web.
CSS (Cascading Style Sheet.
: Digunakan untuk mendesain tampilan dan layout agar terlihat menarik dan konsisten.
JavaScript: Digunakan untuk menambahkan interaktivitas pada elemen-elemen tertentu di halaman Framework CSS (Bootstra.
: Untuk mempermudah pengembangan desain responsif dan konsisten.
DOI: 10.
52362/jisicom.
Ciptaan disebarluaskan di bawah Lisensi Creative Commons Atribusi 4.
0 Internasional.
e-ISSN : 2597-3673 (Onlin.
, p-ISSN : 2579-5201 (Printe.
Vol.
9 No.
1 (June 2.
Journal of Information System.
Informatics and Computing Website/URL: http://journal.
id/index.
php/jisicom Email: jisicom@stmikjayakarta.
id , jisicom2017@gmail.
Alpine.
js: Framework JavaScript minimalis yang digunakan untuk mengelola komponen-komponen dinamis secara efisien GitHub Pages: Digunakan untuk hosting website, sehingga dapat diakses secara online.
Dengan kombinasi teknologi tersebut.
Trendy Store menawarkan kemudahan navigasi, kecepatan akses, serta tampilan profesional yang sesuai dengan tren saat ini.
Fitur-fitur yang tersedia mencakup halaman utama yang menampilkan produk unggulan, katalog produk dengan kategori terorganisir, keranjang belanja, dan formulir kontak untuk kebutuhan komunikasi pelanggan dengan tim support, berikut adalah hasilnya:
Halaman Utama Halaman ini dibuat untuk menampilkan produk-produk unggulan dari Aplikasi Trendy Store Gambar 2.
Halaman Utama Halaman Produk Halaman Produk ini menampilkan halaman produk untuk pria, wanita, dan produk sale 50% DOI: 10.
52362/jisicom.
Ciptaan disebarluaskan di bawah Lisensi Creative Commons Atribusi 4.
0 Internasional.
e-ISSN : 2597-3673 (Onlin.
, p-ISSN : 2579-5201 (Printe.
Vol.
9 No.
1 (June 2.
Journal of Information System.
Informatics and Computing Website/URL: http://journal.
id/index.
php/jisicom Email: jisicom@stmikjayakarta.
id , jisicom2017@gmail.
Gambar 3.
Halaman Produk Halaman Keranjang Belanja Halaman ini dibuat untuk menampilkan produk/barang yang sudah dimasukkan kedalam keranjang yang nantinya akan dijadikan sebagai tempat pengguna melakukan pembayaran produk yang dibeli.
Gambar 4.
Halaman Keranjang Belanja Fitur Pencarian Fitur ini digunakan untuk memudahkan pengguna dalam melakukan pencarian produk yang dibutuhkan oleh pengguna.
DOI: 10.
52362/jisicom.
Ciptaan disebarluaskan di bawah Lisensi Creative Commons Atribusi 4.
0 Internasional.
e-ISSN : 2597-3673 (Onlin.
, p-ISSN : 2579-5201 (Printe.
Vol.
9 No.
1 (June 2.
Journal of Information System.
Informatics and Computing Website/URL: http://journal.
id/index.
php/jisicom Email: jisicom@stmikjayakarta.
id , jisicom2017@gmail.
Gambar 5.
Fitur Pencarian Halaman About Halaman About berisi informasi tentang Trendy Store, visi, misi, dan deskripsi bisnis.
Gambar 5.
Halaman About IV.
KESIMPULAN
Pembuatan website Trendy Store memberikan pengalaman dalam mengimplementasikan teknologi frontend seperti HTML.
CSS, dan JavaScript, serta memperkenalkan pengelolaan proyek berbasis objek.
Website ini berhasil memenuhi tujuan awal yaitu menyediakan platform online untuk penjualan produk pakaian dengan desain modern dan responsif.
Dan juga memberikan kenyamanan dan keamanan dalam berbelanja.
Dengan fitur yang sangat mudah di pahami oleh costumer menjadikan keunggulan dalam Website Trendy Store.
Trendy store juga mengedepankan efisien dalam berbelanja dengan berbagai pilihan pembayaran dan produk, dengan ini costumer tidak perlu membuka website lain hanya dengan satu aplikasi sudah mencakup semuanya, dan juga di lengkapi testimoni agar costumer percaya kepada kami dalam berbelanja, juga di lengkapi maps jika costumer ingin berbelanja langsung ke toko dan memilih barang sesuka hatinya, jika ingin berbelanja dari rumah Trendy Store juga terdapat fitur kirim langsung ke rumah dengan pembayaran yang efisien bisa dengan transfer.
Qris, dan dompet digital lainya, dan juga Trendy Store selalu mengedepankan kualitas baik pelayanan maupun penyediaan barang agar costumer terlayani dengan baik.
DOI: 10.
52362/jisicom.
Ciptaan disebarluaskan di bawah Lisensi Creative Commons Atribusi 4.
0 Internasional.
e-ISSN : 2597-3673 (Onlin.
, p-ISSN : 2579-5201 (Printe.
Vol.
9 No.
1 (June 2.
Journal of Information System.
Informatics and Computing Website/URL: http://journal.
id/index.
php/jisicom Email: jisicom@stmikjayakarta.
id , jisicom2017@gmail.
REFERENSI