Chun-Ting Liu Interactive Media Designer

Portfolio canvas

Chun-Ting Liu

Interactive Media Designer focused on UX/UI design, front-end design, branding, and motion design.

GitHub LinkedIn
Personal statement

Design from clear feedback.

I am an Interactive Media Designer from Taiwan studying at Seneca Polytechnic in Toronto. My design path started in game communities, where I created content, shared feedback, and learned how people respond to digital systems.

Today I focus on practical interfaces, visual storytelling, and front-end prototypes that make ideas easier to understand.

TrueCost case study collage with logo, information architecture, user flow, and app screens

Featured project 01

TrueCost

A PWA concept that converts any price into the time needed to earn it, helping people understand the real cost of everyday purchases.

UX/UI PWA concept Product flow
Role
UX/UI design, prototype, front-end concept
Focus
Time-based purchase decisions
Forged wheel and carbon fiber brand mockup for 6061F

Featured project 02

6061F

Brand direction and website structure for a premium forged and carbon-fiber wheel manufacturer with a technical, motorsport-grade product story.

Branding Web design Product presentation
Role
Brand direction, web layout, product narrative
Focus
Credibility for technical products
Home canvas feature
Milk sales mobile app mockup for Dairy Drop

Featured project 03

Dairy Drop

A milk sales app case study built around clearer product discovery, recurring orders, quantity control, and a simple checkout rhythm.

UX/UI Mobile app Case study
Role
Research, user flow, interface design
Focus
Friendly grocery ordering experience
Home canvas feature
Skill map

Core toolkit

  • UX/UI Design
  • Front-End Design
  • Web Design
  • Branding
  • Motion Design
  • Wireframing
  • Prototyping
  • HTML
  • CSS
  • JavaScript
  • Figma
  • After Effects

Team project

Medical Care Support

Research and prototyping for a service that helps new international students understand medical care steps.

Research + prototyping

Front-end experiment

CS2 Compare2D

A visual comparison tool for CS2 inspect views, exploring how small interface details affect fast product judgement.

Interface comparison

Motion design

After Effects Toolkit

Live streaming toolkit, event promotion, and animated public service announcement pieces built with After Effects.

Motion systems