Discover and choose
Filter roast profiles, read origin and tasting notes, choose 250g or 500g and select whole bean or a grind.
Specialty coffee shop / Self-initiated concept
Slowday
A coffee store with product options, a working local shopping bag, demo checkout and an interactive brew guide.
The starting point
What did the
project need?
The problem
Coffee shoppers choose by taste, brew method, bag size and grind. The operator needs stock by size, clear orders and a way to handle cancellations without losing inventory accuracy.
The solution
A complete interactive customer website paired with a local demo management workspace, built as an honest example of a possible client project.
For the customer
A useful journey,
not just a homepage.
Bag to order
Adjust quantities, remove items, choose demo pickup or delivery and create a local order. Stock limits are checked before checkout.
Brew with confidence
An interactive ratio guide calculates water and coffee for pour-over, French press and cold brew.
Products & stock
Change the base price, stock for 250g/500g bags and product visibility. These choices affect the storefront in the same browser.
Order lifecycle
Track new, preparing, ready and completed orders. Cancel an open order to restore stock. Keep internal notes and export demo records.
The thinking
The decisions
behind the details.
A distinct visual identity
Cobalt typography and butter-yellow surfaces give the shop its own identity. Tactile product imagery and deliberately simple packaging keep the coffee central.
The main interaction challenge
Different grinds share size-specific stock. The cart groups only matching variants, checks aggregate demand, keeps an order snapshot and restores stock only once on cancellation.
Accessible by design
Native forms and dialogs, visible keyboard focus, reduced-motion support, responsive layouts and Arabic/English content.
What was built
Design through
development.
Brand direction, editorial content, responsive customer pages, interactive detail views, business-specific tools, a working local management demo and automated checks.
Explore it yourself.
Browse the website, complete a sample flow, then open management in the same browser to see the record and update its status.
Discuss a similar project