Cafe Brown — Cozy Café Website
A warm, conversion-first café website built for a fictional Ranchi café — orders, bookings, and Google Maps in one seamless flow.
View live✦ The Brief
Where it started
Design and build a complete website for a cozy neighbourhood café in Ranchi. The goal: a visitor should be able to order on WhatsApp, book a table, or call — in under two taps from anywhere on the site.
✦ The Thinking
Decisions before code
Led with atmosphere first (hero image, warm copy) before pushing any CTA. Used a sticky mobile bar with Order / Book / Call so conversion points are always reachable. Built a full multi-page site: Home, Menu, Book a Table, About — each with its own purpose, not just filler pages.
✦ Building it
From sketch to ship
Next.js for multi-page routing and image optimisation, Tailwind CSS for fast, consistent styling, Vercel for instant deployment.
Stack
Screenshots
✦ What I'm proud of
The detail that mattered
The WhatsApp integration is frictionless — pre-filled message strings, so a user never has to type. The menu page handles category filtering cleanly. The whole project simulates a real ₹10,000–₹15,000 freelance delivery.
✦ What I'd do differently
The honest reflection
Add a real-time table availability indicator and a loyalty/stamp card UI section for returning customers.