Moso TeaCommercial Website
A full-stack commercial website for a New Zealand artisan tea experience studio, delivered end-to-end in ~1 week.
Visit Live Site
The Story
I visited Moso Tea as a customer and was immediately drawn to the warmth of the tea ceremony experience. But I noticed something — they had no online presence at all. No website, no booking system, no way for new customers to discover them online.
I reached out to the owner and proposed building a complete website for them. What started as a conversation over tea became a paid freelance engagement — the only one in my portfolio. This wasn't a side project or a learning exercise; it was a real business deliverable with real client expectations.
Working in a 2-person Agile team, we delivered the entire project in approximately one week — from initial requirements gathering and client sign-off through to production deployment and user acceptance testing. I handled everything beyond the code independently: UI/UX design, photography, and all written content.
My Role
Sole Owner
- ●UI/UX Design
- ●Photography
- ●Content Writing
- ●Deployment & DevOps
Collaborative (2-person team)
- ●Full-Stack Development
- ●Frontend (Next.js, Tailwind)
- ●Backend (Supabase, APIs)
- ●Agile Sprint Planning
Key Features
Online Booking System
Real-time availability, race condition prevention via PostgreSQL triggers, smart time slot filtering
Self-Service Cancellation
HMAC-SHA256 signed tokens, 24-hour business rule enforcement, automatic capacity release
Admin Dashboard
Booking management, time slot controls, operational metrics, direct booking creation
Bilingual Support
Full English / Traditional Chinese with locale-based routing via next-intl
Automated Emails
5 email types triggered by booking and cancellation events, bilingual templates
Performance
Lighthouse 90+ across Performance, Accessibility, Best Practices, and SEO
Tech Stack
Screenshots
