Mr. Chai
A fast, SEO-optimized website for a Calgary tea café that turns browsers into walk-ins and phone orders, replacing a slow, generic online presence with a mobile-first site built around the menu, location, and call-to-action.
Mr. Chai went from having no real digital storefront to a fast, search-optimized website that puts their full menu, atmosphere, and contact info in front of local customers within seconds, turning online searches into walk-ins and phone orders, and giving the café a professional online presence that matches the quality of what they serve in-store.
Mr. Chai needed more than a digital business card: they needed a website that could do the job of a host, a menu board, and a marketing team at once. Like most local cafés, their biggest challenge wasn't a lack of great food and chai, it was visibility and conversion: customers searching 'best tea in Calgary' or 'chai near me' had no fast, mobile-friendly way to see the menu, trust the place, and decide to visit before landing on a competitor's page instead. Generic templates and slow-loading sites were costing them foot traffic and phone orders.
I built Mr. Chai a custom Next.js website designed around how hungry, on-the-go customers actually browse: an interactive, filterable menu organized by category (Brunch, Appetizers, Drinks, Desserts) so visitors can find what they want in seconds, a real photo gallery and story section that builds trust before a customer ever walks in, a one-tap 'Call Now' button pinned in the header for instant phone orders, and a contact section with embedded location, hours, and a message form. The whole site was engineered for speed and search visibility, with server-rendered pages, optimized images, and full SEO metadata (Open Graph, Twitter cards, structured keywords) so the café ranks for local searches instead of relying on paid ads alone. The result is a clean, on-brand experience that reduces bounce, answers customer questions before they have to ask, and makes it effortless to go from 'just looking' to 'placing an order.'
- Interactive, filterable menu with 35+ items across 4 categories (Brunch, Appetizers & Sides, Hot & Cold Drinks, Desserts) with 'show more' pagination for fast browsing
- Mobile-first, fully responsive design with a sticky header and animated slide-in navigation for on-the-go customers
- One-tap 'Call Now' button and click-to-call phone link for instant order conversion
- Dedicated About, Gallery, and Contact pages, with a customer testimonials section, to build trust and showcase the café's atmosphere
- Full technical SEO setup covering meta titles/descriptions, Open Graph and Twitter card previews, keyword targeting, and structured metadata for local search ranking
- Optimized, lazy-loaded WebP image delivery for fast page speed, plus social integration linking directly to Facebook, Instagram, and TikTok
