Puffy
Client • Patisserie Website
About this project
The problem
A boutique patisserie preparing to open on Spadina, with nothing online at all. Before a shop opens it has no foot traffic to fall back on, so the site had to do the work a storefront window normally does: say what they make, where they will be, and when they open. The shop has since opened, and the site's job changed with it.
My role
Sole developer. Design, build, deployment, and the ongoing work since launch: content updates, the Google listing, and what comes next.
What I shipped
- Took a business from no web presence at all to a site that carried it through opening, first as the only thing a customer could find and now as the place they check before walking in.
- Built the layout mobile-first, since a dessert shop is found on a phone far more often than a desktop.
- Got the shop onto Google Search and Maps, so it turns up in local search rather than only for people already walking past it.
- Relaunched it the week the shop opened: real hours with a live open-or-closed badge computed in Toronto time, one-tap directions, calls and Uber Eats ordering, and LocalBusiness structured data so search shows the same name, address and hours as the Google listing.
- Audited the live site during the relaunch and found it was blocked from search engines and its signup form was silently dropping every email. Fixed both, upgraded a framework version with published security advisories, and removed personal contact details that were shipping to every visitor.
- Still on it: a QR-code menu for in-store scanning, and menu and content updates as the kitchen's offering settles.
Achievements
2 of 3 unlocked
Second Real Client
Designed and shipped a website for a real local patisserie.
Mobile-First
Designed at phone width first, because that is where local customers actually look.
Hidden achievement
Keep playing this project to find out.
Case study
Puffy (Client)
Live site: puuffy.ca Repo: github.com/Cengizbey-m/Puffy
Summary
The website for a boutique patisserie on Spadina in Toronto, and my second paying client. I built it before the shop opened and I still maintain it now that it has. The point of having it here is range: I can work with a large influencer-driven business like TheTripMan and also take a neighbourhood shop from nothing to a clean, fast online presence, then stay with it.
The problem
The shop had not opened yet. That sounds easier than it is, because a business with no storefront has no foot traffic to fall back on: until the doors open, the site is the only thing anyone can find. It had to do the job a storefront window normally does, which is tell you what they make, where they will be, and when you can turn up.
Since then the doors have opened, and the site's job has changed. It is no longer a countdown to a launch, it is the thing people check before they decide to walk in.
What I built
A fast, mobile-first site that answers the three questions customers actually have: what do you sell, where are you, and when are you open.
Mobile-first was not a style choice. Almost nobody researches a dessert shop on a desktop. The layout was designed at phone width first and expanded from there, and the build was kept light so it loads quickly on a phone connection.
The structure is simple enough that the owner can grow into it: menu, location, hours, contact. The address and hours are deliberately easy to swap in, because the lease and fit-out were still being finished while the site went up.
Since opening
The shop is on Google Search and Maps now, so it turns up for people searching locally rather than only for people already walking down Spadina.
In progress
- A QR-code menu so customers can scan in-store and browse on their own phone.
- Menu and content updates as the kitchen's offering settles after opening.
Tech
Next.js, TypeScript, Tailwind CSS, deployed on Vercel.
Why it matters
Not every job needs a 1.7M-follower client. Puffy is the project that shows I can scope work to what a small business actually needs, ship it cleanly, and keep it practical instead of over-engineering a five-page site.