Industrial Design Portfolio-Fan Chi Hsuan

Page 1

Industrial Design 2021 Fan Chi Hsuan

Born in 1997.12.20

National Cheng Kung University 2020 -



勇往直前。

Never tell yourself you should be someone else.

Stand up tall and say I’m not afraid.


ABOUT ME 范綺軒 Valera Fan Chi-Hsuan

Chi-Hsuan,Fan

EDUCATION National Cheng Kung University Idustrial Design Department Graduate School National Kaohsiung Normal University Idustrial Design Department National Changhua Girls' Senior High School

My name is Chi-Hsuan, Fan, English name is Valera, 23 years old, from Changhua. Now I'm a graduate student in the Industrial Design Department of National Cheng Kung University. I'm interested in product design, industrial design, UI/UX, graphic design, and CIS design. And my research interests are UX, cross-culture, user behavior. Besides, I also interest in painting, dancing, reading novels. I'm also good at integrating all my capabilities and interest. My personality is outgoing, responsible, and I like to try something new! So I often served as a cadre when I was an undergraduate student.

I

Phone: 0978751953 E-mail: guest19971220@gmail.com


Experience

Skills

2021 Tsannkuen Co., Ltd. Magic Lab cooperation case 2021 Green Sheperd Company CIS Design project 2020 SPOSAD workshop 2020 LEXUS Design Award workshop 2019 109year graduation production, general affairs team leader 2019 Design Camp for College Students on Both Sides of the Taiwan Strait-Jinjiang 2019 KYMCO Motorcycle Design Competition Cup workshop 2019 College Student Social Practice Project - Taiwan smiling cocoa-Neipu Local Creation 2019 Contribution to the Research Project of the Ministry of Science and Technology 2019 Deputy Leader of the 10th Site Group, Department of Industrial Design, NKNU 2018 The Power of Asian Design Workshop 2018 NKNU Interactive Design Workshop 2018 Deputy PR of Department of Industrial Design, NKNU 2017 Deputy Director of Hot Dance Club of NKNU

Adobe Illustrator Adobe Photoshop Adobe XD Adobe Premiere Fusion 360 Solidwork Rhino Keyshot Autocad C4D Sai PowerDirector

Competition

Interests

2020 KYMCO Motorcycle Design Competition Top10 2020 KYMCO Motorcycle Design Competition Top30 2019 New Taipei Hakka Cultural and Creative Product Design Competition 3rd place 2019 Design Camp for College Students on Both Sides of the Taiwan Strait- Ji Cheng Cup 3rd place 2019 Design Camp for College Students on Both Sides of the Taiwan Strait- Tian Shou Cup 1st place 2019 KYMCO Motorcycle Design Competition workshop excellent work 2018 Reconstruction Engineering and Assistive Technology Hackathon Design Category Nomination

Dance Music Performance Paint

Read Guitar Sing Japanese

My LOGO

V

L

R

Valera

means ‘Brave’

Cyclone icon My Chinese name is Fan Chi Hsuan(范綺軒), and the pronunciation is similar to the chinese of ‘anti-cyclone’(反氣旋 fan qi xuan).

II


CONTENTS

01

02

03

DROPLET

Product Design Electric Express

Jia He - easy to eat Auxiliary tableware for elder

Hackathon Design Category

KYMCO Design Competition

Nomination (2018)

Top10 (2020)

P. 13-20

Smart electric cart

......

P. 03-12

Electric Express

......

......

III

Droplet

Home care water dispenser

P. 21-30


01

02 FanChiHsuan

Graphic Design

19971220

Graphic layout

...... P. 33

DM Design

...... P. 34-35

01

02

03

Corporate Identity System Liuhe Night Market ...... P. 39-52

Detective Museum ...... P. 53-66

Green Shepherd ...... P. 67-76

IV


01

Spotlight

Go to the 2019-2020

NEXT STAGE .

Spring and Summer

Everyone wants to be the focus of the spotlight. Go ahead and make yourself better.

Fashion Design

ANTA comprehensive training series Spotlight - Next stage

01

Spotlight - Better me Tian Shou Cup 1st place (2019) ...... P. 79-86

Fairytale 義式餐酒館

Fairytale 義式餐酒館

Research-based service design

資訊

資訊

全日精選 Menu

全日精選 Menu

紐澳良辣烤雞翅(5隻) New Orleans Roasted Chicken Wings(5pieces)

紐澳良辣烤雞翅(5隻) 多吃點,省運費專區 New Orleans Roasted Chicken Wings(5pieces)

139.00 TWD

139.00 TWD

小辣 Mild

加購區

小辣 Mild

美國無骨牛小排佐巴薩醋燉飯 American Short Ribs(Boneless) & Vinegar Risotto

美國無骨牛小排佐巴薩醋燉飯 American Short Ribs(Boneless) & Vinegar Risotto

448.00TWD

448.00TWD

佩羅蒂娜麵包坊

新灣墨魚燉飯 Cuttlefish Risotto

新灣墨魚燉飯 Cuttlefish Risotto

358.00TWD

358.00TWD

多比妮甜甜圈

人氣精選 Popular Items 紐澳良辣烤雞翅(5隻) 多吃點,省運費專區 New Orleans Roasted Chicken Wings(5pieces)

人氣精選 Popular Items 點我

紐澳良辣烤雞翅(5隻) New Orleans Roasted Chicken Wings(5pieces)

收起

Food Delivery APP Service Design and Interface Design 鹿野茶事

139.00 TWD

139.00 TWD

小辣 Mild

小辣 Mild

我的

我的

翁柔恩

美食大師

翁柔恩

美食大師

Lv.12

...... P. 89-106

Lv.12

我的最愛

我的最愛

付款設定

付款設定

個人資料

幫助(常見問題)

幫助(常見問題)

帳號設定

