Page 1

2017 -2018


present by Butter lee


CONTENTS PAGE 5-6

Resume

9 - 24

Design Method

27 - 48

UI/UX Design

51 - 58

Product Design

61 - 66

CIS Design

69 - 74

Graphic Design

77 - 80

Photography


RESUME

Yi - Ting Lee About Me

Passions

Name 李宜庭 Yi - Ting Lee Hometowon Yunlin , Taiwan 17 May 1997

Music / Art / Anime Travelling / Animals Reading / Movies

Education 2015 - Now 國立成功大學工業設計學系 2009 - 2015 私立正心高級中學

Contacts Tel +886 911072058 Email s110230@shsh.tw Issuu https://issuu.com/butter86517

5

Language Skills Chinese English Taiwanese Japanese


Introduction Hello ! My name is Yi-Ting Lee. I major in industrial design in NCKU. Personally, I am very interested in UI/UX design. I love reading novels and watching movies,which make me gain more inspirations. I worked in the NCKU 高教深耕辦公室 ,and be responsible for art edit and layout design. This job trains my design skill a lot and make my ability of design more advanced. This my portfolio , thanks for reading.

Illustrator Photoshop Indesign Adobe XD

RESUME

Design Skills

Solidworks Keyshot Sai MS office UI/UX Design

Work & Experience 2017 - Now 成大高教深耕計畫推動辦公室 美編設計 2017 Summer CN Flower Internship 2016 - 2017 成大工設系學會 _ 美宣 2016 Summer NCKU ID CAMP _ 美宣

6


7


0 1 Design Method

8


9


10


11


12


13


14


15


16


17


18


19


20


21


22


23


24


0 2 UI/UX Design


UI/UX DESIGN

Aiko is a social robot who aims to help the user interact with her crush, just like her BFF.

27


Introduction

Designers 陳意昕 葉逸文 李宜庭 蘇莛

UI/UX DESIGN

Aiko is mainly designed for women who lack selfconfidence when facing love. Like a BFF, it lends users an ear when they have doubts and worries, gives them advice and even gives lectures about the technics they need when chatting with the opposite sex. Aiko is here to rebuild the users’ self-confidence, helping them to be themselves in face of their crushes.

28


UI/UX DESIGN

Motivation

29

It's hard for some asian girls to be themselves in face of their crushes, not to mention expressing feelings or love well. When facing love, some girls tend to be shy.nervous and lack selfconfidence ,which cause worries and doubts. They really need listeners for help and comfort, but it's difficult for them to tell their friends under the risk of divulging. If there is a "friend" can be your side anytime to give you helps,sharing their secrets with it, who wouldn’t spill any beans. Maybe it can help you to rebuild self-confidence and be yourself in front of your crush.


Survey We conducted a series of interviews and suveies to better understanding our users. In the results,we found out that many woman has the problem of being anxious while facing the opposite sex. Even though, they still want to get along well with the opposite sex.

UI/UX DESIGN 30


Interview

UI/UX DESIGN

We kept talking to our users to better understand what the really need to overcome the obstacle. And also let them to talk to opposite sex,observing their reaction and emotional state. Try to find out the design insight.

Persona-1 According to the interview and what user answered, we built a user persona Archetype & Quotation NO LIVE NO LIFE. Ability 3C PRODUCT Familiarity

Personality Friendly Talktive Easy to get along lol insecure References & Influences

MUST NEVER

Use cellphone Browse social networks Dress-up before going out

Talk to guys initially Use Talk app Start a conversation

與異性聊天能力 網路

frequency

Appliances Familiarity

frequency

Social Website Familiarity

frequency

31

MUST DO

Experience Goals A coach & a friend Minimal Size Can be placed in the bedroom Immediate reaction Easy to understand how to use/UI Lessons, 5-10 mins Lessons, different guys’ voices and faces


Persona-2 Not only build a ordinary persona,we also asked our users to write down what themselves trully like in their mind.

We found that the reason why our users couldn't be themselves infront of their crushes is the lack of self-confidence.

UI/UX DESIGN

Insight

32


Our Solution

UI/UX DESIGN

We designed a social robot called "Aiko" to solve our user's problem. Aiko is a social robot who aims to help the user interact with her crush, just like her BFF. When the user need some help and support, she could immediately turn to Aiko for help. She would need it when she wants to ask for chat topics advices, pluck up the courage to initiate a talk or when she’s feeling low and need Aiko’s comfort.

33

My Role I was responsible for Persona/UI Flow/Some icon Design.


