Web Design / 01

Brand WebsiteBrand Website

A brand site isn't "good enough" — it's the 30-second pitch that decides whether a prospect reaches out. We design the story, the visual identity, the typography, the RWD and SEO as one piece. The site itself is the proposal.

/ Timeline
2 – 4 weeks
/ Pricing
Custom quote
/ Ideal for
Consultants, lawyers, doctors, studios, personal brands, B2B services
§ 01 · What's included

What's included

Every engagement is built from scratch, not templated. Each item is tailored to your actual needs.

  • 01Next.js or WordPress, built from scratch
  • 02Fully responsive (mobile, tablet, desktop, wide)
  • 03SEO foundation — hreflang, structured data, sitemap
  • 04Multilingual support (zh-TW / EN / JP)
  • 05Contact form with email notifications
  • 06Optional: editor-friendly CMS backend
§ 02 · Scenarios

Scenarios

Common use cases for this service — to help you size the scope and expected outcome.

Consultancy brand site

Multilingual, narrative-driven, high-conversion CTAs.

Studio portfolio

Minimal gallery, smooth transitions — the work does the talking.

§ 03 · Why it matters

Without a real brand site, you're losing deals daily — and you don't see it

Prospects search for you and find nothing

90% of prospects Google you before a meeting. If your site doesn't exist or looks broken, you get silently removed from the shortlist — and you'll never know.

Your card and your site look like two different companies

Inconsistent brand = lost trust. The cards, decks and Instagram posts you paid for get dragged down by a cheap-looking website.

Nowhere to show your real work

Case studies, testimonials, awards and press are scattered across Instagram and LinkedIn. Clients have to assemble the picture themselves — most won't, and you lose them.

Every quote starts from scratch

A good site answers 80% of the FAQs for you: services, process, pricing range, logistics. The first call focuses on the decision, not the basics.

§ 04 · What you get

Complete deliverables

Not just a website file — a complete package so your brand can actually operate long-term.

/ 01

Design phase

  • Brand discovery notes (goals, audience)
  • Two moodboard directions to choose from
  • Wireframes (information architecture)
  • High-fidelity designs (Figma source files)
  • Color system and typography guidelines
/ 02

Development phase

  • Next.js or WordPress custom code
  • Fully responsive (phone / tablet / desktop / wide)
  • SEO foundation (meta, Open Graph, structured data)
  • sitemap.xml and robots.txt
  • Google Analytics 4 + Search Console setup
  • Contact form with email notifications
  • Performance tuning (Core Web Vitals all green)
/ 03

Handover & support

  • Production deployment (Vercel or custom host)
  • SSL + domain configuration
  • 30-minute CMS training video
  • Complete source code (you own it all)
  • 30-day post-launch bug warranty
  • Optional monthly retainer
§ 05 · Timeline

From first call to launch day

  1. Week 0

    Free call + proposal

    15–30 minute call to clarify needs. Formal proposal in your inbox within 3 days.

  2. Week 1

    Discovery + moodboards

    Deep discovery, competitor review, two visual directions to pick from.

  3. Week 2

    Design finalised

    High-fidelity designs for home + 2-3 inner pages, one round of revisions included.

  4. Week 3

    Build + content

    Full page build, RWD testing, SEO setup, content population.

  5. Week 4

    QA + launch

    Cross-device QA, performance tuning, launch, analytics wiring, CMS training.

§ 06 · Tech stack

What we use and why

No shiny new toys. Battle-tested tools that stay stable and are easy to hand off later.

Next.js 15Primary framework

Top-tier performance, SEO-friendly, mature React ecosystem. Easy to hand off years from now.

WordPressAlternative option

When the editing team already knows WP, or the client plans to update content frequently.

Sanity / PayloadHeadless CMS

Pair with Next.js when you want agency-grade visuals plus an editor non-tech staff can use.

Tailwind CSSStyling system

Low maintenance cost, consistent design, small CSS bundle.

VercelDeployment

Global CDN, zero config, auto-deploy on Git push. Free tier fits most small sites.

ResendForm delivery

Replaces legacy SMTP. Great DX, high deliverability, generous free tier.

§ 07 · FAQ

You're probably wondering

  • Q01

    What if I want to edit content myself later?

    Tell me during kickoff and I'll pick an editor-friendly stack (WordPress or Next.js + Sanity/Payload). At handover you get a 30-minute video training, then you can update text, images and blog posts yourself without coming back to me.
  • Q02

    Why not just build it myself on Wix or Framer?

    If you have more time than money, sure. But Wix/Framer builds always look like Wix/Framer — clients subconsciously notice. If your industry sells on first impression (consulting, legal, medical, luxury), the difference shows up directly in what clients are willing to pay you.
  • Q03

    Do I pay extra for domain and hosting?

    Yes, but typically small: domain is NT$ 400–1,000/year (Cloudflare Registrar is cheapest), hosting on Vercel free tier is usually enough. For traffic spikes, Vercel Pro is US$ 20/month. You pay these providers directly, not through me.
  • Q04

    Can I add features later (members, shop, booking)?

    Yes. The architecture is built for future growth. You can come back to me for additions, or hand the code to another developer — the source is fully yours, not vendor-locked.
  • Q05

    Is multilingual an extra charge?

    Two languages (zh-TW + EN) are included. Additional languages quoted individually. All multilingual work uses proper hreflang + per-URL architecture (not front-end switching) so each language ranks in its own market.
  • Q06

    What if the site goes down after launch?

    Any bug within 30 days post-launch is fixed free. After 30 days you can pick a retainer (lightest tier is 4 hours/month) or pay per-call by the hour. Most brand sites run quietly for months without needing me.
  • Q07

    Can I pay in installments?

    Yes. Standard split is 50% to start, 50% on acceptance. Larger projects can split into three (30% kickoff, 30% design sign-off, 40% post-launch).
§ 03 · More from this category

More from this category

CONSULTATION · Brand Website

Let's talk
Brand WebsiteBrand Website

Book a free call
Reply within 24hQuote and contract includedRemote friendlyEN · 繁中