我的優惠券

我的優惠券

邀請我的朋友

邀請我的朋友

關於

關於

Else

我的

步驟1:選擇臉型

積分 250

刮出一個金額,即獲得獎金

01

刮出三個相同金額,即獲 得獎金

完成 √ 一鍵刮開

Illustration computer graphics-graphics tablet

V

...... P. 109-122



PRODUCT DESIGN


01

Jia He - easy to eat

02

Droplet

03

Electric Express

Auxiliary tableware for elder

Home care water dispenser

Smart electric cart


01

Jia He(呷賀) - easy to eat Auxiliary tableware for elder


Members Chi-Hsuan, Fan Cheng-Xin, Ye Ci-En, Zhang Contribution Pre-Investigation Appearance Design Function Design Prototype Modeling

Jia He is auxiliary tableware that encourages the elderly to eat by themself. Base on research data and practical interviews show that the degradation of function can be slowed down through autonomous activities and sensory stimulation. We try to increase the elderlys' willingness to eat independently by reducing the obstacles that the elderly will encounter when eating. Besides, we considered and designed for indoor and outdoor use situations.

4


Interview & Survey

We went to a daycare centre to interview three carers, observe the lives and meals of the elderly and visit the surroundings of the daycare centre. According to the results of the interview, 1. Care centers seldom use auxiliary tableware, and it mostly used at home. 2. If the elder's hands function properly, they will encourage the elderly to eat by

Sketch

5


Analysis 5W1H

Problem

Who

Elderly (people who can eat independently but cannot use utensils smoothly)

What

1. Something can avoid spilling food when elderly eating. 2. Something can save time and effort when elderly eating.

Why

1. The meals always spill out when elderlies eating. 2. The elderly need to chew for a long time when they are eating, so he is prone to hand acid and weakness.

Where

At home. Outside (with wheelchair).

When

When the elderly eat by themself.

How

Auxiliary tableware - meet the needs of the eating habits of the elderly.

Studies have shown that the older you get, the less likely you are to eat, and physical degradation is one of the reasons that make eating more difficult.

Solve Increase the elderlys' willingness to eat independently by reducing the obstacles that the elderly will encounter when eating.

Spoon/Fork

Bowl

How to hold Process : From bowl to mouth

Scoop up food into the mouth Stable to avoid falling

Elevator (dinner plate) Get more close to mouth so that can save effort.

6


Introduction Conforms to the hand type, saves effort, and easy to hold.

Pad high tableware to shorten the distance of hand movement.

Octagonal for senses stimulating - Home training

The magnet designed at the bottom of the bowl for attaching to the table.

The oblique design at the dining table is convenient for scooping up food.

7


Material Iron sheets

stainless steel 304

FDA silicone rubber PP main body

The curvature of the spoon matches that of the bowl

The wall of the bowl has a protruding surface for easy scooping out the food at the bottom.

Edge protrusions increase the force point. 8


Use Situation - Outdoor Carer Elderly Use an ‘institutional group’ to secure the table to a wheelchair It is convenient for the elderly to eat out

9

Lid for easy to carry around


Prototype We made a lot of prototypes for finding the most comfortable way to use these tablewares. Every shape, angle, the curve was tried and modified. In this step, we spend a lot of time and effort.

Three-stage design, in line with a variety of body types and habits.

Institutional easy installation

Cardboard PU/EK 3DP Wooden stick Waterpipe

10


Model

11


12


02

Droplet

Home care water dispenser


REAT Hackathon, Rehabilitation Engineering and Assertive Technology Hackathon Nomination (2018)

DROPLET

Drinking water is an important part of human survival, especially for the elderly. If you want to better maintain the aged body, you need to drink the amount of water needed per day to enable the body to effectively perform metabolism. However, many elderlies reduce the frequency of drinking water due to inconvenience, which in turn leads to diseases caused by insufficient drinking water. If it can make drinking water less difficult, it can increase the number of times the elderly drink water and make their body healthier.

14


Droplet Smart water dispenser

15

Intelligent water delivery Timed delivery of medicine


Sketch

16


Introduction

Little drop

The place to replenish

Outlet Screen Button

DROP LET

Cabinet You can put your drug and cup. DROP LET

The place to storage Half - Hot water Half - Coolwater

17

Charging port


Host Bracelet

The place to Charge and supplement water. It also can be a general water dispenser.

Call water Remind you to take medicine

Screen T PLE DRO

Supplement water

Finish the task and go back!

Charging port

18


Click the screen of the watch for calling Little Droplet!

DROP LET

19


It also can be a general water dispenser.

20


03

Electric Express Smart electric cart

KYMCO Design Competition Top10 (2020)


KYMCO Design Competition Top10 (2020)

Electric Express

Members Wei-An, Lin Yi-Mo, Lin Chi-Hsuan, Fan Bo-Cheng, Lin Contribution Ideation Using process Service design

We hope to enhance the airport experience by using vehicles. Such as complicated procedures, complex routes, urgent time, heavy luggage are factors to reduce the experience feeling. Especially in foreign airport transit, we often feel bad because of the unfamiliar surrounding, and different language which made us get lost and can not find the registry. To simplify the flight check-in process by E2 Smart Trolleys, and it also can navigate to other attractions within the airport for shopping, and finally give passengers the peace of mind to get to the check-in desk and continue their unfinished journey!

22


23


Electric Express

Problem

cut-in point

Unfamiliar with boarding and transfer operations.

Boarding and transfer instructions.

Unfamiliar with the airport.

Airport guide.

Time plan.

Time reminder.

Baggage carrying.

Baggage carrying assistance. 24


Using Process

Before going through the customs Electric Express E2 Smart electric cart

Information of check-in and customs (check-in reminder,route guide)

The remaining amount: 40

START

RESERVE

Reservation in APP.

Pick up the car.

