PERANCANGAN WEBSITE GRIYA COFFEE 100 DENGAN PENDEKATAN MULTIMEDIA INTERAKTIF

Kenneth Ray Vici Lengkong, Rakha Sangkara Aryaputra, Jefri Rahmadian

Abstract


The development of digital technology encourages businesses in the Food and Beverage (F&B) sector to adopt information media that are not only informative but also interactive for customers. Griya Coffee 100, as a local coffee shop, requires a digital platform that can effectively represent its brand identity, present menu information, document activities, and increase visitor engagement. This research aims to design a website for Griya Coffee 100 using an interactive multimedia approach that functions as an information center and customer engagement platform. The methods used included needs analysis, UI/UX design using Figma, and website implementation and publication using Framer. The research results in an interactive, responsive website that is easy to access and capable of enhancing brand awareness and user experience. This website is expected to become a long-term digital asset for Griya Coffee 100, supporting promotional activities and business communications.

Perkembangan teknologi digital mendorong pelaku usaha di bidang Food and Beverage (F&B) untuk memiliki media informasi yang tidak hanya informatif, tetapi juga mampu memberikan pengalaman interaktif kepada pelanggan. Griya Coffee 100 sebagai salah satu coffee shop lokal memerlukan sarana digital yang dapat merepresentasikan identitas brand, menyajikan informasi menu, dokumentasi kegiatan, serta meningkatkan keterlibatan pengunjung secara efektif. Penelitian ini bertujuan untuk merancang sebuah website Griya Coffee 100 dengan pendekatan multimedia interaktif yang berfungsi sebagai pusat informasi dan media engagement pelanggan. Metode yang digunakan meliputi analisis kebutuhan, perancangan UI/UX menggunakan Figma, serta implementasi dan publikasi website menggunakan Framer. Hasil penelitian berupa website interaktif yang responsif, mudah diakses, dan mampu meningkatkan brand awareness serta pengalaman pengguna. Website ini diharapkan menjadi aset digital jangka panjang bagi Griya Coffee 100 dalam mendukung aktivitas promosi dan komunikasi bisnis


Full Text:

PDF

References


Irawati, & Fitriansyah, A. (2025). Komunikasi Data. Yogyakarta : Deepublish.

Nurhikmat, I. K., Hadiana, A. I., & Kasyidi, F. (2024). Optimasi Responsivitas Web Dengan Pendekatan Mobile-First Design. JINTEKS : Jurnal Informatika Teknologi Dan Sains, 6(3), 476–485. https://doi.org/10.51401/jinteks.v6i3.4314

Olivia, A., Larasati, P. D., Mulya, M. F., Anwar, S., & Efendi, Y. (2025). Penerapan Design Thinking dalam Perancangan UI/UX Website untuk Meningkatkan Pengalaman Pengguna. SisKom-KB : Jurnal Sistem Komputer Dan Kecerdasan Buatan, 8(3), 185–193. https://doi.org/10.47970/siskom-kb.v8i3.836

Olivia, M. (2025). Responsive Design And Its Impact On User Experience On E-Commerce Sites. Jurnal Komputer, 3(2), 31–36. https://doi.org/10.70963/jk.v3i2.107

Panja, E., Sediyono, E., & Hendry, H. (2023). Perancangan dan Implementasi Website Sebagai Media Promosi Pada Atap Bukit Coffee. Mnemonic : Jurnal Ilmu Komputer Dan Teknik Informatika, 6(1), 35–40. https://doi.org/10.36040/mnemonic.v6i1.5845

Roedavan, R., Pudjoatmodjo, B., Gusnadi, D., & Raharjo, T. P. (2024). Implementasi Teknologi Multimedia Interaktif sebagai Strategi Promosi Digital UMKM. JERKIN: Jurnal Pengabdian Masyarakat Dan Riset Pendidikan, 3(2), 65–70. https://doi.org/10.31004/jerkin.v3i2.355

Saipul, Rahmawati, U., Widyastuti, Elisabeth, C. R., & Haryanto, R. (2025). Membangun Branding Melalui Komunikasi Digital. Jurnal Lentera Bisnis, 14(2), 2695–2706. https://doi.org/10.34127/jrlab.v14i2.1665

Sulistyanto, H. (2022). Web Application Training with Hypermedia Engineering to Increase Global Marketing Competitiveness of Decorative Umbrella Industry. Proceeding of The 15th University Research Colloquium, 160–168. https://repository.urecol.org/index.php/proceeding/article/view/2047

Tyas, W. W., Hanif, I. F., & Fitri, S. A. (2025). Implementasi Teknologi Responsive Web Design Dalam Perancangan Website Modern. Kohesi : Jurnal Sains Dan Teknologi, 8(7), 131–140. https://doi.org/10.2238/4qz80v05

Yudistia, I. K. M., Putra, I. G. N. A. C., & Kadyanan, I. G. A. G. A. (2026). Perancangan Desain User Interface dan Pengalaman Pengguna Pada Website Kantor Perbekel Desa Sanur Kaja. JUPITA : Jurnal Pengabdian Informatika, 4(2), 231–238. https://ejournal1.unud.ac.id/index.php/jupita/article/view/1726




DOI: https://doi.org/10.56486/jris.vol6no2.1224

Article Metrics

Abstract view : 4 times
PDF - 0 times

Refbacks

  • There are currently no refbacks.


TERINDEKS OLEH :