{"id":1256,"date":"2025-06-08T01:39:11","date_gmt":"2025-06-08T05:39:11","guid":{"rendered":"https:\/\/www.chiawei.com\/?post_type=chiawei_portfolio&p=1256"},"modified":"2026-04-05T23:24:56","modified_gmt":"2026-04-06T03:24:56","slug":"projects","status":"publish","type":"chiawei_portfolio","link":"https:\/\/www.chiawei.com\/zh\/portfolio\/projects\/","title":{"rendered":"\u9879\u76ee"},"content":{"rendered":"\n\n\n\n\n\n

\n

\n\n

Portfolio<\/p>\n<\/a>\n\n\n\n

<\/div>\n\n\n\n

<\/div>\n\n\n\n

Overview<\/p>\n<\/a>\n\n\n\n \n

Projects<\/p>\n<\/a>\n\n\n\n \n

Design Philosophy<\/p>\n<\/a>\n\n\n\n \n

Testimonials<\/p>\n<\/a>\n\n\n\n \n

About<\/p>\n<\/a>\n\n\n\n \n

The impact I created for the team<\/h1>\n<\/div>\n\n\n\n
\n
\n
All<\/a><\/div>\n<\/div>\n\n\n\n
\n\n\n\n
\n
Automation<\/a><\/div>\n\n\n\n
B2B<\/a><\/div>\n\n\n\n
B2C<\/a><\/div>\n\n\n\n
Communication Design<\/a><\/div>\n\n\n\n
Content Infrastructure<\/a><\/div>\n\n\n\n
Data Analysis<\/a><\/div>\n\n\n\n
Data Visualization<\/a><\/div>\n\n\n\n
Design Research<\/a><\/div>\n\n\n\n
Design Systems<\/a><\/div>\n\n\n\n
Generative AI<\/a><\/div>\n\n\n\n
Information Architecture<\/a><\/div>\n\n\n\n
Operational Efficiency<\/a><\/div>\n\n\n\n
Operational Tools<\/a><\/div>\n\n\n\n
Product Marketing<\/a><\/div>\n\n\n\n
Scheduling<\/a><\/div>\n\n\n\n
Strategy Research<\/a><\/div>\n\n\n\n
UX Optimization<\/a><\/div>\n\n\n\n
Web<\/a><\/div>\n\n\n\n
Workflow Design<\/a><\/div>\n<\/div>\n<\/div>\n\n\n\n
\n
\n
AIRA Health<\/h2>\n\n\n\n
(2025–Present)<\/p>\n<\/div>\n<\/div>\n\n\n\n
\n
\n
\n
Project<\/p>\n<\/div>\n\n\n\n
\n
Description<\/p>\n<\/div>\n\n\n\n
\n
Tags<\/p>\n<\/div>\n<\/div>\n\n\n\n
\n
\n
\n
Reframing the Problem Around User Decision-Making<\/p>\n\n\n\n
2026<\/p>\n<\/div>\n<\/div>\n\n\n\n
\n
\n
Challenged an AI capability-driven direction after identifying lack of decision structure as the root cause of clinical rework (rather than clinical team capacity or writing efficiency). Reframed the product around stateful Decision objects, validated by clinical experts and driving alignment with leadership.<\/p>\n\n\n\n
<\/div>
<\/div> $\"Decision$ <\/div><\/div><\/figure>\n<\/div>\n<\/div>\n\n\n\n
\n
\n
Strategy Research<\/p>\n\n\n\n
Design Research<\/p>\n\n\n\n
Workflow Design<\/p>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n
\n
\n
\n
Defining AI Capability Boundaries Across Scope and Context<\/p>\n\n\n\n
2026<\/p>\n<\/div>\n<\/div>\n\n\n\n
\n
\n
Modeled AI editing across scope and context as a structured matrix, making risks and dependencies explicit. Enabled the team to sequence development, avoid high-risk scenarios, and move forward independent of UI constraints.<\/p>\n\n\n\n
<\/div>
<\/div><\/div><\/div><\/figure>\n<\/div>\n<\/div>\n\n\n\n
\n
\n
Generative AI<\/p>\n\n\n\n
Information Architecture<\/p>\n\n\n\n
Strategy Research<\/p>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n
\n
\n
\n
Establishing Responsibility Through UX Language<\/p>\n\n\n\n
2026<\/p>\n<\/div>\n<\/div>\n\n\n\n
\n
\n
Replaced subjective UX wording debates with a structured language system encoding levels of commitment, making responsibility explicit in AI-assisted actions and reducing ambiguity in high-stakes decisions.<\/p>\n<\/div>\n<\/div>\n\n\n\n
\n
\n
Communication Design<\/p>\n\n\n\n
Strategy Research<\/p>\n\n\n\n
UX Optimization<\/p>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n
\n
\n
\n
Structuring AI Generation Around Clinical Certainty<\/p>\n\n\n\n
2025<\/p>\n<\/div>\n<\/div>\n\n\n\n
\n
\n
Modeled AI generation around clinical certainty across trial stages, structuring outputs into confidence tiers based on what is known vs. undecided. Prevented premature or misleading outputs and preserved user trust in high-stakes workflows.<\/p>\n\n\n\n
<\/div>
<\/div><\/div><\/div><\/figure>\n<\/div>\n<\/div>\n\n\n\n
\n
\n
Generative AI<\/p>\n\n\n\n
Workflow Design<\/p>\n\n\n\n
Strategy Research<\/p>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n
\n
\n
\n
Modeling AI Entry Points Across Interaction Modes<\/p>\n\n\n\n
2025<\/p>\n<\/div>\n<\/div>\n\n\n\n
\n
\n
Analyzed interaction structures, discoverability, and engineering cost across AI entry and interaction patterns. Resolved conflicting stakeholder preferences and drove a low-cost, testable MVP to observe real user behavior before scaling.<\/p>\n<\/div>\n<\/div>\n\n\n\n
\n
\n
Generative AI<\/p>\n\n\n\n
Information Architecture<\/p>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n
\n
\n
\n
Building a Code-Backed Design System for Execution Integrity<\/p>\n\n\n\n
2025<\/p>\n<\/div>\n<\/div>\n\n\n\n
\n
\n
Architected and shipped a design system through React and Storybook, ensuring design decisions are directly consumed in production. Reduced implementation gaps and maintained consistency between design intent and shipped product.<\/p>\n<\/div>\n<\/div>\n\n\n\n
\n
\n
Design Systems<\/p>\n\n\n\n
Operational Efficiency<\/p>\n\n\n\n
Web<\/p>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n
\n
\n
\n
Structuring AI Conversations for Clinical Reasoning and Collaboration<\/p>\n\n\n\n
2025<\/p>\n<\/div>\n<\/div>\n\n\n\n
\n
\n
Structured AI conversations across multiple surfaces to match how clinical teams explore evidence, compare options, and form decisions, reducing fragmentation across tools and discussion contexts.<\/p>\n<\/div>\n<\/div>\n\n\n\n
\n
\n
Generative AI<\/p>\n\n\n\n
Workflow Design<\/p>\n\n\n\n
Information Architecture<\/p>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n
\n
\n
\n
Making Document Changes Visible and Traceable<\/p>\n\n\n\n
2025<\/p>\n<\/div>\n<\/div>\n\n\n\n
\n
\n
Identified lack of change visibility as a key source of cognitive overload for principal investigators. Added a system-level view across time and document structure, enabling rapid identification of critical updates before review and reducing cognitive overload.<\/p>\n<\/div>\n<\/div>\n\n\n\n
\n
\n
Information Architecture<\/p>\n\n\n\n
Data Visualization<\/p>\n\n\n\n
UX Optimization<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n
\n
\n
Melo<\/h2>\n\n\n\n
(2024–2025)<\/p>\n<\/div>\n<\/div>\n\n\n\n
\n
\n
\n
Project<\/p>\n<\/div>\n\n\n\n
\n
Description<\/p>\n<\/div>\n\n\n\n
\n
Tags<\/p>\n<\/div>\n<\/div>\n\n\n\n
\n
\n
\n
Online ADHD Therapy Booking Experience<\/p>\n\n\n\n
2024<\/p>\n<\/div>\n<\/div>\n\n\n\n
\n
\n
Redesigned an online booking flow for adults with ADHD to surface therapist information earlier, enabling faster and more confident decision-making. Resulted in a 125% increase in therapist selection and booking clicks rising from 7.3% to 15.21%.<\/p>\n\n\n\n
[Case Study] Therapy Booking, Rebuilt for Engagement and Conversion<\/a><\/p>\n\n\n\n
<\/div>
<\/div><\/div><\/div><\/figure>\n<\/div>\n<\/div>\n\n\n\n
\n
\n
B2C<\/p>\n\n\n\n
Scheduling<\/p>\n\n\n\n
UX Optimization<\/p>\n\n\n\n
Web<\/p>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n
\n
\n
\n
API-Integrated Booking System Infrastructure<\/p>\n\n\n\n
2024<\/p>\n<\/div>\n<\/div>\n\n\n\n
\n
\n
Modular booking infrastructure integrating therapist content, schedules, and payments into a cohesive system. Enabled real-time data accuracy and smoother coordination, reducing maintenance costs and minimizing the risk of manual errors.<\/p>\n<\/div>\n<\/div>\n\n\n\n
\n
\n
Automation<\/p>\n\n\n\n
Operational Efficiency<\/p>\n\n\n\n
Scheduling<\/p>\n\n\n\n
Workflow Design<\/p>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n
\n
\n
\n
Engagement Design: Making People Stay<\/p>\n\n\n\n
2024<\/p>\n<\/div>\n<\/div>\n\n\n\n
\n
\n
Factors influencing ADHD therapy outcomes were analyzed to inform future strategies for sustaining user engagement.<\/p>\n\n\n\n
[Work] Case Study 2<\/a><\/p>\n\n\n\n
<\/div>
<\/div><\/div><\/div><\/figure>\n<\/div>\n<\/div>\n\n\n\n
\n
\n
Data Analysis<\/p>\n\n\n\n
Data Visualization<\/p>\n\n\n\n
Strategic Research<\/p>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n
\n
\n
\n
Evidence Design: Making ADHD Therapy Credible<\/p>\n\n\n\n
2024<\/p>\n<\/div>\n<\/div>\n\n\n\n
\n
\n
Case study on therapy outcomes for adults with ADHD. Findings compiled into a structured, evidence-based report to inform decisions by patients and stakeholders.<\/p>\n\n\n\n
[Work] Case Study 1<\/a><\/p>\n\n\n\n
<\/div>
<\/div><\/div><\/div><\/figure>\n<\/div>\n<\/div>\n\n\n\n
\n
\n
Data Analysis<\/p>\n\n\n\n
Data Visualization<\/p>\n\n\n\n
Strategic Research<\/p>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n
\n
\n
\n
Therapist Management System<\/p>\n\n\n\n
2024<\/p>\n<\/div>\n<\/div>\n\n\n\n
\n
\n
Structured data system built in Notion to support independent content management by the ops team. Real-time API syncing enabled efficient front-end integration with minimal developer involvement.<\/p>\n<\/div>\n<\/div>\n\n\n\n
\n
\n
Automation<\/p>\n\n\n\n
Content Infrastructure<\/p>\n\n\n\n
Operational Efficiency<\/p>\n\n\n\n
Operational Tools<\/p>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n
\n
\n
\n
Official Site Creation<\/p>\n\n\n\n
2024<\/p>\n<\/div>\n<\/div>\n\n\n\n
\n
\n
Official site architecture designed with scalability, brand consistency, and user experience in mind. Tech stack, templates, and plugins were selected to support long-term content growth and flexible updates, expanding from 9 to 35+ pages in 5 months while maintaining consistency.<\/p>\n\n\n\n
[Work] Melo Official Site<\/a><\/p>\n<\/div>\n<\/div>\n\n\n\n
\n
\n
B2C<\/p>\n\n\n\n
Content Infrastructure<\/p>\n\n\n\n
Information Architecture<\/p>\n\n\n\n
Web<\/p>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n
\n
\n
\n
Official Site Performance Optimization<\/p>\n\n\n\n
2024<\/p>\n<\/div>\n<\/div>\n\n\n\n
\n
\n
A\/B\/n testing on copy tone, background brightness, and CTA visibility led to conversion increases of 118.5%, 88.7%, and 93%.<\/p>\n<\/div>\n<\/div>\n\n\n\n
\n
\n
UX Optimization<\/p>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n
\n
\n
\n
A\/B\/n Testing Infrastructure for Growth Optimization<\/p>\n\n\n\n
2024–2025<\/p>\n<\/div>\n<\/div>\n\n\n\n
\n
\n
A\/B\/n testing framework structured for scalable optimization, with standardized naming, front-end logic, and GA4 event mapping enabling consistent analysis.<\/p>\n<\/div>\n<\/div>\n\n\n\n
\n
\n
Operational Efficiency<\/p>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n
\n
\n
\n
Real-Time Funnel Dashboard for Design Decisions<\/p>\n\n\n\n
2025<\/p>\n<\/div>\n<\/div>\n\n\n\n
\n
\n
GA4-based funnel dashboard engineered for real-time insight. JSON-driven logic automating data queries and rendering. Reduced insight latency from 30 minutes to seconds to support faster decision-making.<\/p>\n<\/div>\n<\/div>\n\n\n\n
\n
\n
Data Visualization<\/p>\n\n\n\n
Operational Tools<\/p>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n
\n
\n
\n
Pitch Deck for Fundraising<\/p>\n\n\n\n
2024–2025<\/p>\n<\/div>\n<\/div>\n\n\n\n
\n
\n
Fundraising pitch deck distilling product and market complexity into a clear, concise narrative. Helped align teams and received positive responses from multiple investors.<\/p>\n<\/div>\n<\/div>\n\n\n\n
\n
\n
Communication Design<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n
\n
\n
SmartX<\/h2>\n\n\n\n
(2018–2023)<\/p>\n<\/div>\n<\/div>\n\n\n\n
\n
\n
\n
Project<\/p>\n<\/div>\n\n\n\n
\n
Description<\/p>\n<\/div>\n\n\n\n
\n
Tags<\/p>\n<\/div>\n<\/div>\n\n\n\n
\n
\n
\n
Design System<\/p>\n\n\n\n
2020<\/p>\n<\/div>\n<\/div>\n\n\n\n
\n
\n
Built, and then restructured the design system to overcome collaboration barriers and enable multi-role workflows and continuous evolution. Role-path modeling, layered documentation, and feedback loops extended adoption to 8+ product platforms. Page-building efficiency improved by over 80%.<\/p>\n\n\n\n
[Case Study] Redesigning the Design System to Earn Cross-team Adoption<\/a><\/p>\n\n\n\n
<\/div>
<\/div><\/div><\/div><\/figure>\n<\/div>\n<\/div>\n\n\n\n
\n
\n
Design Systems<\/p>\n\n\n\n
Information Architecture<\/p>\n\n\n\n
Workflow Design<\/p>\n\n\n\n
UX Optimization<\/p>\n\n\n\n
Design Research<\/p>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n
\n
\n
\n
Design System Component Library & Design Template<\/p>\n\n\n\n
2020<\/p>\n<\/div>\n<\/div>\n\n\n\n
\n
\n
Component library and page templates built with clear structure and precise naming, grouping, and variant logic. Leveraged Figma features and plugins to enhance discoverability and maintenance—accessible to designers of all experience levels.<\/p>\n\n\n\n
[Figma] CloudTower™ UI Component Library (Copy)<\/a><\/p>\n\n\n\n
[Figma] CloudTower™ Design Templates (Copy)<\/a><\/p>\n<\/div>\n<\/div>\n\n\n\n
\n
\n
Design Systems<\/p>\n\n\n\n
Workflow Design<\/p>\n\n\n\n
Information Architecture<\/p>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n
\n
\n
\n
Web-Based Data Center UI & UX<\/p>\n\n\n\n
2020<\/p>\n<\/div>\n<\/div>\n\n\n\n
\n
\n
Redesigned 20+ enterprise-level workflows for a data center platform, restructuring information architecture and interaction logic. Combined user research with prototype testing to establish a consistent UI language that elevated the sense of professionalism and product experience.<\/p>\n\n\n\n
[Work] User Interface Design for CloudTower™<\/a><\/p>\n\n\n\n
<\/div>
<\/div><\/div><\/div><\/figure>\n<\/div>\n<\/div>\n\n\n\n
\n
\n
B2B<\/p>\n\n\n\n
Data Visualization<\/p>\n\n\n\n
Information Architecture<\/p>\n\n\n\n
Web<\/p>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n
\n
\n
\n
Official Site Redesign<\/p>\n\n\n\n
2018–2019, 2021<\/p>\n<\/div>\n<\/div>\n\n\n\n
\n
\n
Design research revealed limitations in product-centric narratives. Shifted the focus to intent-driven storytelling through redefined user journeys and information architecture. Collaborated with marketing to align product structure and content logic. Homepage bounce rate dropped by 40%, guiding further iterations.<\/p>\n\n\n\n
[Prototypes] Responsive Web Design for IT Infrastructure Enterprise<\/a><\/p>\n<\/div>\n<\/div>\n\n\n\n
\n
\n
B2B<\/p>\n\n\n\n
Content Infrastructure<\/p>\n\n\n\n
Design Research<\/p>\n\n\n\n
Information Architecture<\/p>\n\n\n\n
Product Marketing<\/p>\n\n\n\n
Strategic Research<\/p>\n\n\n\n
Web<\/p>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n
\n
\n
\n
Official Site Navigation Redesign<\/p>\n\n\n\n
2022–2023<\/p>\n<\/div>\n<\/div>\n\n\n\n
\n
\n
A flat navigation hierarchy was identified as a constraint on business expansion and content scaling. Proposed a new information and interface architecture to support structural flexibility. Prototypes aligned stakeholders and accelerated implementation. A component library ensured consistency and ease of maintenance.<\/p>\n\n\n\n
[Prototype] SmartX Inc. Official Site Navigation Redesign<\/a><\/p>\n\n\n\n
<\/div>
<\/div><\/div><\/div><\/figure>\n<\/div>\n<\/div>\n\n\n\n
\n
\n
B2B<\/p>\n\n\n\n
Design Systems<\/p>\n\n\n\n
Information Architecture<\/p>\n\n\n\n
Web<\/p>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n
\n
\n
\n
License Document Generator<\/p>\n\n\n\n
2022<\/p>\n<\/div>\n<\/div>\n\n\n\n
\n
\n
Created web-based tools for sales to generate software and service license documents. Real-time previews and one-click PDF exports streamlined accuracy and delivery, allowing non-technical staff to independently complete the process.<\/p>\n<\/div>\n<\/div>\n\n\n\n
\n
\n
Automation<\/p>\n\n\n\n
Operational Efficiency<\/p>\n\n\n\n
Operational Tools<\/p>\n\n\n\n
Web<\/p>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n
\n
\n
\n
Virtual Machine Migration Tool<\/p>\n\n\n\n
2019<\/p>\n<\/div>\n<\/div>\n\n\n\n
\n
\n
Built a visual VM migration tool for enterprise clients, simplifying complex tasks through intuitive interface design. Insights from support engineers shaped workflows aligned with user expectations—improving reliability and customer conversion.<\/p>\n\n\n\n
[Case Study] SMTX® Virtual Machine Migration Tool<\/a><\/p>\n\n\n\n
<\/div>
<\/div><\/div><\/div><\/figure>\n<\/div>\n<\/div>\n\n\n\n
\n
\n
B2B<\/p>\n\n\n\n
Design Research<\/p>\n\n\n\n
Workflow Design<\/p>\n\n\n\n
Web<\/p>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n
\n
\n
\n
Brand Design System for Marketing<\/p>\n\n\n\n
2021–2023<\/p>\n<\/div>\n<\/div>\n\n\n\n
\n
\n
Developed a brand-aligned design system to support marketing. Introduced a “Content × Medium” matrix to unify brand symbols and expressions across contexts. Guided marketing in content management and file naming standards to improve asset consistency and reuse. Toolkits built in Figma and Adobe ensured output accuracy and efficiency.<\/p>\n<\/div>\n<\/div>\n\n\n\n
\n
\n
Communication Design<\/p>\n\n\n\n
Design Systems<\/p>\n\n\n\n
Information Architecture<\/p>\n\n\n\n
Product Marketing<\/p>\n\n\n\n
Strategic Research<\/p>\n\n\n\n
Workflow Design<\/p>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n
\n
\n
\n
Product Marketing Video Direction<\/p>\n\n\n\n
2021–2023<\/p>\n<\/div>\n<\/div>\n\n\n\n
\n
\n
Led product video design and production. Developed a structured feedback language for tone and rhythm, improving communication with external composers. Created modular AE project files for future reuse and brand consistency. The video earned 800+ B2B shares.<\/p>\n\n\n\n
[Video] Product Brief Videos for HCI Product Portfolio<\/a><\/p>\n\n\n\n