Airport map guide (Toilets, stores, banks...)

Arrive at the airport.

AIR

Parking before going through the customs

customs procedures

After going through the customs Information of boarding (time reminder,route guide) Pick up the car. customs procedures

25

Airport map guide (Toilets, stores, banks...)

Turn back the car before boarding. Boarding


Interface Pick up the car - On the car

Navigation - On the car

Main menu - On the car

18:10

18:10

18:10

3F

Electric Express

2F

E2 Smart electric cart navigation

Service Center

1F

Scan the QRcord

Shopping

Reservation in APP - On the phone

Parking setting

Food court

P

Park

Boarding port

Scan QR code to lock when parking.

A warning signal will be displayed on the mobile phone. If someone else moves your car or luggage during the period.

Electric Express E2 Smart electric cart

The remaining amount: 40

START

RESERVE

Are you trying to unlock?

NO

YES

Scan the QR code to unlock when picking up the car.

26


Introduction Mode

As a trolley

Charging station After reservation, go to the charging station to unlock and pick up the car. Charging

27

As a motorcycle


Deploy & Size Deploy

1 2

Operation panel

You can use the operation panel to complete the check-in or navigate to where you want to go.

Folding seat

It is convenient for passengers to open it for riding and place luggage. And it also can adjust the height according to the situation.

3

Warning Light

4

Luggage storage

5

Pedal

1

2

When driving, the warning lights will be lit so that they can reduce collisions with other passengers walking in the airport.

3

The space under the seat is available for passengers to store their luggage.

4

When riding, the pedal can be stepped on so that the feet will not hang in the air when riding.

5

Size

Car length : 1100mm Car height : 1250mm Car width : 660mm Seat height : 700-800mm

Electric Express

28


Model

29


Electric Express


GRAPHIC DESIGN


01

Graphic layout

02

DM Design


Graphic layout

Character introduction layout

Travel book layout

33

The text is a model word, and the pictures and word are all from the Internet.


DM Design

Series DM Relevant Icon, relevant layout, and relevant color make a sense of the series.

C

C

Rubik’s cube

C

e

LE

B2

C Rubik’s cube

C

In 2008, Tomas Rokicki lowered that number to 22 moves, and in July 2010, a team of researchers including Rokicki, working with Google, proved the so-called "God's number" to be 20.

B2

including

A5 In 2008, Tom and in July as Rokicki lowered that num 2010, a team ber to 22 working with of research Google, ers including moves, proved the Rokicki, so-called "God's num ber" to be

20.

Rubik’s cube

Rubik’s cube

Rubik’s cub

e

LE

team 2010, a and in Julyto be 20. moves, er to 22 number" d that numb so-called "God's i lowere d the Tomas RokickGoogle, prove In 2008, with working Rokicki,

A4 moves, er to 22 that numb Rokicki, to be 20. ki lowered rchers including s number" resea Tomas Rokic lled "God' team of In 2008, 2010, a d the so-ca and in July Google, prove with working

ing

chers includ

of resear

A6

ers

arch of rese , a team in July 2010ber" to be 20. es, and to 22 mov alled "God's num number red that ed the so-c cki lowe gle, prov Tomas Roki king with Goo In 2008, cki, wor Roki including

A5 In 2008, Tom and in July as Rokicki lowered that num 2010, a team ber to 22 working with of research Google, ers including moves, proved the Rokicki, so-called "God's num ber"

to be 20.

Rubik’s cube

Rubik’s cube

C2

P

U ZZ

researchers

A6

ers

arch of rese , a team in July 2010ber" to be 20. es, and to 22 mov alled "God's num number red that ed the so-c cki lowe gle, prov Tomas Roki king with Goo wor In 2008, Rokicki, including

Rubik’s cube

In 2008, Tomas Rokicki lowered that number to 22 moves, and in July 2010, a team of researchers including Rokicki, working with Google, proved the so-called "God's number" to be 20.

A4 moves, er to 22 that numb Rokicki, to be 20. ki lowered rchers including s number" resea Tomas Rokic lled "God' team of In 2008, 2010, a d the so-ca and in July Google, prove with working

team of 2010, a and in Julyto be 20. moves, er to 22 number" d that numb so-called "God's i lowere d the Tomas RokickGoogle, prove In 2008, with working Rokicki,

C2

C

P

U ZZ

Rubik’s cub

Rubik’s cube

Relevant layout

34


Self-introduction DM

ducation

國立高雄師範大學 工業設計學系 (109年畢業) National Kaohsiung Normal University Department of Idustrial Design 國立彰化女子高級中學數理實驗班 National Changhua Girls' Senior High School-

我是范綺軒,今年21歲,彰化人,目前於國立高雄師範大學工業設計學系 就讀四年級,學習成績優異,個性活潑、外向、負責任,善於人工作分 配、時間安排、做事有效率、願意學習新的東西,曾擔任熱舞社副社長及 系展場地組副組長一職。

Fan Chi Hsuan

NKNU DM

35

ABOUT ME

范綺 E

Fan Chi Hsuan

C Experience 2020 LEXUS design award工作坊 2019 年海峽兩岸大學生設計營-晉江 2019 Kymco設計挑戰盃 工作坊 2019 大學生社會實踐計畫 台灣微笑可可-內埔地方創生 2019 科技部研究計畫投稿 2019 國立高雄師範大學工業設計學系10th場地組副組長 2018 來自亞洲的設計力量 國際設計工作坊 2018 國立高雄師範大學互動設計工作坊 2018 國立高雄師範大學工業設計學系 系學會 副公關 2017 國立高雄師範大學熱舞社副社

FanChiHsuan

Interests Paint Read

2019 年海峽兩岸大學生設計營集成杯 三等獎

Dance

2019 Kymco工作坊 佳作

Music Camera

2019 年海峽兩岸大學生設計營天守杯 一等獎

