Skip to content

CLARIFY THE PROBLEM
BUILD SOMETHING USABLE

Independent software application product developerAI as a way of collaborating

I started with editing and content structure, then built experience in visual design, interface design, and frontend development. I currently take on commissioned graphic design, UI/UX, and frontend work, quoted by confirmed scope.

See the workAsk about commissioned work

EXPERIENCE

  1. 2023/09 - 2025/12

    Artificial Intelligence Foundation

    Front-end Engineer

    Worked across UI/UX and frontend delivery, including custom systems, AI interfaces, and marketing or event visuals.

    VISUAL WORK
    Expand：Artificial Intelligence Foundation Front-end Engineer

    Responsibilities

    • Full-Lifecycle Product Delivery: Owned end-to-end execution from UI/UX design concepts to frontend engineering, guaranteeing pixel-perfect alignment and high-quality delivery from ideation to production.
    • Greenfield Custom System Engineering: Architected bespoke web platforms and back-office management systems from scratch to fulfill external partnership requirements, expertly decoupling and implementing intricate business logic.
    • AI Product Design & Frontend Engineering: Spearheaded UI design, frontend engineering, and tech maintenance for generative AI apps, translating complex AI models and LLM workflows into intuitive, frictionless user interactions.
    • Full-Spectrum Cross-Media Design: Delivered high-impact marketing collateral and physical exhibition layouts, flexibly handling a wide array of visual design and branding needs.
    • Engineering Mentorship & Code Quality Governance: Mentored and upskilled junior developers via technical workshops and rigorous code reviews, resolving blocker bottlenecks to safeguard sprint milestones and delivery velocity.

    Selected outcomes

    2025 Taiwan Industry AI Transformation Survey & AI Landing Guide
    • End-to-End Visual & Technical Delivery: Owned full-lifecycle execution spanning website UI/UX interface design, frontend prototyping, and the complete layout and visual blueprint for the printed publication.
    • Design & Engineering Synchronization: Guaranteed seamless cross-media visual alignment and identity continuity across both digital product nodes and physical editorial prints.
    2023 Taiwan Industry AI Transformation Survey Questionnaire System
    • Stack Selection & Architectural Scaffolding: Evaluated system capacity constraints and velocity goals to spearhead technical stack selection (Astro + Vue), architecting a highly robust modular scaffold.
    • Cross-Functional Technical Liaison: Led frontend engineering while collaborating with backend peers to establish strict API contracts and reactive data-flow structures, eliminating payload anomalies during data collection.
    Artificial Intelligence Technology Foundation Official Website & Kokko Biomedical Corporate Image Portal
    • Modern Frontend Framework Deployment: Leveraged Astro to engineer a decoupled, maintainable frontend architecture, maximizing team development velocity and delivery benchmarks.
    • Web Performance & Search Experience Optimization: Spearheaded technical SEO via semantic HTML markup and refined core web vitals, striking a perfect balance between sophisticated UI motion and lightning-fast rendering speeds.
    • Localization & Scale Architecture: Owned the architecture and implementation of a scalable i18n localization engine, facilitating global market expansion.

  2. 2021/08 - 2022/12

    eForce Taiwan Co., Ltd.

    Senior Front-end Engineer

    Built frontend experiences for commerce and admin systems, integrated APIs, and worked with design and product partners on flows.

    Expand：eForce Taiwan Co., Ltd. Senior Front-end Engineer

    Responsibilities

    • Full-Lifecycle Frontend Engineering: Owned end-to-end frontend development for various e-commerce platforms and internal admin dashboards. Expertly managed complex checkout funnels and heavy data states, with a proven track record of shipping greenfield products from scratch.
    • Decoupled Architecture & API Integration: Designed and engineered fully decoupled frontend architectures with deep API consumption, ensuring robust state isolation, modular scalability, and long-term maintainability.
    • UI/UX & High-Performance Interactions: Overseeing frontend UI aesthetics and complex interactive feature engineering, striking the perfect balance between high information density and intuitive UX to deliver slick, high-fidelity user experiences.
    • Cross-Functional Tech Consultant & Bridge: Partnered with UI/UX designers and PMs as a technical liaison, defining engineering strategies for complex user pathways to guarantee technical feasibility without compromising design vision.
    • API Co-Design & Rendering Optimization: Collaborated closely with backend teams to shape optimal API contracts and JSON schemas, maximizing data payloads transfer efficiency and boosting frontend rendering performance.

    Selected outcomes

    Join E-Commerce Mall Sunsetted
    • Full-Scaffold Engineering: Handled full-site frontend development across storefront and admin portals, implementing a modular component blueprint that maximized reusability and scalability under high-velocity iterations.
    • Payment & Auth Infrastructure: Driven seamless integration of ECPay gateway APIs, OAuth 2.0 social logins (Google/Facebook), and diverse third-party services, safeguarding transaction flows and sensitive data streams.
    • E-Commerce Growth & UX Optimization: Engineered schema.org structured data to boost SEO impressions and product discovery; reinvented dashboard interfaces to optimize operational velocity and back-office productivity.
    IAL International Artist League Sunsetted
    • Independent Greenfield Delivery: Owned end-to-end frontend execution from scratch for both user and admin environments, instituting standardized modular guidelines that unlocked system elasticity.
    • Full-Funnel Commerce Integration: Independently designed back-office interfaces and encapsulated ECPay transaction adapters, spinning up a frictionless, one-stop hub from digital storefront to order fulfillment and financial settlement.

  3. 2019/04 - 2020/07

    Loveparent Technology Limited.

    Front-end Design Engineer

    Connected brand visuals with web product planning through system UI/UX, frontend work, and API collaboration.

    VISUAL WORK
    Expand：Loveparent Technology Limited. Front-end Design Engineer

    Responsibilities

    • Brand Visual Governance: Owned the overarching strategy and implementation of the company's VI system, ensuring cross-channel visual alignment across print, retail touchpoints, and digital media through strict brand design guidelines.
    • Web Product Ownership & Project Management: Spearheaded the full lifecycle of web product development—from discovery and scoping to technical execution—driving alignment between project milestones and business objectives.
    • Cross-Functional Interface Integration: Bridged brand identity and digital product design by owning both UI/UX and frontend engineering. Delivered intuitive, user-centric interaction architectures that seamlessly fused design aesthetics with technical execution.
    • Interactive Frontend & API Integration: Engineered complex frontend interactions and robust API integrations. Developed high-performance, data-driven interfaces featuring rich UI animations to maximize visual engagement and deliver frictionless user experiences.

    Selected outcomes

    iChin Healthcare Service Management Platform Sunsetted, Medical Supplies Procurement System Sunsetted, Medical Assistive Device Prescription & Post-Discharge Procurement System Sunsetted
    • Product Ownership & Strategic Scoping: Spearheaded product discovery and requirement gathering, defining core product roadmaps within highly intricate business logic to ensure flawless alignment with complex healthcare workflows.
    • High-Complexity Full-Stack Interface & Frontend Architecture: Owned end-to-end UI/UX for both client and admin facing systems, architecting a scalable, modular frontend scaffold that seamlessly handled real-time reactive data binding during high-frequency procurement.
    • Cross-Functional Technical Integration: Driven frontend execution while proactively collaborating with backend engineers to design robust API specs and optimized data structures, significantly accelerating system performance and cross-team development velocity.
    • Core Value Delivered: Successfully digitized tedious offline clinical evaluations and procurement workflows, delivering a high-availability, logically consistent medical management solution that drove digital transformation.

  4. 2017/09 - 2018/10

    MYSTERIOUS FIRE DIGITAL Technology Limited.

    Visual Designer

    Worked across multimedia brand visuals, web UI and interactions, and mobile app interface design.

    VISUAL WORK
    Expand：MYSTERIOUS FIRE DIGITAL Technology Limited. Visual Designer

    Responsibilities

    • Multimedia Visuals & Ad Creative Development: Crafted dynamic motion assets for video production, designing high-converting social media ad creatives and graphics optimized for performance marketing.
    • End-to-End Corporate Identity (CI) Strategy: Owned the definition and implementation of CIS standards, creating a unified visual identity system that drives brand alignment across every consumer touchpoint.
    • Web Interface & Interactive Front-End Engineering: Drove web product delivery across UI design, semantic HTML/CSS markup, and front-end interaction coding, seamlessly bridging the gap between design and engineering to turn static comps into high-fidelity digital experiences.
    • Mobile App UI Design: Spearheaded mobile UI concepts and layouts, optimizing interfaces based on mobile-first interaction patterns, ergonomics, and user behaviors.

    Selected outcomes

    iFun Games Platform Deprecated / Sunset
    • Cross-Functional Product Delivery: Owned end-to-end UI design and frontend layout implementation for the gaming platform, maintaining rigorous pixel-perfection to ensure high-fidelity delivery of the design comps.
    • Technical Architecture & Scaffold Design: Architected a modular frontend development framework with long-term scalability in mind, drastically boosting component reusability and cross-project engineering efficiency.

  5. 2016/07 - 2017/07

    CAPSULE TAIWAN Inc.

    Visual Designer

    Created social, event, identity, and marketing visuals, and contributed to projects involving licensed IP.

    VISUAL WORK
    Expand：CAPSULE TAIWAN Inc. Visual Designer

    Responsibilities

    • Comprehensive Brand Visual Management: Coordinated digital visual standards across multiple platforms, including YouTube, Facebook, and live streaming events, ensuring brand recognition and consistency across diverse social media networks.
    • Commercial Marketing Design & Conversion: Responsible for designing high-click-through-rate (CTR) ad graphics and promotional assets, translating visual aesthetics into digital assets with commercial conversion power to enhance marketing traffic-driving effectiveness.
    • Corporate Identity System (CIS) Formulation: Led the establishment and application of corporate CIS guidelines, defining brand visual standards and extending them to physical merchandise, event collateral, and PR exhibition designs.
    • Cross-Media Design Execution: Possess cross-media production capabilities ranging from digital web assets to physical posters and exhibition layouts, flexibly responding to diverse PR and marketing needs while ensuring visual quality and brand tone alignment.
    • Design Quality Control & Team Mentorship: Responsible for reviewing the output and providing technical guidance to junior designers, optimizing design workflows, and ensuring project delivery on schedule within a fast-paced environment.

    Selected outcomes

    Prominent Creator & Major IP Project Execution
    • Keigo Mihara (Popular YouTuber): Coordinated the development and design of brand merchandise (T-shirts, wristbands, drawstring bags, etc.), translating IP characteristics into physical products with commercial value.
    • 'Sword Art Online: Memory Defrag' Special Exhibition (Animate Taipei Flagship Store): Solely responsible for the visual layout of the entire exhibition venue, limited-edition merchandise, and marketing collateral design. Delivered high-quality, consistent cross-media visual outputs under the Japanese partner's rigorous brand guidelines.
    • 'Shadowverse' Traditional Chinese Version Launch Press Conference (Syntrend Esports Arena): Solely coordinated the large-scale visual presentation at the press conference, promotional giveaways, and the complete set of PR collateral design. Overseeing the entire process from design drafts to physical production, ensuring the professionalism and visual impact of the brand presentation.

  6. 2014/08 - 2015/09

    Openmind international Co.,Ltd.

    Commercial Designer

    Worked on corporate identity, product packaging, and editorial design, alongside cross-border product and channel visuals.

    VISUAL WORK
    Expand：Openmind international Co.,Ltd. Commercial Designer

    Responsibilities

    • Brand Identity System & Print Visual Development: Spearheaded the definition and design of the company’s overall CIS guidelines, and coordinated the visual presentation of various print collateral and retail marketing materials, ensuring high consistency and recognition of the brand image across cross-media platforms.
    • Product Packaging Strategy & Design Practice: Driven by the core value of products, responsible for the creative conceptualization, visual structure planning, and production outsourcing of packaging design; transformed business objectives into attractive product appearances while ensuring mass-production quality and integrity.
    • Large-Scale Publication Visual & Text Coordination: Directed the editorial planning of periodicals and books, leading the typesetting logic and visual fluency of complex image-text information to ensure the readability, premium feel, and overall reading experience of long-form content.

    Selected outcomes

    • Cross-Border Market Product Visual Development: Responsible for product packaging and serialized development for the Mainland China market. Formulated precise product visual strategies tailored to foreign market preferences and local regulatory requirements, ensuring brand compliance and market competitiveness in cross-border sales.
    • Comprehensive Marketing Design Support: Led the planning and production of various point-of-sale (POS) materials, enhancing product display competitiveness at retail terminals through design solutions to effectively boost consumer purchase motivation.

  7. 2012/05 - 2014/08

    WANG-CHI ENTERPRISE CO., LTD.

    Art Editor

    Created brand identity, product packaging and displays, plus e-commerce visuals and website UI.

    VISUAL WORK
    Expand：WANG-CHI ENTERPRISE CO., LTD. Art Editor

    Responsibilities

    • Cross-Media Brand Identity Construction: Spearheaded the company’s overall CIS (Corporate Identity System) guidelines and extended the visual language to print collateral and retail promotional materials, ensuring high brand recognition across diverse media.
    • Product Packaging & Commercialization Strategy: Directed the core conceptualization and execution of product packaging, transforming brand tone into market-attractive physical packaging to enhance on-shelf visual competitiveness.
    • Physical Scene & Display Planning: Managed in-store product displays and spatial visual merchandising design, creating an immersive offline brand experience to optimize customer perception in physical spaces.
    • Digital Channel Visual Operations: Responsible for e-commerce product image editing and catalog management, as well as developing visual assets for FB social media to optimize product conversion rates across digital channels.
    • Web Interface Design & Optimization: Executed front-end website UI design, ensuring that digital interfaces balance visual aesthetics with readability and user experience (UX).

    Selected outcomes

    • International Brand Exhibition Visual Execution: Responsible for the full range of promotional material design for the Sony PlayStation booth at the 2013 Taipei Game Show (TGS). Ensured the professionalism and visual impact of large-scale exhibition outputs under the stringent brand guidelines of a major international corporation.
    • In-House Product Serialization Design: Held full ownership over the packaging and visual language development for the company’s self-developed products, transforming product features into market-competitive commercial packaging solutions and establishing a consistent product series brand identity.

  8. 2011/04 - 2012/05

    Han Xiang Publications Inc.

    Editor

    Handled book production, page and cover design, and retail-channel marketing copy.

    VISUAL WORK
    Expand：Han Xiang Publications Inc. Editor

    Responsibilities

    • Publishing Product Execution: Responsible for the complete end-to-end book editing and production process, ensuring strict quality control.
    • High-Complexity Typography & Layout Design: Directed interior layout design and typesetting; possessed rigorous logic for handling massive volumes of text and complex informational hierarchies, ensuring a clear content structure and premium reading texture.
    • Commercial Visual Creativity & Marketing Copywriting: Executed creative concepts and visual design for book covers while authoring market-driven marketing copy, achieving a deep integration of visuals and text to enhance book visibility across retail channels.
    • Publishing Project Timeline Management: Managed the practical workflow from compilation to final production, ensuring the precise and timely delivery of multiple parallel projects under strict publishing schedules.

    Selected outcomes

    • Cross-Functional Integration & Process Optimization: Leveraged dual expertise in copywriting/editing and visual design to effectively reduce cross-departmental communication costs. Optimized workflows to double the publishing production capacity.
    • Operational & Development Cost Control: Utilized multi-tasking capabilities across the full project lifecycle to significantly shorten project cycles, effectively saving human resource allocation and time-to-market development costs for the company, thereby achieving high-efficiency operational goals.

  9. 2009/10 - 2011/03

    DrMaster Press Co., Ltd.

    Editor

    Handled publishing selection, cover and interior layout, book production, and retail-channel marketing copy.

    Expand：DrMaster Press Co., Ltd. Editor

    Responsibilities

    • Publishing Product & Topic Selection Strategy: Evaluated topics and analyzed market entry points from a commercial perspective, accurately capturing reader demands and market trends.
    • Visual Communication & Layout Structural Design: Spearheaded cover concepts and interior layout design; mastered typographic hierarchies and information design to ensure high readability and strong market visual appeal.
    • End-to-End Project Editing & Production: Independently managed the entire book lifecycle from manuscript, editing, and design to final printing, ensuring high-quality project delivery under rigorous publishing deadlines.
    • Marketing Communication & Copywriting Transformation: Authored retail marketing copy, converting product features into persuasive commercial language to boost visibility and conversion rates across terminal retail channels (e.g., Eslite, Bookstore.com.tw / Books.com.tw).

    Selected outcomes

    Spearheaded the editing and production of "跟國際級大師學CG電繪：Photoshop＆Painter 數位插圖繪製技法" successfully driving final sales to break the 10,000-copy milestone.