Opus Bakery – Online Ordering Storefront
Opus Bakery
A fast online ordering storefront for a bakery brand, with delivery and pickup, auto-discounts and guest checkout.
The challenge
The problem
The business took orders by phone and chat, which tied up staff, caused pricing and size mistakes, and gave customers no easy way to see the full menu and current deals.
The client is a bakery brand with a wide menu: biscuits, rusks, breads, cakes, brownies and savoury patties.
Before the website: - Orders came in over phone and chat, so staff were tied up taking them. - Prices, sizes and deal bundles were easy to get wrong. - There was no single place to show promotions or custom cakes. - Customers could not see the full menu or current deals at any time of day.
What we built
The solution
A mobile-friendly storefront where customers browse by category, pick sizes, add deal bundles to a cart and check out as a guest for delivery or pickup.
We built a storefront with clear category navigation and card-based product grids.
- Category pages for deals, biscuits, rusks, breads, cakes and patties.
- Size and variant options per product, with sale prices shown next to struck-through original prices.
- Deal bundles that customers can build themselves.
- A flat discount applied automatically, so customers don't need a code.
- Delivery or pickup, a location selector and guest checkout.
- Supporting pages for About, Custom Cakes, Location, FAQs and Contact.
The stack
Tools used
- Next.js
- React
- TypeScript
- Tailwind CSS
- Cloudinary
- Vercel