Design Process

UI/UX DESIGN 34


Main Interface Flow Chart

35


36


Main Interface Flow Chart

37


38


APP Flow Chart

When user feeling upset,Aiko provides music and articles to soothe user´s motion.

1 second later

39


When the user need some help and support, she could immediatelyturn to Aiko for help.

The diary tool would show a clear growth of her own, she can either write or record her thoughts here.

40


41

UI/UX DESIGN

銀髮族歡唱好朋友


Introduction PAMAOKE is a karaoke APP especially for elder people. With many Taiwanese songs and online streaming system,it can entertain elder people who need attention and applause.

陳意昕 李宜庭 蘇莛

UI/UX DESIGN

Designers

My Role I was responsible for UI design / icon Design / XD.

42


Market Research

UI/UX DESIGN

There is no karaoke app especially for elder people. So we investigated what elder people need,and used the existing karaoke apps on the market, and record the items in the app. Listing their advantages.flaws and distinguishing features.

43

Market Research


Design Target

認同歸屬

增進社交

樂活

健康

Design Points

大介面 大字體

網路銀髮族 社群

孫子 投影片

UI/UX DESIGN

便於老人 使用

44


UI/UX DESIGN

UI Flow Design

45


Features

With the larger font,users can easily identify how to use and where to touch.

UI/UX DESIGN

With the function of building a KTV balcony,users can invite their friends to join their live and can also sing at the same time.

Many elder people love their grandsons very much, so we design "slides of grandsons",that users can upload their precious pictures of grandsons which would be played while singing.

46


UI Design

47


48


0 3 Product Design


Introduction It rains a lot in Taiwan. While people keep their umbrellas on umbrella holders. They are easily stolen. Furthermore, bottom of the umbrella holders has puddle from time to time , which easily get the umbrella holder dirty.

PRODUCT DESIGN

Thus, Jelly Jelly has automatic locks. People can lock their umbrellas ehwn they go to convenience store. In addition, the bottom of Jelly Jelly is made of diatomaceou earth, which can absorb water quicklyand avoid accumulation of water

Designers 李宜庭 劉家秀

My Role I was responsible for model design / 3D Rendering /Model making.

53


Concept Theme : “GO BEYOND ORDINARY� With this concept,we considered the weather and our daily life in Taiwan.We found that the umbrella holder had many problems to be improved.

PRODUCT DESIGN

Problem analysis We investigated all the umbrella holders to analyze and list their flaw and problems when using.

54


PRODUCT DESIGN Form Design

55


PRODUCT DESIGN

56


0 4 CIS Design


CIS DESIGN


Introduction

Project Sep.2016 to Nov.2016

My role CIS Design Peripheral Design Packaging Design

CIS DESIGN

Welcome! We are confident. 讓任何身材的人都能穿出自信與自己的風格


Peripheral Design

Concept

CIS DESIGN

I choose some cute and hand-writing fonts combine with icons of collar and button.

Logo design

Logo design A color symbolize a group of people.

63

#bd5d76

Age group : Girls (12-20) Sweet,Romantic,vibrant

#edc05c

Age group : Women (21-30) Warm,Bright,delightful


Peripheral Design Card

設計師

李宜庭 WearCon Clothing.co.ltd

co.ltd Douliu,Yunlin City

WearCon Clothing.co.ltd No.51 Douliu Road, Douliu,Yunlin City

Envelope

CIS DESIGN

WearCon Clothing.co.ltd No.51 Douliu Road, Douliu,Yunlin City

64


0 5 Graphic Design


Calendar

GRAPHIC DESIGN

I like owls very much. So I drew a story of owls , combined with calendar. Make the calendar looks like a story book.


GRAPHIC DESIGN


GRAPHIC DESIGN

Calendar


GRAPHIC DESIGN


Regular show redesign I really like watching the cartoon "regular show" , so I investigated all of the characters in regular show,choosing the features combine with myself to redesign some new characters.

GRAPHIC DESIGN

Freckles on my cheeks

My favorite coat

Round Eyes 4 Fingers

Love of my life

Teeth Full Colors No Shadows

73


Eyes Roller

4 Fingers Full Colors Ain’t care a bit about this world

GRAPHIC DESIGN

Round Eyes

No Shadows

74


75


0 6 Photography

76


77


78


79


80


2017 -2018

Lee Yi Ting's portfolio  

/All about Lee/

Lee Yi Ting's portfolio  

/All about Lee/

Advertisement