Japanese

2019 台灣國際學生創意設計競賽 參賽

Performance

2019 小食大器 參賽 2019 光寶創新獎設計競賽 參賽 2019 第八屆太湖獎設計大賽 參賽 2019 長沙IDM木製品創意設計大賽 參賽 2019 國立高雄師範大學工業設計學系10th優秀作品 第三名 2018 復建工程與輔具科技黑客松 設計實作組 入圍

F Chi Hsuan

ompetition

2019 新北客家文創品設計競賽 傑出獎

19971220

Skills software Adobe Illustrator Adobe Photoshop Adobe XD

2018 KYMCO設計挑戰盃 參賽

Solidwork

2018 技嘉科技減量共享愛地球友善產品設計賽 參賽

Rhino

2018 第十二屆晨銘盃應用設計競賽 參賽

Keyshot Autocad Sai Cyberlink

2020.

I am Fan Chi Hsuan, 21 years old, Changhua people, currently in the National Kaohsiung Normal University Of The Department of Industrial Design is a fourth-year student with excellent academic performance and personality Spill, extroverted, responsible, good at staff assignment, scheduling, do Efficient and willing to learn new things, served as Vice President of Hot Dance Society and The deputy head of the exhibition site group.



CIS Corporate Identity System


01

Liuhe Night Market

02

Detective Museum

03

Green Shepherd


01

Liouhe Night Market CIS Design


Members Chi-Hsuan, Fan Hui-Xuan, Guo Ci-En, Zhang Zi-Yu, Lin Jun-Yuan, Yang Sheng-Zi, Xu Yi-Xuan, Lai Contribution Market research, Data sorting Analysis Strategy LOGO proposal Main vision Product simulation Mascot Web interface

Liuhe Night Market is an international tourist night market located in Kaohsiung, Taiwan, but in recent years the flow of people has been declining due to various reasons. Print this project to design a new identity design and related visual design for Liuhe based on the survey and research results.

40


Investigation and Analysis Questionnaire & Interview Self-driving Liouhe Night Market uber

Don't want to go to the night market 24.1%

Gwanghua Night Market 27.6%

Self-driving Walking

Liouhe Night Market Kaisyuan Night Market 69%

10.3%

Ruifeng Night Market

Bus

55.2%

MRT

Walking MRT

Q1

Ruifeng Night Market

Q3

Which night market would you like to visit when you come to Kaohsiung?

What kind of transportation do you choose when going to the night market?

high popularity high popularity

Don't want to go to the night market

Beverage cup set

delicious

No

Various types of vendors

No Food

13.7%

quite high score in Google Maps 55.2%

Coupon

Many types of things

T-shirt 51.7%

special Food 17.2%

Good environment Convenient transportation

Great value for money

13.8% Easy Card

Easy Card Canvas bag

10.8% Canvas bag

Beverage cup set

Convenient transportation

Q2 41

(According to the previous question) Why do you want to visit the selected night market?

Q4

What kind of peripherals launched in the night market will attract you to buy?


SWOT

S

W

O

T

Strength

Weakness

Opportunity

Threats

1/ Internationally renowned 2/ Convenient transportation 3/ It is a planned tourist area 4/ There are well-known stores

1/ High price 2/ fewer locals go 3/ Overall visual inconsistency 4/ Incomplete public facilities planning 5/ Fewer vendors 6/ No features

1/ Increase the identity of local people 2/ Consolidate the tourist base

1/ Decrease in Chinese customers 2/ Other well-known night markets 3/ Decrease in stores

5W1H

WHAT

WHERE

WHY

1/ Reposition 2/ Overall visual image

1/ Liouhe night market 2/ Network platform

Foreigners surprised Kaohsiung people proud

WHEN

1/ When you want to visit the night market 2/ When hungry

WHO

1/ Foreign tourists 2/ Locals tourists 3/ Locals

HOW

1/ Local globalization 2/ Characteristic innovation

42


Design Strategy

1/

2/

Better planning Overall visual unity

3/

Online marketing Integrate and beautify the overall visual of APP and webpages.

Local identity

4/

Establish the image of Liuhe Night Market.

Tourist Establish a more complete and friendly international tourist area facility.

Color Story - Energy

C : 50 M: 0 Y : 20 K:0

43

C:0 M: 70 Y : 100 K:0


Design LOGO and Standard font

Liou

He

Kao This word is a Chinese word of ‘Kao'. It represents Kaohsiung where Liouhe Tourist Night Market located in.

+

= 44


Pictogram

45

Element application


Main visual

46


Interface of website

47


AD in the bus station and MRT station

48


DM

49

AD/Sign


Mascot-Brown sugar pearls

This mascot is inspired by ‘Pearl’, because Pearl Milk Tea is famous Taiwanese food internationally. Besides, the position of Liouhe Night Market is an international tourist night market. So this mascot can be a special and symbolic icon of Taiwan.

50


Application

51



02

Detective Museum CIS Design


Members Chi-Hsuan, Fan Hui-Xuan, Guo Ci-En,Zhang Zi-Yu, Lin Jun-Yuan, Yang Sheng-Zi, Xu Contribution Data sorting Analysis Strategy LOGO proposal Standard font Product simulation

In this project, we selected what kind of museum we want to build. And we choose the topic - Detective Museum. We had to design a whole CIS for this museum, and we also considered how can we do to make visitors feel fun during the period of visiting the museum.

54


Position 5W1H

WHAT

1/ Detective history 2/ Related works 3/ Experience games

WHEN After opening.

WHERE

WHY

Near Baker Street, UK.

Promote detective themes and create a detective.

WHO

HOW

Detective fans from all over the world.

1/ Display detective-related tools, skills, and knowledge. 2/ Classic detective and case introduction. 3/ Explore and experience the game.

SWOT

S

