Food & Beverage
2025

Artisan Coffee Roastery — Keunggulan Buatan Tangan

Di mana tradisi bertemu inovasi: keunggulan dari biji ke cangkir dengan single origin pilihan dan pengalaman café yang ramah.

Landing roastery dengan narasi farm-to-cup, katalog biji kopi (Ethiopian Yirgacheffe, Colombian Supremo, Guatemala Antigua, House Blend) dan section Café lengkap (alamat Ubud, jam operasional, fasilitas, "Get Directions").

Next.js 15
TypeScript
Tailwind CSS
shadcn/ui
artisan-coffee-roastery

Tantangan

Menampilkan storytelling origin + katalog produk tanpa memberatkan loading, sekaligus memberi alur jelas menuju kunjungan café dan subscription.

Pendekatan

  • Discovery: Struktur hero → story (01–03) → beans → café → newsletter
  • Design: Tipografi besar, parallax imagery, dan grid produk yang ringkas
  • Build: Next.js App Router, image optimization, lazy loading, caching
  • Enhance: Card produk dengan harga/notes roast, CTA "Visit Our Café" & "Subscribe", serta jadwal roasting mingguan

Hasil

2018
Didirikan
12+
Asal Kopi
500+
Pelanggan Senang
Segar 24/7
Roasting

Galeri Proyek

artisan-coffee-roastery - Image 1
artisan-coffee-roastery - Image 2
artisan-coffee-roastery - Image 3