Baca Juga
Mahasiswa Universitas Pamulang Kembangkan Website UMKM DYE Apparel
Tangerang Selatan, 20 Juni 2025
Tim mahasiswa Program Studi Teknik Informatika Universitas Pamulang baru saja meluncurkan website landing page inovatif untuk DYE Apparel, sebuah UMKM sablon dan bordir pakaian custom. Inisiatif ini lahir untuk menjawab tantangan digitalisasi dan memaksimalkan visibilitas di ranah online, sekaligus memberikan pengalaman pengguna yang lebih profesional dan efisien dalam operasional DYE Apparel.
Tautan Live Demo: Kunjungi Website DYE Apparel
Latar Belakang & Tantangan
Dalam praktik akademik mereka, Akhiles Salvadore S.H (221011402043), Ade Tri Fauzan (221011401619), dan Izzat Fakhar Assyakur (221011400803), dibimbing oleh Bapak Hidayatullah Al Islami, S.Kom., M.Kom., menemukan bahwa DYE Apparel selama ini bergantung pada media sosial untuk promosi. Meskipun Facebook dan WhatsApp berguna, tidak adanya website terpusat membuat portofolio desain sulit tersaji secara terstruktur dan terkesan kurang profesional. Akibatnya, eksposur kepada calon pelanggan baru terhambat dan branding belum mencapai potensi maksimal.
Solusi dan Pendekatan
Untuk menjawab kebutuhan tersebut, tim merancang sebuah website landing page dengan pendekatan mobile-first dan UX yang diutamakan. Di sisi tampilan, galeri portofolio disusun sedemikian rupa sehingga calon pelanggan dapat melihat koleksi sablon dan bordir secara visual dan mudah di-navigasi, lengkap dengan fitur zoom detail tanpa harus pindah halaman. Tombol “Chat via WhatsApp” dihadirkan secara strategis agar komunikasi dapat terjadi lebih cepat. Sementara di balik layar, sebuah panel admin dikembangkan untuk memberikan keleluasaan bagi staf DYE Apparel mengelola konten—mulai banner promosi, katalog desain baru, hingga FAQ—tanpa bergantung pada developer setiap kali ada pembaruan.
Dari segi teknis, implementasi menggunakan HTML5, CSS3 (dengan Tailwind CSS untuk efisiensi), dan JavaScript ringan untuk interaktivitas, sedangkan backend dibangun pada stack yang disepakati agar fleksibel (misalnya Node.js/Express atau Laravel/PHP). Integrasi click-to-chat WhatsApp memudahkan calon pelanggan langsung mengirim pesan dengan template yang telah ditentukan. Aspek performa juga menjadi prioritas: gambar-gambar dioptimasi dan di-load secara lazy, serta bundling/minify aset untuk menjaga waktu muat di bawah 3 detik. SEO dasar diterapkan melalui meta tags dinamis, Open Graph, dan pembuatan sitemap untuk membantu mesin pencari mengenali konten dengan baik.
Metodologi Pengembangan
Proses berjalan dengan kerangka Agile & Scrum, dimulai dari pengumpulan kebutuhan dan wawancara dengan pemilik DYE Apparel, dilanjutkan dengan pembuatan wireframe dan mockup high-fidelity. Setelah mendapat persetujuan desain, frontend dan backend dibangun secara paralel. Setiap iterasi diuji fungsional secara blackbox untuk memastikan semua tautan, tombol, dan form berjalan sesuai rencana. Pengujian responsif dilakukan baik melalui dev tools maupun perangkat nyata untuk memastikan tampilan konsisten di desktop, tablet, dan ponsel. Dokumentasi singkat untuk admin panel disusun agar staf DYE Apparel dapat langsung mengelola konten secara mandiri setelah go-live. Prosedur backup database dan monitoring uptime juga diatur agar website tetap andal.
Dampak & Harapan
Dengan website ini, DYE Apparel dapat memperluas jangkauan pasar tanpa batasan geografis, karena tautan portofolio mudah dibagikan di berbagai kanal. Tampilan profesional memperkuat citra brand dan membangun kepercayaan calon pelanggan. Komunikasi via WhatsApp menjadi lebih efisien, membantu percepatan proses pemesanan. Staf DYE Apparel kini memiliki kendali penuh untuk memperbarui katalog desain, sehingga operasional menjadi lebih gesit. Selain itu, data kunjungan yang didapat dari analytics diharapkan memberikan wawasan tentang desain mana yang paling diminati, mendukung keputusan bisnis lebih tepat.
Lampiran Visual
Kontak Media
Untuk informasi lebih lanjut, wawancara, atau demo langsung, silakan hubungi:
Ade Tri Fauzan
Email: adetrifauzan@gmail.com
WhatsApp: +62-
