Rebuilding This Site with Astro and Notion
Why I moved my portfolio off Adobe Portfolio onto Astro, Tailwind, and a Notion CMS — the architecture and the trade-offs.
- astro
- notion
- meta
- web
Product Designer & Engineer — Tokyo
デザインからプロダクションへ
I'm Mac Xiang, a product designer and engineer based in Tokyo. I work across product design, UI/UX, AI products, and engineering — taking ideas from first sketch to shipped product.
Product work made for Japan's Digital Agency — public-sector digital services designed for clarity, accessibility, and trust at national scale.
デジタル庁のために作られたプロダクト
A unified system for city staff and field contractors — bringing inspection, reporting, and approval workflows for public green infrastructure into one coherent product.
都市インフラDX 基盤システム
Digital experience for the Japanese market of a Finnish brand that makes pro plugins and gear for guitar and bass.
NeuralDSP Japan
Why I moved my portfolio off Adobe Portfolio onto Astro, Tailwind, and a Notion CMS — the architecture and the trade-offs.
What changes when the product's core behavior is probabilistic: designing for uncertainty, latency, and trust in AI features.
Product research on the robot-vacuum category: mapping the competitive landscape and where a new entrant could still differentiate.
A business proposal exploring blockchain-based logistics tracking — what the technology genuinely solves and where it doesn't.
I'm Mac Xiang, a Tokyo-based product designer and engineer. I design and build digital products end to end — currently AI products and a 3D editor for spatial storytelling, previously civic-tech systems, design systems, and consumer apps.
More about meI make videos about product design, AI tools, and building in public — process breakdowns, critiques, and the occasional build log.
Watch on YouTubeContact
Product design, UI/UX, AI products, or engineering collaboration — I'd love to hear about it.
Start a conversation