Food & Beverage
2025

Matcha Store — Matcha Jepang Premium

Matcha grade upacara yang bersumber dari Uji, Kyoto dengan pengalaman berbelanja yang bersih dan mengutamakan edukasi.

Toko matcha modern dengan pesan hero yang jelas, grid produk kurasi, bagian edukatif (The Art of Matcha, Health Benefits), FAQ, dan blok kontak dengan email/telepon/lokasi.

Next.js 15
TypeScript
Tailwind CSS
shadcn/ui
Local Storage
matcha-store

Tantangan

Menyeimbangkan storytelling premium dan edukasi dengan waktu muat cepat sambil menjaga jalur belanja tetap sederhana dan bebas gangguan.

Pendekatan

  • Discovery: Mendefinisikan narasi dari hero → story → products → benefits → FAQ → contact
  • Design: Tipografi besar, bagian image-first, dan CTA yang mudah diakses (Explore Collection / Learn)
  • Build: Next.js App Router, optimasi gambar, lazy loading, caching
  • Enhance: Manfaat dengan bullet yang mudah dipindai (kesehatan jantung, energi alami, kejernihan mental, dukungan imun) dan FAQ ringkas

Hasil

4 SKU (Ceremonial, Culinary, Organic, Starter Kit)
Produk
$28–$65
Rentang Harga
Story + Benefits + FAQ
Edukasi
Gambar & caching yang dioptimalkan
Performa

Galeri Proyek

matcha-store - Image 1
matcha-store - Image 2
matcha-store - Image 3