Strength

W

Weakness

55

1/ The detective theme is unique. 2/ Detective experience activities are arranged. 3/ Set up at tourist attractions. 4/ Exhibition combined with VR technology.

1/ Not well known. 2/ Need to spend more manpower. 3/ Detective-type museums are less popular. 4/ It takes a lot of time to design the theme content of the detective experience activity.

O

Opportunity

T

Threats

1/ The first detective museum. 2/ Increase the sense of participation. 3/Combine with technology to restore the sense of tension when the detective handles a case with tourists and the public.

1/ It is not easy to control the willingness of tourists and people to visit.


Design Color Story

LOGO and Standard font

Mysterious, Rational image, Elegant, Neat.

Detective elements magnifier fingerprint

Dominant color

Secondary color

Gentle Blue

Cigarette Gray

Matte Gold

C: 100 M:80 Y: 60 K: 30

C: 10 M:10 Y: 10 K: 0

C: 40 M:50 Y: 100 K: 0

Black

C: 0 M:0 Y: 0 K: 100

56


LOGO Size Requirements

0.5a

a

0.5a

LOGO in different sizes.

0.4a

a

0.25a

57


Background Color Standard

LOGO in different color backgrounds.

X

58


Arrangement Standard LOGO in different color backgrounds. Different arrangement. Different display ways.

59


Auxiliary Graphics

60


Main visual

61


Pictogram All the pictograms are related to the LOGO, it makes the whole visual more consistent. And the environment will build an interesting atmosphere.

62



Application

We designed some clues such as Morse Code on the tickets, and visitors can find the answer through these clues in the museum. The ADs of this museum are designed as a newspaper because the newspaper is a classic element in the detective theme. 64



Application


03

Green Shepherd CIS Design


Members Chi-Hsuan, Fan Ya-Jun, Yang Pei-Ling, Zeng Contribution Data collecting Data sorting Position LOGO proposal Standard font Uniform design Business card design

This is an Industry-University Cooperation project with ‘Green Shepherd Co Ltd' which is an energy company. They provide some services such as solar power generation system biogas power generation system heat pump sludge dryer ... And we have to design a whole set of CIS based on their image spirit.

68


Position Spirit

Color Story

The sun never sets new energy industry. The leader of guarding sustainable economy and circular energy.

Dominant color Steady Blue

Three core values Space X Energy X Customization Mission

Vision

Value

Energy creation Energy saving Energy storage Intelligence

Green Energy Industry Leader The sun never sets industry Internationalization

Electromechanical visualization Smart grid Foresight Innovation Efficiency

Energy Orange

Image element Energy Energy is a very important thing in human life. We rely on it to obtain electricity and power. Cycle Through the regeneration system, we can achieve sustainable development, zero waste, and coexist with the environment and resources in which we live.

Hexagon Hexagons are the most effective geometric figures in nature. They can also form some highly symmetrical polyhedrons. They are strong and irreplaceable and also refer to all aspects of service.

69

Market survey

C: 100 M:90 Y: 40 K: 0

Stability Wisdom Technology

C: 0 M:60 Y: 100 K: 0

Comfort Relaxation Energy


Design LOGO Design process All the ideas here come from me, and I didn't put the ones from my partner here.

First stage

Second stage - LOGO & Font

Round

Hexagon

70


LOGO and Standard font

Third stage

Final version

Energy

Cycle - sustainable Hexagon- stable and effective

71


Arrangement Standard and LOGO Size Requirements

Background Color Standard

72


Application Office supplies

Uniform

73


Product

Car

74



76


FASHION DESIGN


01

ANTA comprehensive training series Spotlight - Next stage Spotlight - Better me


01

ANTA comprehensive training series Spotlight - Next stage Spotlight - Better me

Tian Shou Cup 1st place (2019)


Tian Shou Cup 1st place (2019) Members Chi-Hsuan, Fan Hui-lin, Chen Contribution Position Concept Strategy Next stage Effect drawing

ANTA

Spotlight

comprehensive training series 2020 Spring and summer

Everyone wants to be the focus of the spotlight. Go ahead and make yourself better.

Go to the NEXT STAGE. Meet the BETTER ME.

Design the styles of clothing according to brand characteristics, comprehensive training needs, and target groups. Everyone wants to be the focus of the spotlight. So go ahead and make yourself better. Based on this spirit, we set up a project - SPOTLIGHT, and there are two series of clothing designed - NEXT STAGE - for light exercise, and - BETTER ME - for Yoga.

80


Spotlight

Go to the NEXT STAGE . 2019-2020

Spring and Summer

Everyone wants to be the focus of the spotlight. Go ahead and make yourself better.

Color and Element C : 85, M : 80, Y : 75, K : 65 C : 45, M : 85, Y : 75, K : 10 81

C : 00, M :00, Y : 00, K : 00


Spotlight

Go to the NEXT STAGE . 2019-2020

Spring and Summer

Target group young people aged 20~35 Design concept To break the public's impression of the dull version of comprehensive training clothing, add some artistic and fashionable elements to the clothing, so that people who like sports can also exercise in fashion.

Material Nylon

Polyester

Spandex

82


Head sweatband

FRONT

BACK

Mobile phone arm cover A fluorescent frame increases the safety of night running

FRONT

BACK

Wrist sweatband

FRONT

BACK

Hat

FRONT

83

BACK

NEXT STAGE


NEXT STAGE FRONT

BACK

Series zipper Rounded trapezoid zipper increases the overall design sense

FRONT

BACK

Waist bag

FRONT

Jogging shoes

BACK

FRONT

BACK

84


Spotlight

Meet the

BETTER ME .

2019-2020

Spring and Summer

Everyone wants to be the focus of the spotlight. Go ahead and make yourself better.

