Tantangan
Coffee shop kecil butuh satu tempat untuk menampilkan cerita, menu, dan cara memesan.
2025 · Web
MR.COFFEE
Website konsep coffee shop dengan cerita brand, menu berfilter, dan jalur pemesanan cepat. Live di Vercel sejak Mei 2025.
Peran: Frontend Developer (solo)
Tim: Personal project
Stack: HTML, CSS, JavaScript, GitHub, Vercel
Solusi
Membangun website dengan CTA "Order Now", menu 10 item dengan filter Coffee, Non-Coffee, dan Snack, halaman order dari setiap produk, serta kontak dengan Google Map.
Fitur utama
Hero dengan Order Now
CTA pemesanan yang jelas sejak layar pertama.
Menu berfilter
10 item dengan filter Coffee, Non-Coffee, dan Snack.
Halaman order
Setiap produk terhubung ke halaman order.
Kontak & Google Map
Form kontak dan peta lokasi tertanam.
Hasil
Situs live dengan auto-deploy dari GitHub ke Vercel. Pelajaran utama: filter mempercepat pencarian menu, setiap halaman butuh satu aksi utama, dan situs live mengungkap masalah nyata.