Mr Munch Cookies

The Challenge

Mr Munch Cookies is a Canberra-based cookie brand that needed more than a standard online store. Their signature product is custom cookie boxes where customers choose the box size, pick their flavours, and add dietary preferences — a Build Your Box experience that no off-the-shelf e-commerce platform could handle without heavy workarounds.

They also needed real-time stock management (cookies sell out fast), configurable pickup and delivery timeslots, and an admin dashboard that the team could use to manage orders, stock levels, and fulfilment — all without technical knowledge.

The existing workflow involved taking orders through social media and manually coordinating everything. It worked when the business was small, but was becoming a bottleneck as demand grew.

Our Approach

We built a fully custom e-commerce site from scratch using Next.js and React. The key design decisions were:

Build Your Box flow: Rather than a standard product listing, we designed an interactive ordering experience. Customers choose a box size (which determines how many cookies they can pick), then select individual flavours from the available range. The interface updates in real time — showing remaining slots, highlighting sold-out flavours, and calculating the total as they go.

Square integration: We integrated directly with the Square API for payment processing. This meant the business could use their existing Square account (already set up for their market stall sales) without paying for a separate payment gateway. Payments, refunds, and transaction history all sync automatically.

Stock management: Every cookie flavour has a stock count that updates in real time. When stock runs low, it shows on the site. When it hits zero, the flavour is automatically marked as sold out. The admin dashboard lets the team update stock levels in seconds.

Timeslot management: Pickup and delivery timeslots are fully configurable through the admin panel. The team can add, remove, or adjust timeslots based on their baking schedule. Customers only see available slots when they check out.

Admin dashboard: A purpose-built dashboard for the Mr Munch team to manage everything — incoming orders, stock levels, timeslot configuration, and order status tracking. No technical skills required.

Technology Stack

• Frontend: Next.js with React for a fast, responsive customer experience
• Payments: Square API for seamless payment processing
• Styling: Tailwind CSS for a playful, warm design that matches the brand
• Backend: Node.js API routes for order processing, stock management, and admin operations
• Hosting: Deployed for fast load times and reliability

The Outcome

The site launched and immediately became the primary sales channel for the business. Within the first week, online orders overtook all other channels — including their popular Instagram presence.

The Build Your Box flow gives customers a smooth, enjoyable ordering experience that reflects the playful brand. The admin dashboard means the team spends minutes, not hours, managing their online operations. And the real-time stock management eliminated the problem of overselling that had been causing issues with social media orders.

We continue to support the site with hosting, maintenance, and feature updates as the business grows.