Concept Today’s young people actively promote a healthy lifestyle. And Yoga is one of the choices. However, most of the traditional yoga clothes are of ordinary style and dull color. For this, we hope to make a little effort. Our yoga clothing draws inspiration from dance clothing, such as ballet, Latin ,and other dance clothing. We hope that women will be beautiful and confident at all times, including when doing yoga exercises. 85


Knitted breathable fabric. Thumb buckle

The sexy one-shoulder and back hollow design exude glamorous charm. The asymmetrical skirt inspired by Latin dance clothes will make your yoga movements easy.

The crossover designed highlights the beautiful Waistline and makes you look thinner and sexy. The pedal integrated strap design looks thin, beautiful, comfortable, and cares for your every rotation and jump.

Sexy V-neck design, outline the charming clavicle curve. Classic bell-bottom styling, let your movements dance lightly.

Design Element We drew inspiration from ballet and Latin dance costumes. The cross-back design is used throughout the series. The color of butterfly wings is the main color source, breaking the dull and heavy dark style of the previous yoga clothes. We hope that it can make yoga clothes comfortable, beautiful, and fashionable at the same time.

The bow tie makes you look cuter. The moisture-absorbent and breathable jacket will quickly evaporate after absorbing sweat, making your yoga movements burden-free.

S

Color C : 25 M : 50 Y : 60 K : 00

Material C : 60 M : 45 Y : 45 K : 00

C : 75 M : 60 Y : 60 K : 00

Polyester Spandex 86


RESEARCH BASED SERVICE DESIGN User Interface/User Experience


01

Food Delivery APP Service Design and Interface Design


01

Food Delivery APP

Service Design and Interface Design


The survey was done in 2019, there are some differences in the food delivery app. now. Members Chi-Hsuan, Fan Ci-En,Zhang Rou-An, Tu Zi-Han, Weng Contribution Survey Data sorting Analysis Strategy Interface design Service design

Fairytale 義式餐酒館

Fairytale 義式餐酒館

資訊

資訊

全日精選 Menu

全日精選 Menu

紐澳良辣烤雞翅(5隻) 多吃點,省運費專區 New Orleans Roasted Chicken Wings(5pieces)

紐澳良辣烤雞翅(5隻) New Orleans Roasted Chicken Wings(5pieces)

139.00 TWD

139.00 TWD

小辣 Mild

小辣 Mild

美國無骨牛小排佐巴薩醋燉飯 American Short Ribs(Boneless) & Vinegar Risotto

美國無骨牛小排佐巴薩醋燉飯 American Short Ribs(Boneless) & Vinegar Risotto

加購區

448.00TWD

448.00TWD

新灣墨魚燉飯 Cuttlefish Risotto

新灣墨魚燉飯 Cuttlefish Risotto

人氣精選 Popular Items

人氣精選 Popular Items

佩羅蒂娜麵包坊

358.00TWD

358.00TWD

多比妮甜甜圈

紐澳良辣烤雞翅(5隻) 多吃點,省運費專區 New Orleans Roasted Chicken Wings(5pieces)

點我

紐澳良辣烤雞翅(5隻) New Orleans Roasted Chicken Wings(5pieces) 鹿野茶事

139.00 TWD

小辣 Mild

小辣 Mild

我的

我的

翁柔恩 美食大師

收起

139.00 TWD

步驟1:選擇臉型

翁柔恩 美食大師

Lv.12

我的

Lv.12

我的最愛

我的最愛

付款設定

付款設定

個人資料

幫助(常見問題)

幫助(常見問題)

帳號設定

我的優惠券

我的優惠券

邀請我的朋友

邀請我的朋友

積分 250

刮出一個金額,即獲得獎金

The關於purpose of the research is 關於 to optimize the service and interface of the existing food delivery app in Taiwan. We experienced the three most common food delivery apps in person, also surveyed and observed how people use them. According to those results, we designed some new functions to optimize the whole service. And also the interface, we tried to find out what kind of interface is better for use. 完成 √ 刮出三個相同金額,即獲 得獎金

一鍵刮開

90


Survey Chosen app These three food delivery apps are most common in Taiwan.

Food Panda

Uber Eats

Honest Bee

Original Using Process Operate on a mobile device.

1

2

3

4

5

6

7

8

Downlaod app

Registered

Select restaurant

Order

Check

Wait

Pick up

Follow-up service

Name Phone mail Credit card Position

91

Types of restaurants Delivery time Discount restaurant

Service charge Shipping

Credit card Cash

Real-time dynamics Waiting time

Inform Pick up

Invoice Coupon Give score


Empathy map

92


User Journey Map

Before service Service touchpoint

-Social website advertisement.

In service Select restaurant

-TV advertisement.

-Types of restaurants

-Ads on the road.

-Meal delivery time

-News report.

Order -Details (half sugar...)

-Discounted restaurants

Check

Wait

-Service fee

-Real-time dynamics

-payment method

-waiting time

-shipping -Confirm address

-Internet search.

Service defect

-People who are not in contact will not want to know.

-Limited delivery range

-Limited propaganda group.

-Difficult to choose

-minimum order display

-Food photos are inaccurate

-Multi-person ordering / Inconvenient to take meals

-The waiting time is boring

-Different stores can only place orders separately

-Display time is not accurate

-Multi-person ordering mode (Forms, Clouds, Groups)

-small game (Send discount)

-Insufficient evaluation

mood Needs & Suggestions 93

-Store launches App package. -The enterprise actively seeks out the event organizer (group ordering) to cooperate. -Cooperate with Line, Apple pay.

-Indicating allergens and calories

-Preferential set meal recommendation

-Integrated evaluation

-Booked in advance

-Store activities

-Preview the total amount

-Fun meal selection

-Voice ordering

-Shopping cart


Think Purpose

After service Pick up

Pick up

User habits record

-Electronic invoice -coupon -Service score

