CHIA-NIEN CHANG PORTFOLIO

Page 1

CHIA-NIEN CHANG PORTFOLIO

2013-2015 INNOVATION, SERVICE & GRAPHICAL USER INTERFACE DESIGN


RESUME


PERSONAL INFORMATION 張嘉年 1987.08.22 chocnu@designer.org.tw +886 976400822

EDUCATION NATIONAL TAIWAN UNIVERSITY OF SCIENCE AND TECHNOLOGY INSTITUTE OF INDUSTRIAL AND COMMUNICATION DESIGN 國立台灣科技大學工商業設計研究所(就學中)

WORK EXPERIENCE

2011-2013 形向創意顧問股份有限公司 擔任平面設計師 2010 陳永基設計有限公司 擔任平面設計師 2009-2010 中華民國設計師協會 擔任平面設計師


WORKS


VENDING MACHINE MR. TRAVEL APPLICATION A LI CARDO ARTBOX FAMILY BEACON MY COFFEE BRAINWAVE GAME PARACHUTE



MR. TRAVEL A VENDING MACHINE FOR FOREIGNERS

DESIGN TEAM TING YI LIN . CHIA NIAN CHANG . WEI CHIA LU . LEON GROOT OBBINK


MR. TRAVEL WHAT IS THIS APP? PROBLEM

IDEA

Foreign travelers who visit a country (e.g. Taiwan) for the first time, he/she does not know anything about Chinese language and Taiwan culture.

A vending machine for foreigners, creating better access to Chinese-speaking countries. We’ve designed a vending machine named Mr. Travel. It is a multi-language and 24-hour available machine in Taiwan’s airport.

SIGNIFICANCE Mr. Travel will provide information and products for foreign tourists, so they have everything they need. It is very convenient for foreigners entering a country, which speaks a language they do not understand. In the future, we hope Mr. Travel can be set in different countries of the airport, to solve the language problem of travelers, and provide products and information they need to start their journey.

CONTENT SCREEN SIZE : 30”

IT HAS THREE DIFFERENT PAYMENT METHODS; COINS, PAPER MONEY, AND CREDIT CARD OR DEBIT CARD.

85cm

50cm 170 cm Instructions for use

THERE ARE TWO DIFFERENT HEIGHTS; ONE FOR PHYSICALLY DISABLED PEOPLE AND ONE FOR THE OTHER USERS.

150 cm


MR. TRAVEL PROCESS IF YOU KNOW MR. TRAVEL...

IF YOU DO NOT KNOW MR. TRAVEL...

When you’re in your country, you google “Mr. Travel” or “Taiwan Travel” on the internet, and MR. TRAVEL website will appear.

When you arrive at Taiwan’s airport, you will get a message from Mr. Travel too. It will tell you where to find the Mr. Travel machine.

First, you can register an ID and password.

When you find it, you can get free wifi; just use your smart phone and scan QRcode on the screen.

Then you can order some products and information you need on the website, it’s also multi-language so you don’t have to worry about the language problem.

First, choose your language.

Next, the cities you want to visit.

When you arrive at Taiwan’s airport, .. .. you will get a message from Mr. Travel, it will tell you where to find the Mr. Travel machine.

Next, just choose the information you need.

Next, choose products.

You look for it and then you find it.

App

Next, get the things for the app (e.g. coupons).

Free wifi is available. And depending on if you have registered or not before you departed for Taiwan, you can choose Login or Scan Passport to get your products and info. Check the items that you buy. When you have finished paying, you can just take out your products and information. The info app will be available by QRcode, just scan it with your smartphone.

After ordering, please register.

Check your list and the total. And choose payment method. When you have finished paying, you can just take out your products and information. The info app will be available by QRcode, just scan with your smartphone.

WHAT DOES MR. TRAVEL SELL?

INTRODUCTION ANIMATION

INFO TAIWAN’S CULTURE, TRAFFIC, HOTEL, RESTAURANT, AND TOURIST REGIONS.

http://youtu.be/GAG3QIJPKZ4 or search “Mr. Travel animation” on youtube

