Skip to content
Back to works
QUÀO Tea · 2026
03 / 03
QUÀO Tea
Food & Beverage · WordPress

QUÀO Tea

A custom WordPress brand, menu, and ordering experience for a local drinks business.

ServicesBrand Experience · Website UX
Year2026
Duration2 months
RoleUI/UX Design · Development
01 About the project

QUÀO Tea is a local food-and-beverage brand serving milk tea, fresh milk drinks, matcha, fruit tea, soda, and coffee. I designed and developed a custom WordPress experience that connects the brand story, menu discovery, useful content, and the path to placing an order.

Built for daily use, not only launch day

The site is structured so the QUÀO team can update menu items, editorial content, contact details, and key visual sections from WordPress. ACF-powered fields and synced field definitions keep those updates maintainable without turning the front end into a generic page-builder layout.

Design and implementation in one workflow

I worked across interface design, responsive development, content architecture, ordering interactions, technical SEO, and performance. That combined role made it possible to carry small brand details all the way from a visual decision into production code.

02 Project highlights
01
Challenge

A distinct local brand needed a maintainable digital home.

The website had to carry QUÀO’s visual character while making a varied drinks menu easy to browse and keeping everyday edits practical for the people running the business.

CustomBrand and menu experience
02
Solution

One custom system for brand, content, menu, and ordering.

I built the experience as a custom WordPress theme with structured fields, reusable content sections, responsive interactions, menu discovery, and an order flow designed around the real content rather than a prebuilt template.

StructuredWordPress editing workflow
03
Outcome

A site the business can keep using and evolving.

QUÀO Tea now has a coherent, admin-editable foundation for its brand pages, menu, articles, drink suggestions, contact information, and order experience without relying on unsupported visual claims or business metrics.

EvolvingBusiness-owned foundation
03 Inside the process

A brand experience shaped through design and code.

The work moved from content structure and menu logic to responsive interaction, WordPress implementation, and launch-minded performance.

Brand and content structure

Defined a clear home for the story, menu, useful articles, contact details, and ordering path.

Responsive menu UX

Designed drink discovery and ordering interactions for real phone-first browsing.

Custom WordPress build

Authored the theme and structured fields instead of depending on a generic page builder.

SEO and performance foundations

Kept templates semantic, content structured, and asset loading practical.

QUÀO Tea
Theme ownership
Custom

A purpose-built WordPress theme that can keep evolving with the business.

Content editing
Structured

Menu and brand sections remain manageable from WordPress.

Customer journey
Responsive

Navigation and ordering adapt across desktop and mobile.

Product care
Ongoing

The foundation supports continued content and experience improvements.