-There may be an error in the order

-There is no incentive to fill in the service score afterwards

-Confirm that the meal is inconvenient

-No customer service in the interface

Pain Point You can only book one store at a time, which is inconvenient. Difficulty in choosing (long order time). Difficulty in choosing (long order time). Difficult to place multiple orders at the same time. Only open when you want to order a meal. Long waiting time (30-40mins.) A bunch of change. Food is cold. Food safety concerns.

Sweat Point Explore topical food. Expand the circle of food outlets (unlimited nearby). Recommend a meal you will like. No need to go out (drenched in the rain). Save time going out. Easily enjoy queuing up famous store products.

-Fill in the evaluation for a discount -Instant customer service

94


Persona

Personal information Name : Cindy

Gender : female

Age : 25ys

Work : Office worker

Income : NT28000/month

Thoughts on food delivery Meals can be ordered together with everyone in the company, and through delivery services, you can also keep up with the latest topical meals, and easily enjoy the famous restaurants without in line.

Character Lively

Introverted

Enthusiasm

Withdrawn

Favorite

Friends, food, Team buyer

Lifestyle Changeless life circle

Try new meals

High mobility

Broad life movement circle.

95

Active life circle

Always same meals.

Low mobility

Narrow life movement circle.


Stakeholder Map

Store

Or de r

n tio st op l co o C ea M a er

Meals

Send e-receipt for feedback

As sig

Total amount (meal, delivery fee, service fee)

nm

Sa

User

Provide address

Platform operator

lar y

ent

(pa yb yp

of

iec

tas ks

e)

Sign for

Meal delivery

Deliveryman

Task relationship

Money relationship

96


Design Strategy

Increase the usage of delivery apps.

Aim

Stage process

Before service Service contact

In service Select restaurant

Order

Check

After service Wait

Pick up

Redeem points for shipping discounts.

Design Strategy

Increase app discussion.

Multi-person ordering mode. Shipping discount. Combo meal style.

User pain point

-Not attractive

User habits record

Recommendations

Establish an rating and feedback mechanism. Level and points mechanism.

-Multiple people can’t order food at the same time

-No motivation to fill in feedback

-Only one shop can be ordered at a time

-Only open when you want to order a meal

-The information of amount and contents are not clear -More expensive -Food safety concerns

User expectations

-More clear product advantages

-Provide more discounts

-More highlights

-New ordering mode -Multiple orders to save shipping costs -Hope to be able to mark clearly -Food safety certificate

97

-You can get feedback when you give it back -Let the food ordering app be more than just an ordering tool


Design blueprint Red words represent our special new function.

Discover

Performance

Download

User behavior

Explore before use

registered

Get familiar with the interface

Contact interaction line

Foreground work

-Avatars trigger topics

-Keyword search

-Fill in basic information

-Social website advertisement

-App rating stars

-Payment setting (credit card)

-TV advertisement

-Number of users

-Instructions for use

-Referral

-app user evaluation

-Class and benefits description

-Seeing ads on the road

-wishlist

-Link to other social platforms

-News report

-Other details

-Internet search

-app introduction text, photos, videos

-Media

-Manage download platform introduction content.

Visibility Background work

-Cooperative store promotion -Plan a limited time offer -Advertising Design -Marketing strategy

-Dedicated reply to download platform evaluation.

-Guarantee member data security -Manage member status -Establish a point system -Connect friends

98


Performance

Refer comments

Choose a restaurant

Order

User behavior

Order food with APP

Contact interaction line

-Individual current address display

Foreground work

-Graphic, text sharing, evaluation

-Store information picture, name

-Shopping cart

-Keyword search

-Store evaluation, supply time

-Sum cost

-Track users and stores

-Service fee

-recommended by friends

-Select category -Food types -Cross-store combo meal match -Estimated delivery time -Meal notes (half sugar...)

-Survice fee -Selected food type and quantity -Minimum order reminder -delivery time -Delivery address -Multi-person ordering mode -Personal information -Payment method -Coupon

Visibility Background work 99

-Block malicious comment

-Store information integrated management

-Delivery man dispatch

-Create keyword links

-Recommend based on browsing history

-The order is sent to the store

-Display popular comments by meal.

-Predict waiting time for meals

-Credit card charge

-Inter-store package store matchmaking

-Error reporting system

-Comment management (according to the number of likes/Tracking friends sort/time)

-Store review integration

-Personal account points management -Multi-person ordering mode integration and calculation.


Pick up

Performance

Comment

User behavior

Pick up the meal

Dynamic remind

Finish the order

Contact interaction line

Foreground work

-Waiting for meal time

-Likes to redeem points

-Discount reminder

-The delivery person's current location

-The more people tracked, the higher the level

-Activities reminder

-One evaluation opportunity per order

-System update reminder

-Package -Sign for -Reminder before arrival -Check after arrival -Instant customer service

-Followers to post reminders

(Fill in within a limited time) -Comment for points (Points can participate in the points game to get discounts)

Visibility Background work

-Meal check

-Overall comments

-Record usage habits

-Background service reminder

-Calculated points

-Discount activity planning

-Instant customer service processing

-Calculate user level

-Notification of friend comment link

-Packaging

-Send promotion messages

-Tripartite profit calculation (Store, delivery staff, APP platform)

-Send some information

-Calculate the time of the store’s meal preparation and delivery .

100


Function Map & Information Architecture Orange area means where we had paid more attention to.

News(AD)

Get the serial number Search

Latest news Less than 25min

Search store results Sequence Time

Popular nearby Home

search Order

Latest Popularity

classification

Filter condition

Price

Home

Menu (Price)

Detail(particular) Add in shopping cart

Popular

Search Past orders

Avatar

Menu

Rate

Price

Comment now Comment page

Order in process

Me

Score

Food category

Customer service

Store page

2.3hr after ordering

