E-commerce Coffeeshop

Noble Bean is a full-stack e-commerce website for a luxury specialty coffee roaster. The goal was an elevated, editorial brand experience — moody visuals, a looping hero video, refined typography, and tasteful animation — paired with a real, production-grade shopping flow.

Key features

Cinematic landing page with hero video, animated featured roasts, and newsletter signup

Shop with category filtering (beans, equipment, merchandise) and dynamic product detail pages

Café Menu with category tabs (espresso and more) and live menu items

Brand Story page ("A Legacy Brewed in Cairo") for storytelling and trust-building

Admin dashboard to add and manage products without touching code

Fully responsive, fast, and accessible across mobile, tablet, and desktop