# Dacheng Chang — portfolio

> Machine-oriented site map of visual hierarchy. Pages are prerendered HTML; this file restates what is largest / primary on each page.

Site origin (update if the domain changes): https://www.changsdesigns.com
Person: Dacheng Chang — Senior UX designer (product, ecommerce, marketing; AI used to empower research/design)
Sitemap: /sitemap.xml
Robots: /robots.txt

## Page paths (root-relative — safe across domain changes)

- `/`
- `/work/marathon`
- `/work/flowgo`
- `/work/petlibro`
- `/work/mondo`
- `/llms.txt`
- `/sitemap.xml`

## Home `/`

Visual hierarchy (largest → supporting):
1. **Brand name “Dacheng Chang”** — largest hero text (`h1.hero__brand`). Primary identity.
2. **Role line** — secondary hero text (`p.hero__title`): Senior UX designer for AI, B2B SaaS & ecommerce. Not the page’s main title; supports the name.
3. **Lede** (`p.hero__lede`) — one-line craft summary under the role.
4. **CTAs** — See selected work / Get in touch.
5. **Sections** (`h2`): About → Focus/Approach/AI harness/Leadership (deck) → Selected work → Contact.
6. **Work items** (`h3` under Selected work): Marathon, FlowGo, Petlibro, Mondo Connex omni ordering — each links to `/work/...` above.

About body (exact): owns experience end to end across B2B, ecommerce, marketing; ships AI-powered products and uses AI for research/exploration; partners with founders/PMs/engineers; clarity → craft → ship → reflect.

## Work pages

Each case study page:
1. **Case title** (`h1` in `.case-hero`) — largest text; primary subject of the page.
2. **Eyebrow** — company / date context above the title.
3. **Lede** — short project summary under the title.
4. **Meta** — industry, platform, role, focus.
5. **Body sections** (`h2` / `h3`) — overview through retrospective; TOC mirrors section order.

- `/work/marathon` — Marathon (Arundo Analytics), industrial ops / B2B
- `/work/flowgo` — FlowGo EV brand, web, app
- `/work/petlibro` — Petlibro ecommerce / marketing / conversion
- `/work/mondo` — Mondo Connex omni menu ordering (kiosk / mobile / desktop)

## 404

Utility page; primary message is “page isn’t here” with links home and to work.