Comment later

Rate, Comment(photo)

Get point Point game Get coupons

Share

Level Point

Favorite

Personal information

Payment setting

Account setting

Help (Common question) My coupon Invite my friends About

Cooperation Become a delivery person

Enter the serial number

Order page

Group order Get the serial number (share)

Order Enter discount number Remarks

(Click)

101

Shopping (floating icon)

Payment setting

Sum cost

Position information

Order check

Submit the order


Design Personal Points and Level

Avatar making interface

我的 我的

Click on the avatar Step1:Choose face shape

You can choose to match your own character avatar to create your own character in this APP.

翁柔恩

Accumulated experience points, level up, can get the title Note: "Title" from the very beginning "snack goods", "gourmet"... new titles can be obtained at different levels.

Self-matched avatar

美食大師

Lv.12

我的最愛

積分 250

付款設定

個人資料

幫助(常見問題)

帳號設定

我的優惠券 邀請我的朋友

You can choose a hairstyle, face shape, expression, clothes, accessories, etc...

我的

關於 翁柔恩

OK

美食大師

Swipe to choose the style you like.

Lv.12

我的最愛 付款設定 幫助(常見問題) 我的優惠券 邀請我的朋友 關於

102


Multi-person ordering mode

The interface of everyone Group shopping cart serial number

It will show the avatar of the person who ordered the meal.

Click to cancel individual order and re-order.

Click to check individual order.

Everyone-Individual ordering

103

All-in-time menu (You can see the meals currently ordered by everyone)


The interface of the main convener

Click to checkout

The main convener you can see the meals that everyone ordered separately-For check easily.

104


A+B with set meal ordering mode

Eat more, save freight plan Here is the supporting store of the store on this page, mainly based on the other cooperative stores near the store’s physical store.

Fairytale 義式餐酒館 Fairytale 義式餐酒館

資訊

Mode: Buy all the meals you want at one time when the delivery person is on the way, and offer a plan of co-costing to attract consumers to buy more.

資訊

全日精選 Menu

全日精選 Menu

紐澳良辣烤雞翅(5隻) New Orleans Roasted Chicken Wings(5pieces)

紐澳良辣烤雞翅(5隻) 多吃點,省運費專區 New Orleans Roasted Chicken Wings(5pieces)

139.00 TWD

139.00 TWD

小辣 Mild

美國無骨牛小排佐巴薩醋燉飯 American Short Ribs(Boneless) & Vinegar Risotto

美國無骨牛小排佐巴薩醋燉飯 American Short Ribs(Boneless) & Vinegar Risotto

448.00TWD

448.00TWD

358.00TWD

人氣精選 Popular Items 紐澳良辣烤雞翅(5隻) 多吃點,省運費專區 New Orleans Roasted Chicken Wings(5pieces)

新灣墨魚燉飯 Cuttlefish Risotto

358.00TWD

139.00 TWD

佩羅蒂娜麵包坊

新灣墨魚燉飯 Cuttlefish Risotto

點我

Click

多比妮甜甜圈

人氣精選 Popular Items 紐澳良辣烤雞翅(5隻) 鹿野茶事 New Orleans Roasted Chicken Wings(5pieces)

收起

小辣 Mild

Order interface

105

加購區

小辣 Mild

Note: The current shipping algorithm is that ordering one store is a single purchase, so one shipping is charged, and so on, two shippings are charged for ordering two stores. If this plan is used as a match, the shipping can be discounted, and consumers only need to pay 1.5 The shipping fee can save the shipping cost for consumers; the delivery staff can earn a little more money, and the platform operators can use this to increase the number of meals ordered or to increase the number of meals, increase discussions and promote.

139.00 TWD 小辣 Mild

Click on the store you want to purchase.


Rating Interface

Points game interface

Click and comment, leave a message for getting points

Points can be exchanged for game opportunities. You will get random shipping discounts

刮出一個金額,即獲得獎金

刮出一個金額,即獲得獎金

刮出三個相同金額,即獲 得獎金 刮出三個相同金額,即獲 得獎金

Enjoy the fun of ‘Gua-Gua-Le’ and form a sense of interaction.

一鍵刮開 一鍵刮開

If you don’t want to spend time playing, you can also choose one click to know the result.

106


ELSE


01

Illustration

computer graphics-graphics tablet


01

Illustration

computer graphics-graphics tablet


I'm interested in drawing. When I when a child, I was always drawing everywhere and every time. And I also like novels, comics, and animation, I always draw those characters. When I became a first-grade undergraduate student, I got my first computer and graphics tablet. After that, I start to learn how to do computer graphics and draw more beautifully by myself. Youtube is a good way to learn it from the process of others' painting. I really like drawing. When I was drawing, I feel happy, and when I finish work, I feel accomplished!

110


111

NARUTO Complete date: 2020.12.18 Software: Photoshop


Witch - Kassandra (The character is created by myself.) Complete date: 2020.12.31 Software: Photoshop 112


113

Princess - Undine (The character is created by myself.) Complete date: 2020.01.09 Software: Photoshop


Absolute Promise 1 cover (The character is created by myself.) Complete date: 2021.01.22 Software: Photoshop

114


115

Jhu Long Complete date: 2021.01.11 Software: Photoshop


Process

116


117

The girl in the fish tank (The character is created by myself.) Complete date: 2018.07.21 Software: Sai


Process

118


119

Demon Lilith (The character is created by myself.) Complete date: 2018.01.27 Software: Photoshop


Process

120


121


Process

Elva2020 (The character is created by myself.) Complete date: 2020.01.22 Software: Photoshop

122


END THANKS FOR WATCHING.




Turn static files into dynamic content formats.

Create a flipbook
Issuu converts static files into: digital portfolios, online yearbooks, online catalogs, digital photo albums and more. Sign up and create your flipbook.