PRODUCTS PHONECARDS, EASY CARDS, SIM CARDS, TICKETS AND ADAPTER PLUGS. APP COUPON(HOTELS, MUSEUMS, GIFT SHOPS, BOOK STORES AND CITY SIGHTSEEING, CHINESE MINI LESSON AND MAP.


MR. TRAVEL UI DESIGN

Language

City

Products

Info

App

Language

A

V

Choose Your Language.

B

BACK

D

Language

NEXT

E

F

V

G

A

I

H

B D E

F

G

I

H

+

OK

Choose The City You Want To Visit. Taichung & Taipei

BACK

Hua

City

29

lien

Taipei

Taic

C

hi

an

Pingtung

Tain

ay

i

hun

g

CITY NAME & THE WEATHER

City


MR. TRAVEL UI DESIGN

What Do You Need? EasyCard 500$ MOMA Ticket 50$

Si

BACK

m

Ca

rd

ne Pho d Car

Products

EasyCard

+

OK

PRODUCTS: PHONECARDS, EASY CARDS, SIM CARDS, TICKETS AND ADAPTER PLUGS...

+

OK

INFO: TAIWAN’S CULTURE, TRAFFIC, HOTEL, RESTAURANT, AND TOURIST REGIONS...

Tra in Tic ket

r pte Ada s g plu

H Tr igh ai -S n Ti pee ck d et

Cu

ltur e

What Do You Need? Hotel Info

a Tr

BACK

c ffi e erg Em s call

Info

ncy

Hotel

Re

st

Tou Re rist gio n

au

ra

nt

What Do You Need? Chinese Lesson & Coupon

M

BACK

App

ap ese Chin on s Les

Coupon

+

NEXT

APP: COUPON(HOTELS, MUSEUMS, GIFT SHOPS, BOOK STORES AND CITY SIGHTSEEING, CHINESE MINI LESSON AND MAP...



A LI CARDO ONLINE/ OFFLINE APPLICATION

DESIGN TEAM TING YI LIN . CHIA NIAN CHANG . WEI CHIA LU . YI YUAN . YOU CHIA LIN


A LI CARDO WHAT IS THIS APP?

A

LI CARDO是帶動線上(Online) 至線下(Offline)消費所推出的行動購物APP,主要功能包含線

上購物、影音卡片創作、以及送禮三大部分。在線上購物方面,使用者可透過APP購買、支付, 並在超 商、自家或販賣機領取商品,體驗移動性消費帶來的便利感受。影音卡片創作的功能則是能讓使用者

自行創作卡片,並可選擇收藏、線上分享、或另外挑選販賣機商品,將卡片與商品透過雲端一同寄送

給收禮對象,收禮者在收到簡訊QR code後, 便可至自販賣機掃描QR code領取商品,並同時打開手 機上的卡片內容。

A LI CARDO將禮物與卡片兩者傳統的送(收)禮習慣轉換成全新的雲端體驗,讓使用者在這支APP中 獲得創作和購物的樂趣,收禮者則是能在領取禮物時獲得觸覺(商品)、視覺與聽覺(影音卡片)的多重 感官驚喜,同時達到社交的目的。面對龐大的網路消費族群,O2O虛擬整合服務可增加消費者購物的 頻率,為業者帶來更大的交易流量及商機。

VALUE 1 ONLINE TO OFFLINE

GIFTS

線上購物付費後, 可選擇宅配到府、超商領取, 或親自至販賣機取貨, 享受移動性消費帶來的 便利, 並帶動線上至線下消費的購物體驗。

VALUE 2 CREATION

運用APP裡的素材, 可自行製作影音卡片, 並

ONLINE SHOP

VIDEO CARDS CREATION

選擇自己收藏、線上分享或寄送給朋友, 達到 創作與社交互動的樂趣。

VALUE 3 SENSORY EXPERIENCE

將挑選的商品和製作好的卡片一同寄送給收 禮對象, 收禮者則是能在販賣機領取禮物的過 程中, 獲得觸覺(商品)、視覺與聽覺(影音卡片) 的多重感官驚喜!

A LI CARDO APP


A LI CARDO PROCESS

LOGIN

REGISTRATION

ONLINE SHOP

CREATIVE CARDS

SHOPPING

EDITOR

or DELIVERY

or VANDING MACHINE

STORES

SHARE

COLLECT

SEND

SEND PRODUCTS AND CARDS TOGETHER

RECEIVES QRCODE MESSAGE

RECEIVES PRODUCTS FROM VENDING MACHINE AND OPEN THE VIDEO CARD ON THE PHONE


A LI CARDO UI DESIGN


A LI CARDO UI DESIGN



ARTBOX HOLD AN ACTIVITY FOR CULTURAL EVENTS

DESIGN TEAM CHIA NIAN CHANG . WEI CHIA LU . YI YUAN . YOU CHIA LIN


ARTBOX FLOW&PROTOTYPING EVENT

EVENT

左右滑動觀看其他活動資訊

HOMEPAGE 7 EVENTS

EVENT

EVENT

NAME ITEM

EVENT NAME HERE

ITEM

EVENT NAME HERE

EVENT NAME HERE

EVENT NAME HERE

EVENT NAME HERE

EVENT NAME HERE

EVENT LIST1

ITEM HOME PROFILE TALK SEARCH CALENDER

NICOLE

CALENDER

W

FIND MY FRIENDS

S

M 1

2

3

4

5

6

7

8

9

10

11

12

13

T

F

EVENT

14

15

16

17

18

19

20

22

23

24

25

26

27

28

29

30

31

1

2

3

12

10

13

20

15

40

16

50

Nicloe Hsu

S

21

Yi Yuan Mike Lee

EVENT NAME HERE

Joaana Chang

14 : 30

OK

加入列表

Nicole

MAR T

活動資訊頁

EVENT LIST2

行事曆

EVENT LIST3

邀請朋友

PUBLIC EVENTS

23 30

07 08

2014 MAR

點選” “

EDITOR

EVENT

EVENT LIST1

EVENT LIST1

00

00 : 00

EVENT LIST2

Reminders

Public events

03 05

EVENT NAME HERE

EVENT LIST1

Mei Kuan

INVITE

SEARCH

EVENT NAME HERE

09 10 03 12

EVENT LIST3 Find my friends

點選一個活動

EVENT LIST4

EVENT LIST5

EVENT LIST6

公開:自己揪團或加入他團。 顯示團員人數限制與已加入人數。

編輯自己的行程: 時間、提醒、公開或邀請朋友

觀看欲參加活動列表


ARTBOX ICONS CAFE’

OTHERS

MUSIC

HOME

BOOK STORE

PROFILE

MOVIE

CALENDAR

EXHIBITION

TALK

DRAMA

SEARCH


ARTBOX UI DESIGN HOMEPAGE

EVENTS INFORMATION PAGE

Monica

14:30 PM

Monica

EXHIBITION

TAIPEI ARTS AWARDS 2014

14:30 PM

Monica

EXHIBITION

14:30 PM

EXHIBITION

2013 Taipei Arts Awards is an exhibition that TAIPEI ARTS twelve finalists enter the final selection after AWARDS 2014 more two rounds of competition, embodying artwork information

TAIPEI ARTS AWARDS 2014

HISTORY REPRESENTED

14

WRITTEN IN SOAP

2013 Taipei Arts Awards is an exhibition that twelve finalists enter the final selection after two rounds of competition, embodying artwork

TAIPEI ARTS AWARDS 2014

14

TAIPEI ARTS AWARDS 2014

HISTORY REPRESENTED

HISTORY REPRESENTED

WRITTEN IN SOAP 14

swipe over to find more events

WRITTEN IN SOAP


ARTBOX UI DESIGN EVENTS INFORMATION PAGE

Monica

EXHIBITION

14:30 PM

Monica

14:30 PM

EXHIBITION

EXHIBITION

TAIPEI ARTS AWARDS 2014

TAIPEI ARTS

2013 Taipei Arts Awards is an exhibition that twelve finalists enter the final selection after two rounds of competition, embodying artwork

TAIPEI ARTS AWARDS 2014

HISTORY REPRESENTED

WRITTEN IN SOAP

TAIPEI ARTS AWARDS 2014

AWARDS 2014 TAIPEI HISTORY WRITTEN 2013 Taipei Arts Awards is an exhibition that ARTS REIN twelve finalists enter the final selection after two rounds of competition, embodying artwork AWARDS PRESENTED SOAP 2014 TAIPEI WRITTEN HISTORY WRITTEN HISTORY ARTS REIN REIN AWARDS PRESENTED SOAP 2014 PRESENTED SOAP TAIPEI ARTS AWARDS 2014 TAIPEI ARTS AWARDS 2014 HISTORY RE-PRESENTED HISTORY RE-PRESENTED WRITTEN IN SOAP

14

WRITTEN IN SOAP

14

14

TAIPEI ARTS AWARDS 2014 WRITTEN IN SOAP

swipe over to find more events

WRITTEN IN SOAP

LIST PAGE

Monica

14:30 PM

EXHIBITION HISTORY RE-PRESENTED

TFAM Museum 2013/12/21-2014/03/16

TAIPEI ARTS AWARDS 2014

Monica

14:30 PM HISTORY RE-PRESENTED

Monica

TFAM Museum 2013/12/21-2014/03/16 EXHIBITION

14:30 PM

EXHIBITION

HISTORY RE-PRESENTED

HISTORY RE-PRESENTED

TFAM Museum 2013/12/21-2014/03/16

TFAM Museum 2013/12/21-2014/03/16

TAIPEI ARTS AWARDS 2014

TFAM Museum 2013/12/21-2014/03/16 TAIPEI ARTS AWARDS 2014

TFAM Museum 2013/12/21-2014/03/16

TAIPEI ARTS AWARDS 2014

WRITTEN IN SOAP

TFAM Museum 2013/12/21-2014/03/16

TFAM Museum 2013/12/21-2014/03/16

TFAM Museum 2013/12/21-2014/03/16

WRITTEN IN SOAP WRITTEN IN

TAIPEI ARTS AWARDS 2014

TAIPEI ARTS AWARDS 2014

TAIPEI ARTS AWARDS 2014

TAIPEI ARTS AWARDS 2014

WRITTEN IN SOAP

WRITTEN IN SOAP

MuseumAWARDS 2013/12/21-2014/03/16 TAIPEITFAM ARTS 2014

SOAP

TFAM Museum 2013/12/21-2014/03/16

TFAM Museum 2013/12/21-2014/03/16

TFAM Museum 2013/12/21-2014/03/16

TAIPEI ARTS AWARDS 2014

EDITOR

TFAM Museum 2013/12/21-2014/03/16

TFAM Museum 2013/12/21-2014/03/16

TFAM Museum 2013/12/21-2014/03/16 TAIPEI ARTS AWARDS 2014

TFAM Museum 2013/12/21-2014/03/16

TFAM Museum 2013/12/21-2014/03/16

TFAM Museum 2013/12/21-2014/03/16

TAIPEI ARTS AWARDS 2014

WRITTEN IN SOAP TFAM Museum 2013/12/21-2014/03/16 14

WRITTEN IN SOAP

WRITTEN IN SOAP 14

14



FAMILY BEACON YOUR SMARTPHONE DEVICE CAN ALERT APPS WHEN YOU APPROACH THE FAMILYMART WITH AN BEACON

CLIENT TAIWAN FAMILYMART CO.,LTD. SUPPORT TROPOX


FAMILY BEACON PROCESS PROCESS 1 DOWLOND APP

PROCESS 2 GO TO FAMILYMART

FamilyMart PROCESS 3 YOUR SMARTPHONE DEVICE CAN GET "SCRATCH" OR "CHANCE" GAMES WHEN YOU APPROACH A BEACON IN THE STORE

今日運勢

簽到刮刮樂

PROCESS 4 YOU WILL HAVE THE OPPORTUNITY TO GET COUPONS

ONS COUP

簽到記錄


FAMILY BEACON UI DESIGN

遊戲首頁

今日運勢

今日運勢

簽到刮刮樂

簽到刮刮樂

簽到記錄

簽到記錄

簽到記錄 好禮蒐藏

活動分店

拿鐵咖啡 七折

霜淇淋 特價十元

到期日 2014.07.10

到期日 2014.07.10

到期日 2014.07.10

簽到刮刮樂

全家霜淇淋 特價十元

全家咖啡 第二杯半價

到期日 2014.07.10

到期日 2014.07.10

今日運勢

大吉

霜淇淋 第二支半價

到期日 2014.07.10

好禮蒐藏

保持微笑 好運自然 來報到!

今日運勢

中吉

保持微笑 好運自然 來報到!

今日運勢

大吉

霜淇淋 第二支半價

保持微笑 好運自然 來報到!

今日運勢

保持微笑 好運自然 來報到!

大吉

每日籤運



MY COFFEE ONLINE/ OFFLINE APPLICATION


MY COFFEE UI DESIGN

My Coffee My Coffee

HOT

ICE

Coffee Latte

Coffee Latte 熱拿鐵

MILK FOAMED

熱拿鐵

10% Milk Foamed

60% Milk

STEAMED MILK

M / 500cc

30% Coffee

X2

Less Sugar

M / 500cc 125 Calories

SUGAR

ESPRESSO

80$

MILK

X1 + -

S

M

L MILKFOAMED

TOTAL 160$ 巧克力

奶茶

拿鐵

卡布奇諾

摩卡

ADD TO CART

NEXT

BUY


MY COFFEE PROCESS PROCESS 1 APP

使用MY COFFEE app選購咖啡、調整口味 並於線上付費即可獲得一枚QRcode 01 選擇熱飲或冷飲

My Coffee

02 選擇杯數和容量

03 選擇飲料種類可點選左右鍵 04 加入我的最愛 06 確認金額

HOT

05 左右滑動可調整口味

07 加入購物車或直接購買

ICE

Coffee Latte

STEP 01

MILK FOAMED

熱拿鐵

STEAMED MILK

M / 500cc 125 Calories

ESPRESSO

80$ X1 + -

PROCESS 2 VENDING MACHINE 持QRcode至咖啡販賣機上掃描 即可取得咖啡

巧克力

S

奶茶

拿鐵

M

L

卡布奇諾

摩卡

02

03

NEXT My Coffee Coffee Latte 熱拿鐵

04 10% Milk Foamed

60% Milk

PROCESS 3 ENJOY COFFEE 享用您的客製化咖啡

M / 500cc

30% Coffee

X2

Less Sugar

SUGAR

MILK

05

MILKFOAMED

TOTAL 160$ ADD TO CART

06

BUY

07



PARACHUTE BRAINWAVE GAME APP TO TRAIN ATTENTION


PARACHUTE FLOW&PROTOTYPING friends rakking

FRIENDS RANKING

FRIENDS RANKING

LOG IN

LOG IN TO YOUR FACEBOOK ACCOUNT TO SEE YOUR FRIENDS RANKING.

PARACHUTE

swipe to see more

NO.1

NUNU SCORE 10206

NO.2

NICOLE SCORE 9837

NO.3

RONALD SCORE 8159

NO.4

WU SCORE 7002

swipe to see more

homepage

friends rakking

SETTING

OPTIONS

FEMALE

STEP 1

START HOW TO PLAY

MAN

SETTING HOME swipe to see more

setting how to play

star

HOW TO PLAY

LEVEL

EASY

腦波儀穿戴方法

MEDIUM

左額前方 夾住耳朵

HARD VERY HARD

HOME

level

HOW TO PLAY

LOCATION

1.

跳機飛行時,運用專注力 控制身體的平衡。

EGYPT

2.

拉傘降落時,專注力越高, 就越能抵達分數高的落點。

HOME

HEIGHT WIND VELOCITY HOURS TIME

STAR

ATTENTION

game star

play

home share

FRIENDS RANKING PLAY AGAIN

HEIGHT WIND VELOCITY HOURS TIME

SHARE HOME

facebook STATUS

PHOTO

ATTENTION CHECK IN

options

name

game over

ATTENTION SCORE ACCUMULATION

BOOTY ALL BOOTY

一起來玩 parachute.com LIKE

COMMENT

SHARE

booty

charts


PARACHUTE UI DESIGN

5000FEET 23M/S

PARACHUTE 8000FEET 23M/S 190KM 00s

OPTIONS

START HOW TO PLAY SETTING

swipe to see more

1000FEET 19M/S 80KM 35s

HOW TO PLAY 腦波儀穿戴方法 左額前方

ATTENTION

夾住耳朵

HOME

400FEET 10M/S 20KM 50s

100 70

PARACHUTE

BOOTY X 15 ALL BOOTY X 203 ATTENTION

50


PARACHUTE UI DESIGN


PARACHUTE UI DESIGN CHARACTER

PARACHUTE PARACHUTE

AIRPLANE

SCENE

ANIMAL

SCORE

100 APP ICON



THANKS FOR READING! 張嘉年 Chia-Nien Chang

chocnu@designer.org.tw +886 976400822



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.