About Me

My profession, skills, and experiences.

me-circle

Hsiao-Fen Cole

UX/UI Designer
Web Front-end Developer

Pursuing a place to utilize my skills and allows my creativity to thrive

hsiaofencole@gmail.com

icon-phone

(585) 880-4786

Career Highlights

icon-product

7 years

UX/UI design for enterprise SaaS software in
Human capital management, DITA editing, and Aftermarket Service lifecycle system for multiple industries.

icon-web

20 years

Designing and developing web front-ends for higher education institutions and organizations and CMS branding customization through CSS.

icon-tool

20+ years

Graphic and creative design in marketing materials for small businesses and organizations.

Technical Proficiencies and Education

Softwares

Design systems: Zeroheight, Material Design, Bootstrap v.5
Prototyping tools: Figma, Axure, Sketch, XD
Collaborative tools: inVision, Zeplin, Miro
Front-end support tools: Dreamweaver, HTML, CSS, Js, PC virtual environment
Other related tools: Photoshop, Illustrator, InDesign

Education

NN/g certificate credit courses
Generating Big Ideas with Design Thinking
Designing Complex Apps for Specialized Domains

Rochester Institute of Technology
MFA in Computer Graphics Design
BFA in Graphic Design

Core Competencies

UX/UI

  • Gather, evaluate, and solve user requirements
  • User workflow diagrams and wireframes
  • Lo/hi-fidelity mockups and interaction prototypes
  • Implementing user research through product persona
    creation and usability testing
  • UI benchmarking analysis on known design systems with documentation
  • Provided UI solution for responsive design
  • UX/UI product validation
  • Support front-end developers to style customer branding by modifying CSS within a SaaS software environment
  • Support the UI team to solve design component flow in a responsive environment
  • Web accessibility testing (WAVE Evaluation tool)
  • Web multimedia and front-end and email design
  • HTML5/CSS front-end developer
  • Responsive design
  • Iconography
  • WordPress (Elementor)

Soft Skills

  • Collaboration across multi-functional teams
  • Collecting product feedback through the interviewing of internal users
  • Product usability testing
  • Communication
  • Attention to details
  • Concentration under pressure
  • Time management
  • Creativity
  • Collaboration

UX/UI Portfolio

Deliverable Examples –  View more >>

deliverable

Case Studies

CSX Platform

A highly configurable solution system that is designed to be scalable and adaptable for aftermarket sales and service lifecycle management.

UX Specialist

To define and design user-centered platform solution that is flexible and scalable, allowing all product solutions to work seamlessly under the platform
See my design process

Service lifecycle system

A complex service lifecycle and management processes for high-value durable goods manufacturers

Repair Center

Nintendo Repair Center is a repair service lifecycle system for customers who need to fix their game consoles, accessories, or Joy-Cons.
See my design process
serial_number
agent-all

easyDITA

Enhanced the function of the editing and the pdf publish user interface

UI/UX Design

Platforms: Web-based version only
See my design process
EditorUI
Editor pdf publish UI

ExpenseWire

Solving and supporting the new feature by providing a UX solution that meets all the requirements and criteria. Providing a streamlined process for users to manage and create reports.

UX Design

Platforms: Web-based and mobile version
See my design process
ExpenseWire-credit card import
ExpenseWire mobile app
EW