Tunas Coffee Website

01 · Briefnya

Kebanyakan website kedai kopi dibuat untuk pengunjung pertama: hero besar, tagline, ajakan bertindak. Tunas Coffee ingin kebalikannya: website yang menghargai pelanggan setia, menampilkan menu pilihan hari ini, dan terasa sefamiliar Instagram mereka. Konten dulu, tanpa hero, tanpa marquee.

02 · Isinya

• Nav 3 kolom yang sticky: baris ikon di kiri, logo di tengah, tombol pesan di kanan
• Strip stories: pratinjau melingkar yang bisa digeser horizontal (biji kopi, minuman, promo, acara)
• Bagian terbagi “Pilihan Hari Ini”: panel visual di kiri, detail menu dan CTA pesan di kanan
• Grid feed: layout 12 post bergaya Instagram dengan variasi post biasa, lebar (2×1), tinggi (1×2), dan kutipan
• Bagian info: panel gelap 3 kolom dengan blurb tentang, jam buka, dan lokasi + link peta
• Menu mobile hamburger dengan overlay layar penuh
• Fully responsive: feed 1 kolom di mobile, 3 kolom di desktop

03 · Spesifikasi & detail

• Format: HTML / CSS / JS (satu file, tanpa build step)
• Halaman: 1 (beranda)
• Brand: Dibangun di atas sistem identitas Tunas Coffee
• Lisensi: Personal + Komersial

04 · Cocok untuk siapa

Kedai kopi dan brand F&B kecil yang sudah aktif di Instagram dan ingin kehadiran web yang mencerminkan energi itu. Grid feed dirancang untuk diperbarui manual dengan mengganti URL gambar dan teks caption. Tanpa CMS. Padukan dengan brand kit Tunas Coffee untuk paket lengkap yang siap launch.