Get a free homepage design

Client work project

Bytes of Joy

Ordering website for a home bakery

The BrassNorth standard

A clear build, with a person accountable for every detail.

Nothing hidden

Written scope, visible previews and a price agreed before work starts.

Useful from day one

Every page has a job: call, book, order, visit or start a conversation.

Responsive by default

Fast loading, mobile-first layouts and direct replies from Saad.

Bytes of Joy, the top of the page as a visitor first sees it.

Client work · Ordering website for a home bakery

What it is

An ordering website for a home bakery, and the first project with real customers placing real orders.

The problem

Orders arrived across calls, Instagram messages and WhatsApp. The menu was a set of photos, nothing tied an order to a confirmation, and items got missed on busy days.

What I built

  • Animated landing page
  • Category-tabbed menu
  • localStorage cart and checkout
  • Branded PDF receipts generated per order
  • WhatsApp deep link to hand the order to the baker
  • Owner email notification on every order
  • Real-time admin dashboard with an audio ping for new orders

Design and engineering decisions

  • The audio ping exists because a home baker is baking, not watching a screen. A silent dashboard would have been useless.
  • PDF receipts, because customers kept asking for proof of what they ordered.
  • WhatsApp handoff rather than a custom chat, because that is the channel the customer already has open.
  • No account creation. Asking a first-time cake buyer to register loses the order.

Verifiable proof

Open the live Bytes of Joy site

Built with

Next.js 15 · Framer Motion · Lenis · Supabase · Resend

Selected views

Screens

The Bytes of Joy homepage hero, introducing the bakery and its baked-to-order promise.
The Bytes of Joy homepage hero, introducing the bakery and its baked-to-order promise.
The Bytes of Joy story section, introducing the home kitchen behind each order.
The Bytes of Joy story section, introducing the home kitchen behind each order.
The Bytes of Joy menu, with category tabs and product cards for each bake.
The Bytes of Joy menu, with category tabs and product cards for each bake.
The Bytes of Joy values section, showing the bakery promises around freshness and ingredients.
The Bytes of Joy values section, showing the bakery promises around freshness and ingredients.
The Bytes of Joy ordering process, from pre-ordering through delivery.
The Bytes of Joy ordering process, from pre-ordering through delivery.
Customer testimonials for Bytes of Joy.
Customer testimonials for Bytes of Joy.
The Bytes of Joy closing order call to action and contact footer.
The Bytes of Joy closing order call to action and contact footer.
What happens next

You never have to guess the next step.

Send a short note. I will ask the useful questions, share a direction and make the decision easy.

01

Tell me what is stuck

Share your business, your audience and the action you want more people to take.

02

See the direction first

Your homepage concept comes before payment, so the fit is clear before the build.

03

Launch with ownership

I build in checkpoints, then hand over the domain, code and logins in your name.

BRASSNORTH

Have a business in mind?

Want to see what your new website could look like?

Send me your business name. I will design your homepage for free, then explain the next step clearly.

WhatsApp meStart a project
WhatsApp+91 91210 19671Emailhello@brassnorth.comMessage SaadChoose your timezone

Working hours 10 am to 8 pm IST (UTC+5:30), Monday to Saturday. Replies within one working day.