Eva Liu TCA portfolio

SUPERCRITICAL

Research Project

I’m an UI/UX designer who’s passionate about User Experience.

During my colledge time, I worked on a research project funded by the Ministry of Science and Technology. I also participated in an ESG design competition, where my team and I proposed a carbon footprint Ghrome Plugin to make green consumption intuitive and easy. This project won first place. For my graduation project, I developed a B2B2C crop adoption platform that aimed to revitalize the agricultural industry in North Taiwan while providing urban dwellers with a relaxing rural getaway option. My project made it to the top 4% of the International Design Award IF Student Award. Currently, I am working as a UXR intern in the smart healthcare industry, expanding into Asia and the United States. My role involves exploring user and family profiles to optimize long-term care medical products.

MY MOTIVATION

Notion

I’d like to cooperate people from different background, learing the new concept of various fields. l wish i can devote my visaul and UIUX design energy to the team during the internship and focus on user observation, experience flow, UI design guideline and visual design ,etc.

Reborn ESG competition

First place Chrome Plugin

carbon footprint Ghrome Plugin to make green consumption intuitive and easy.

UCD smart home

2021.6-2022.6

focus on MI smart home app user experience dedicating to creating easier and more convenient flow.

IF student Prize top 4%

Crop adoption platform

B2B2C crop adoption platform that aimed to revitalize the agricultural industry in North Taiwan while providing urban dwellers with a relaxing rural getaway option.

Media Design

GSA

Coordinator

2022.4-2023.5

Coordinate the whole 2023 acitivies , 100-person design event.

Jubo smart medicine

2023.3-2023.8

UI/UX UXR

Eva Liu, 23

UIUX VＩＳＵＡＬ

explore chance

logo design

Design Iteration

function design need insight

project manage study planning

color design

Project

Fabric Time

icon design

UI system design provide solution

Color Bath

ESG Chrome plugin

Carbin

Footprint Cacultor

Personal Brand System

SUPERCRITICAL

時空步旅 Fabric Time

A. Dadaocheng(大稻埕)

Teaching aids

responsible for ：content design, web coding, UX design

｜Category

Dadaocheng(大稻埕)

Elementary School Fifth & Sixth

Concept

Fabric Time let Gen Z to experience “ 大稻埕” (Dadaocheng) culture through interactive experience design. Travel through “大稻埕” (Dadaocheng) in Taiwan in various eras, to learn more about the local cloth street business culture, learn the characteristics and situational application of cloth, and learn to create various cloth for children products through physical interactive games.

Taiwan大稻埕

1

Interactive web pages combined with teaching aids

2

Site Map

Explore, learn and collect in-game Easter eggs cloth

3 Story through time and

4 Physical interaction experience using machine learning

Web

Content

Let the children learn about the Japanese domination period, prosperity and modern development of “大稻埕” (Dadaocheng).

Learn and explore the characteristics of fabric materials.

Task completion rate

≈ 90%

Task obstacle

• Visibility of system status 65%

• Flexibility and efficiency 15%

• Recognition and efficiency 9%

• Aesthetic and minimalist design 7%

• Consistency and standards 4%

We Found

that kids usually face visibility problem, because they haven’t accumulated enough digital experince yet, thus, kids need more eye-catching guidance and fewer visaul item on website. About Flexibility and efficiency , kids’ attention is shorter than adult, so, any educational info or UX flow need to be as short as possible, last but not least, the cute words usually make the content more understandable for kids.

Solution

we’ve shortened the whole flow down to 70% than before, and use the cuter and easier word to reorganize our content.

eye-catching hint

reduce visual noise clean guidence compared to adult, kids need...

Usability Testing_Web with physical product

Testing the smoothness of transition for children between physi cal teaching tools and digital content.

Testing ：web on PAD & physical product

User：4 5th & 6th grade children in Elementary School.

possibility of reading ,at the same

the following result is tidied up from 4 questionnaires and usa

Problem & Solution

1 Product structure

2 Exchange gap

3 Guidance moment

4 info ignoration

Situation

Problem Solution

Kids can’t find the aids due to the product layout

Use simple layout to make sure it leap to the eye.

It’s hard for kids to switch attention between pad and product

provide new digital instruction to guide kid’s attention.

Kids need to spend extra time to go back and reread the instruction again

Kids usually ignore the info on the website.

User guide

change the task into pop up window to grab attention and visualize all info. instruction 1 instruction 2 operation 2

Name:TomorrowLand APP

Creator：LIU, YI-CHING 劉宜青

Equip: Phone & Wactch

Category：UI/UX

｜ Design Process

Background Research

Antony 25 Couch

Electronic music lover Pain point

1 While wanting another concert, Antony felt so bored.

2 Sometime Antony will miss new event info.

3 Don’t like spend time on waiting in line.

4 Antony want to meet more news friend with same taste of music.

Feedback

1 immerse in music vibe.

Seeking excitement

2 love how people in TMRL enjoy music together.

want to make new friend enjoy music & visual vibe love social event

Guideline

logo color font button icon

mockup

SPORTY

Use mussic to build up exercise habit

20-30 love playing music during exercise

Design System

SiteMap

Flowchart

Wireframe

Browsing flow

Mission I : propose three type Mission II: navigate to each

Guideline

type of home layout each page

music player

music playlist

exercise project

Emotional Design

Concluded from 10 interviewees, the following is some of the suggestions:

1.Challenge invitation

any invitation from friends will let user feel connec tion and support with people, at the same time, it will strenge the exersice motivation

2.Flash exercise provide flash exercise music project for those are lazy to set up project.

3.Data feedback need exercise record like accumulated distance so a s

Data feedback

Challenge invitation

SUPERCRITICAL

Poster Design

Poster Design

creactive code

if(cy > height-d/2 || cy < d/2){

speedY = speedY*-1; col = color(random(55),0,100);

circle(cx, cy,d);

function keyTyped(){ if(key == 'a'){ for (let i = 0; i < 30; i++) { let a = new Anim_a(windowWidth/2, 0, random(-10,10),random(1,10),random(50),random(50),random(255),random(360)); r = random(1000); anim.push(a); music[0].play();}

if(cy > height-d/2 || cy < d/2){ speedY = speedY*-1; col = color(random(55),0,100); circle(cx, cy,d); noStroke();

for(let x=20; x<width; x+=30){ for(let y=20; y<height; y+=30){

let d = dist(cx,cy,x,y); let w = map(d,0,565,0,50); fill(col);

rect(x,y,w,w); noStroke();

use mouse click or asdfg keyboard!

Project 2

Project 1

Project 3

Project 1Project 2Project 3