Work
Selected Work
Streamlining Hopper's Help Center: From Efficiency to Brand Warmth
Mobile / B2C / Visual & Motion Design
A complete redesign that lifted self-service resolution and gave the Help Center a visual and motion language that finally felt like Hopper.
Streamlining Hopper's Help Center: From Efficiency to Brand Warmth
Mobile / B2C / Visual & Motion Design
A complete redesign that lifted self-service resolution and gave the Help Center a visual and motion language that finally felt like Hopper.
Streamlining Hopper's Help Center: From Efficiency to Brand Warmth
Mobile / B2C / Visual & Motion Design
A complete redesign that lifted self-service resolution and gave the Help Center a visual and motion language that finally felt like Hopper.
From Chaos to Clarity: Revolutionizing Meta's Business Notifications Platform
Dashboard / B2B / Website
Pitched a new direction for Meta’s notification platform, shaping a 1-year roadmap and holistic redesign that increased adoption by 61%.
From Chaos to Clarity: Revolutionizing Meta's Business Notifications Platform
Dashboard / B2B / Website
Pitched a new direction for Meta’s notification platform, shaping a 1-year roadmap and holistic redesign that increased adoption by 61%.
From Chaos to Clarity: Revolutionizing Meta's Business Notifications Platform
Dashboard / B2B / Website
Pitched a new direction for Meta’s notification platform, shaping a 1-year roadmap and holistic redesign that increased adoption by 61%.
The Birth of Travel Intelligence: Building Hopper's First AI-Native Chatbot
AI Chatbot / B2C / LLM Integration / 0 to 1
Led the end-to-end UX for Hopper's first LLM-powered travel assistant. Optimized conversational flows to mitigate AI hallucination friction, build user trust, and redefine the customer support value proposition.
The Birth of Travel Intelligence: Building Hopper's First AI-Native Chatbot
AI Chatbot / B2C / LLM Integration / 0 to 1
Led the end-to-end UX for Hopper's first LLM-powered travel assistant. Optimized conversational flows to mitigate AI hallucination friction, build user trust, and redefine the customer support value proposition.
The Birth of Travel Intelligence: Building Hopper's First AI-Native Chatbot
AI Chatbot / B2C / LLM Integration / 0 to 1
Led the end-to-end UX for Hopper's first LLM-powered travel assistant. Optimized conversational flows to mitigate AI hallucination friction, build user trust, and redefine the customer support value proposition.
Building Seamless Human-in-the-Loop UX: Redesigning Autonomous AI Agent
AI Agent / HITL Design / Claude Code Prototype / AI UX
Audited and redesigned Simular Cloud, an autonomous AI agent product. Created a Human-in-the-Loop framework to improve system transparency. Built a functional live prototype using Claude Code to deliver a real product experience.
Building Seamless Human-in-the-Loop UX: Redesigning Autonomous AI Agent
AI Agent / HITL Design / Claude Code Prototype / AI UX
Audited and redesigned Simular Cloud, an autonomous AI agent product. Created a Human-in-the-Loop framework to improve system transparency. Built a functional live prototype using Claude Code to deliver a real product experience.
Building Seamless Human-in-the-Loop UX: Redesigning Autonomous AI Agent
AI Agent / HITL Design / Claude Code Prototype / AI UX
Audited and redesigned Simular Cloud, an autonomous AI agent product. Created a Human-in-the-Loop framework to improve system transparency. Built a functional live prototype using Claude Code to deliver a real product experience.
Pride@NFTea: Taiwan's First LGBTQ+ Blockchain Fundraiser
Web 3 NFT / Social Impact / Metaverse
Coordinated Meta's volunteers across Taiwan, Hong Kong, and Singapore to create interactive NFTs raising funds for Taiwan's largest LGBTQ+ community.
Pride@NFTea: Taiwan's First LGBTQ+ Blockchain Fundraiser
Web 3 NFT / Social Impact / Metaverse
Coordinated Meta's volunteers across Taiwan, Hong Kong, and Singapore to create interactive NFTs raising funds for Taiwan's largest LGBTQ+ community.
Pride@NFTea: Taiwan's First LGBTQ+ Blockchain Fundraiser
Web 3 NFT / Social Impact / Metaverse
Coordinated Meta's volunteers across Taiwan, Hong Kong, and Singapore to create interactive NFTs raising funds for Taiwan's largest LGBTQ+ community.
Crafted with AI
Be real in your circle: Redesign the social app BeReal
Mobile / Claude Code Prototype / B2C / Social
Reframed BeReal around named circles to restore intimate, low-pressure sharing. Introduced a Circle Banner, a shape dual-camera for self-expression, and a Circle Reel that weaves a group's daily moments into one shared story. Designed in Figma, then built into a working front-end with live micro-interactions using Claude Code.
Be real in your circle: Redesign the social app BeReal
Mobile / Claude Code Prototype / B2C / Social
Reframed BeReal around named circles to restore intimate, low-pressure sharing. Introduced a Circle Banner, a shape dual-camera for self-expression, and a Circle Reel that weaves a group's daily moments into one shared story. Designed in Figma, then built into a working front-end with live micro-interactions using Claude Code.
Be real in your circle: Redesign the social app BeReal
Mobile / Claude Code Prototype / B2C / Social
Reframed BeReal around named circles to restore intimate, low-pressure sharing. Introduced a Circle Banner, a shape dual-camera for self-expression, and a Circle Reel that weaves a group's daily moments into one shared story. Designed in Figma, then built into a working front-end with live micro-interactions using Claude Code.
Breath Moment: A Mindful Breath New Tab
Claude Code / Chrome Extension / Wellness
An independently developed Chrome extension designed to bring a moment of peace to your daily browsing. The concept is simple: transforming every new tab into a calming sanctuary. It features a privacy-first 4-7-8 breath meditation that operates strictly offline with zero tracking. To bring this to life, the entire front-end was built from zero to one using Claude Code for rapid development and implementation.
Breath Moment: A Mindful Breath New Tab
Claude Code / Chrome Extension / Wellness
An independently developed Chrome extension designed to bring a moment of peace to your daily browsing. The concept is simple: transforming every new tab into a calming sanctuary. It features a privacy-first 4-7-8 breath meditation that operates strictly offline with zero tracking. To bring this to life, the entire front-end was built from zero to one using Claude Code for rapid development and implementation.
Breath Moment: A Mindful Breath New Tab
Claude Code / Chrome Extension / Wellness
An independently developed Chrome extension designed to bring a moment of peace to your daily browsing. The concept is simple: transforming every new tab into a calming sanctuary. It features a privacy-first 4-7-8 breath meditation that operates strictly offline with zero tracking. To bring this to life, the entire front-end was built from zero to one using Claude Code for rapid development and implementation.
Product Impact
Audio Guidance for Ads
Ads Localization / Accessibility
Invented audio feature for advertisers to address digital literacy gap in India
Facebook Ads Onboarding
Ads Growth / Emerging Market / China
Acquired 100K+ advertisers in China and emerging markets via localized onboarding
FB/IG Conversational Commerce
B2C E-Commerce / SEA / Payment
Drove 120% growth in GMV in Southeast Asia by redesigning end-to-end transaction journeys
VIP Service Strategy
Business Strategy / Monetization
Redefined VIP value proposition and identified new revenue streams through strategic research
Occupancy Map
Accessibility / Space Technology
90% satisfaction, first color-blind friendly occupancy map across 125 global locations
Help Center Redesign
Mobile / Customer Support
Increased self-service rate through holistic redesign
