UX/UI Designer & Researcher

Designing for people, not assumptions

M.Sc. Engineering (NKNU) · Google UX Design Certificate. End-to-end design work: research, personas, wireframes, hi-fi prototypes — with a focus on accessibility, safety-first architecture, and ethical design.

3 Full case studies
47 Hi-fi screens
5+ Research methods
YA
Figma iOS Design User Research Responsive Web Accessibility

Selected work

Three end-to-end
case studies

Each project was taken from research and problem definition through to a polished, clickable hi-fi prototype — with a full usability research plan.

Transport · Nov–Dec 2025

SchoolRoute

A dual-role app for live bus tracking and carpool coordination. Parents get real-time tracking and carpool discovery; students get route details and classmate coordination — all in a dark-themed design system.

iOS Mobile 15 hi-fi screens Dark theme system Dual user roles

Overview

SchoolRoute is a mobile application designed to solve a real problem faced by thousands of families every day: managing school transport. Parents struggle to track whether their child's bus is on time, communicate with other parents about carpooling, and get notified when something changes. Students have no centralised place to find their route, check stops, or coordinate shared rides.

The Problem

School transport coordination is fragmented. Parents rely on a combination of text messages, school newsletters, WhatsApp groups, and paper timetables — none of which are connected. This creates three core pain points: no live tracking, no carpool discovery, and scattered communication across inconsistent channels.

Key Design Decisions

Dark theme
Chosen to create contrast, reduce eye strain, and communicate a technical/real-time feel appropriate for a transport app.
Colour-coded cards
Each quick-access card uses a different tinted background so users can scan by colour without reading labels.
Role-based onboarding
Role selection at onboarding ensures parents and students see relevant content without any settings configuration.
Familiar transit patterns
The live route tracker uses a dot-and-line pattern inspired by real transit apps, making the concept immediately recognisable.

Outcomes

15hi-fi screens
5design stages
6task scenarios
2user roles

What I Learned

Design consistency is harder than it looks — maintaining the same spacing, border radius, font weight, and colour usage across 15 screens requires constant cross-referencing. I also learned that UX and UI are inseparable: the best-looking screen fails if users can't navigate to it or understand what it does.

Personal Finance · Jan–Feb 2026

Pocket

A budgeting app that adapts to how users earn — salary, allowance, freelance, or pension — via an income-mode selector at onboarding. Chart-first dashboard, two-tap expense entry, and a savings runway calculator for fixed-income users.

iOS + Responsive Web 16 hi-fi screens WCAG-informed sizing Shared budget mode

Overview

Pocket is a mobile app and responsive website designed to solve the problem that existing finance apps are built for one type of user — a salaried adult with a stable monthly income. It serves students, freelancers, couples, and retirees with an experience that adapts from the moment of setup through an income-mode selector.

The Problem

Students and irregular earners, couples managing shared households, and older users on fixed incomes are completely underserved by existing budgeting apps. The result: most people either abandon these apps within a few weeks or fall back on spreadsheets that require too much manual effort to maintain.

Key Design Decisions

Income mode selector
At onboarding, users select how they receive money: Salary, Allowance, Freelance, or Pension. This sets the entire budgeting model downstream.
Chart-first dashboard
A donut chart leads the dashboard rather than a transaction list — reducing cognitive load for quick daily check-ins.
Two-tap expense entry
Manual expense logging was designed to take exactly two taps: amount and category — dramatically reducing abandonment.
Savings runway
For pension-mode users, a projection shows "at your current spending rate, your savings will last X months" — reframing savings for finite incomes.

Outcomes

16hi-fi screens
5user types served
20+prototype paths
44pxmin tap targets

What I Learned

The income mode selector is a single UI choice, but it restructures the entire app architecture downstream. This taught me to think about design decisions not as isolated screens but as systems — and deepened my data visualisation design skills significantly.

Mental Health · Mar–Apr 2026

MindBridge

A mobile app and responsive website for stigma-free mental health peer support. Designed for people not yet ready for therapy — featuring anonymous identity, moderated peer circles, and a persistent crisis support pathway on every screen.

iOS + Responsive Web 5 personas Safety-first architecture Anonymous by default

Overview

MindBridge addresses a gap that affects millions of people globally: the absence of accessible, stigma-free mental health peer support for those not yet ready for professional therapy. The product sits between expensive clinical platforms and generic wellness apps that lack genuine human connection.

The Problem

Three major user groups are completely underserved: people in the pre-clinical range who are told "you don't need therapy" but have nowhere to turn; caregivers — one of the highest-burnout groups, nearly invisible in consumer mental health design; and people from cultures where stigma prevents formal help-seeking.

Key Design Decisions

Safety-first navigation
Crisis support is a persistent element in the global nav bar — not in settings. A content category was displaced to make this possible.
Anonymous-first identity
Users choose a username and optional avatar before any account creation. Email is an optional recovery field only — never shown to others.
Designing for non-engagement
The mood tracker has no streak, no daily reminder by default, and no gamification — directly responding to research showing guilt-driven app abandonment.
Peer supporter pathway
A structured, badged 3-level pathway for people in recovery to give back safely — without requiring clinical credentials.

Outcomes

5personas
5competitors audited
3web breakpoints
6task scenarios

What I Learned

Safety design is not a feature — it is infrastructure. The decision to place crisis support in persistent navigation rather than a help menu required displacing another category, but this trade-off is non-negotiable for a mental health product. Ethical UX sometimes means constraining design freedom deliberately.

Background

Engineer turned
experience designer

I am a UX/UI designer based in Kaohsiung, Taiwan, with a background in engineering research and a Google UX Design Professional Certificate. I bring systems thinking to design problems — asking why a flow works before asking what it looks like.

My M.Sc. research at NKNU involved building a Genetic Algorithm framework that reduced operational time by 26.9% across simulated datasets — the same rigour I apply to design: define the problem, measure the outcome, iterate.

I have completed three end-to-end portfolio projects across mental health, personal finance, and transport — each covering the full design process: research, personas, competitive analysis, wireframes, hi-fi prototyping, and a structured usability research plan.

I am open to global opportunities, fluent in English, and actively seeking my first UX role.

Mar–Apr 2026
MindBridge — Mental Health Peer Support
iOS App + Responsive Web · Figma
Jan–Feb 2026
Pocket — Personal Finance App
iOS App + Responsive Web · Figma
Nov–Dec 2025
SchoolRoute — School Transport App
iOS App · Figma
2024–2025
Google UX Design Professional Certificate
Coursera — All 8 courses completed
2023–2025
M.Sc. Engineering — NKNU
Kaohsiung, Taiwan · MOE Scholarship
Design
  • Figma
  • Adobe XD
  • Wireframing
  • Prototyping
  • Design Systems
  • Visual Design
Research
  • User Personas
  • Journey Mapping
  • Competitive Audit
  • Usability Testing
  • HMW Framing
  • Information Architecture
Accessibility
  • WCAG Guidelines
  • 44px tap targets
  • Colour contrast
  • Screen readers
Technical
  • HTML/CSS
  • GitHub
  • Canva
  • Systems Thinking

Let's work together

Open to UX roles
worldwide

Based in Kaohsiung, Taiwan — available for remote work globally or relocation. Let's talk.