BRAND + WEBSITE + AI PLANNER · Design studio

MO Studio × Mandy Tsai

MO Studio × Mandy Tsai is a design studio co-founded by Mandy Tsai and Sousan. Animal-friendly is our core, but we take on any small brand, creator or shop that wants a website. This site is MO Studio's own "dogfood" — we run our own workflow through it, validating before selling to clients.

Services · Brand v3 SSOT / Next.js 16 + Tailwind v4 / Mandy's 36 illustrations / AI planner / Notion lead funnel

▸ See the live site mo-studio.org

01 · Needs

Client needs

· 5 audience segments (pet services / pet brands / stays & lifestyle / nature & sustainability / independent creators)
· 4 client-model pricing tiers (super Starter / design-only / growth (main) / advanced e-commerce)
· An AI planner that lowers the enquiry barrier — Round-3 human review before sending a formal quote
· Integrate Mandy's oil-pastel illustrations (arch frame ≤ 20%, not full-bleed)
· Forest green + cream + serif editorial visual tone

02 · Problem

The problem they faced

MO Studio's own brand went through three versions: v1 sharp "doctor" tone, v2 animal-industry vertical only, v3 expanded to 5 segments + AI planner + 4 client models. Each pivot got closer to what real leads actually look like. The biggest challenge: our own site has to be a portfolio, a service explainer, a lead machine, and a demo for clients — four roles, one entrance.

03 · Goals

Website goals

· Animal-core share ≥ 50% (the BRANDS · NATURE · PETS · STORIES · DESIGN stamp as differentiation)
· AI planner lowers the enquiry barrier — client fills form → system drafts an estimate → MO Studio reviews → formal quote in 3–5 business days
· Notion lead DB unifying both quote / contact entry points
· Threads + IG + SEO articles as three inbound tracks → /quote conversion

04 · Approach

Our approach

v3 stack: Next.js 16 (App Router) + React 19 + Tailwind v4 + Turbopack. Mandy's 36 illustrations integrated (hero arch / banner / icon / divider / footer deco / case banner). Notion lead DB with 26 properties (incl. reference-image upload + human-review quote_status flow). Direct R2 presigned-URL upload for client reference images (24h lifecycle auto-clean). Form anti-abuse trio: hCaptcha + rate limit + honeypot. /contact dual-writes to WordPress + Notion (resilient).

05 · Outcome

Outcome

✓ 13 routes all green (incl. /quote 6-step form + /quote/result human-review notice + /work cases + /pricing 4 models)

✓ Mandy's 36 illustrations integrated (72% coverage)

✓ Notion website-inquiry DB built with 26 fields + dual-write (/quote + /contact)

✓ AI Planner Round-3 human-review flow live

⏳ Lead count / demo conversion / client order rate — tracking after launch

06 · Learning

What we learned

「Your own site being a client-facing demo — Mandy + Sousan dogfooding together is how you find the real workflow pitfalls (asset delivery / copy voice alignment / repeated pricing models / the three sync rounds of landing Mandy v1.1). "Works for us" is the prerequisite for selling to clients. This case is a living sample of MO Studio's service model itself.」

Up Next

Want to see more cases

All work Plan my website