Lin yujhen portfolio 2016

Page 1

2016

Portfolio

林雨蓁 / Janice Lin




04 | About

1

08 | Autobiography

4

6


10 | Design Project iMA - Intelligent Manager Alien Ugly Produce - flyingV project Hand x Hand - service design Fotock - flyingV project

80 | Illustration& Graphic design Daily UI Infographic - Facts about giant panda Animal series

42 | User Interface Design K News Wheel time My bug Groubuy

62 | Web Design Jasha -random your lunch Taiwan No. 1 - Taiwanese fruit e-shop TTR Drone Dashboard HSNU High school GujiGuji - travel blog

点击有影片可浏览 点击有档案可浏览


Janice Lin 林 雨 蓁

1994,02,03

台灣科技大學 創意設計學士班 四年級

04 | About

jhenyu0@gmail.com +886 937 920 870

新北市中和區員山路 428 號 7 樓

https://www.behance.net/ jhenyu http://linyujan.tumblr.com/


Knowledge

Graphic Design

UI & Web

Industrial Design

Computer Skills Photoshop InDesign Lightroom After Effect

Sketch 3 Illustrator Keynote

AutoCAD Rhino Pro Engineer Cinema 4D Keyshot


校內参与

校外参与

201 5

新一代設計展 攝影組 設計週 執秘 總務

藝說系所 校園美化 佳作

06 | About

跨系音樂劇 美術組 道具舞台 班級作品展 總召 統籌規劃 設計週 展場規劃

Designers' night Lighting Talk Sketch 3 技巧分享 LTUX - Ladies that UX Core Team Designers' night Top designer - 作品集分享

班級作品展 展場規劃 設計週 展場規劃 201 3

从 大 一 到 现 在, 尽 心 参 与 学 校 事 务, 每 次 都 尝 试 不 同 总 类 的 工作。 参 与 事 项 也 非 常 丰 富, 除 了 班 级 作 品 展、 系 上 設 計 設 計 主 题 展, 挑 战 展 场 规 划 或 是 担 任 统 筹 外, 也 参 与 音 乐 剧 跟 校 园 美 化竞赛。

同 时, 也 积 极 参 与 设 计 师 聚 会, 充 实 自 己 的 知 识。 可 以 更 能与业界接轨。


实习 l 接案 l 得獎 201 5

2015 . 07 - now fontech. 方客特

UI & Web 设计实习生 2015 . 12 iMA 智慧星妈

智慧电子美学展 银奖 2015 . 04 iMA 智慧星妈

智慧电子应用展 特优 2015 . 02 - 03 V2K 點膠機

軟體介面 icon 2014 . 12 - 2015 . 03 Fotoek 話畫

產品視覺,網站設計,App 2013 . 06 - 09 Techpros. 啟裕國際 家具產品建模、渲染 201 3

大 二 暑 假 到 家 具 公 司 打 工, 负 责 家 具 产 品 建 模 渲 染, 之 後 開 始接案包含介面、网站等。

从 大 三 暑 假 开 始, 到 科 技 公 司 担 任 设 计 实 习 生, 开 始 接 触 app 与 网 站 的 设 计, 从 前 期 交 互 设 计 到 与 工 程 师 讨 论, 都 有 参 与。 同 时 校 内 产 品 设 计 课 程 同样尽 心 尽 力, 参 加 全 国 比 赛 获 得 佳 绩。


我是林雨蓁 , 出生於台湾台北 , 目前就读於台科大设计系四年级 ,

喜欢生活 , 充分享受每一刻。愿意尝鲜 , 勇於接受新事物的挑战 ,

主修工设。

同时保持乐观的态度面对所有事情。 学习上充满热忱 , 不只局限於设计

08 | Autobiography

领域。喜欢思考分析 , 对於同一件事 , 会分析多方观点 , 评估後结论 。

小学开始为求多元发展以及培养兴趣 , 曾尝试过各式才艺。其中 ,

我因对艺术的热忱 , 开始修习美术以及书法 , 培养了我对视觉的敏感度。 初中住校 , 让我养成规律的生活习惯以及熟悉大团体的生活。

高中进入北一女中 , 多元自由的风气让我适性发展 , 在学习课业

的同时 , 可以继续进修美术。加入仪队 , 也为其设计文宣品以及纪念品 , 在这之中让我了解到发行一件产品需要前期的筹备规划 , 以及後续的合 作行销等。从那时候起 , 让我对设计产生浓烈的兴趣。

上了台湾科大後 , 我开始了解设计。设计是协助人们驯服繁杂丶

解决问题的方式 , 而在现今这个时代 , 创意与设计已是多个领域创造下的 结晶。因此 , 我虽然主修工业设计 , 仍然多方涉略许多领域的相关课程。 不停开拓自己的兴趣丶放宽自己的眼界。


我修习过产品设计丶服务设计丶室内设计丶视觉平面等课程。并

将不同领域融会贯通。同时藉由修习服务设计与介面设计 , 了解到前端

设计思考以及使用者分析 , 再将所学到的方法 , 应用在产品设计丶室内设 计以及视觉平面上 , 使我的产品更加完整全面。

大二暑假 , 到家俱公司实习 , 负责新产品开发的建模及渲染。在

这之中实际接触到工厂与开发 , 了解到产品的制程以及业务行销。这个 经历让我懂得一件产品上市前规划开发的重要性 , 做事上也更加机极更

有效率。在这之後把握机会接案 , 一方面应用所学 , 一方面增加自我的实 务经验 , 涉及过网站丶介面等领域。

大三暑假开始到新创科技公司担任设计实习,协助设计师规划与

设计产品。一起进行使用者研究以及 app 与网站的介面设计,访问使用 族群并找出他们的需求,进而设计出他们想要的产品。同时我也真正参 与了 app 與網頁从前端到後端的设计。

学无止尽,我希望我有这个机会,去接触更广更大的世界,分析

更多的族群用户,为更多的人进行设计,进而让使用者有更好的体验。


Design Project iMA - Intelligent Manager Alien Ugly Produce - flyingV project Hand x Hand - service design Fotock - flyingV project



12 | Design Project

i MA

Intelligent Manager Alien



問題發現

14 | Design Project

【办公室一族】

工作状态经常是长期处于一个姿势,这让颈部、腰背、

手腕等部位过度劳损,伴有酸胀、疼痛、关节响等症状, 更有一项数据调查显示,上班族最高发病率是颈椎病。


問題分析

观察发现,刚开始使用电脑时, 姿势多半是正确的。

随时间流逝,身体因疲劳与僵 化,造成姿势不良而不自觉。


產品特色

16 | Design Project

以关怀的态度引导人们正确的行为 , 营造一个健康积极的工作环境。


侦测环境亮度调整 萤幕到适宜亮度

控制使用电脑的时间

检测使用姿势 并指导校正


使用方式

18 | Design Project

事先设定好正确姿势

当开始使用电脑时

在电脑前的时间, 脑的距离。


时,产品会记录使用著

,并侦测使用者距离电

当维持不良距离过久,iMA 会发出提醒。

提醒方式可以依据工作场所改变。可设定静 音或是震动。


20 | Design Project

一般的农产销售现况中,零售商和通路,规定只能收外表漂亮丶规格一致的 产品。

为了不让消费者看到太丑太歧异的农产品,有许多就只能靠农友赔钱贱卖丶 自行食用消化,或甚至不作采收任由他们在农地腐烂。

但我们相信同样由农友悉心照料的格外品一样能为我们的生活带来能量。 为即将上募资平台的团队规划设计其募资文案丶拍摄影片丶视觉设计以及募 资品项等。



問題發現

格外品

22 | Design Project

30%

在台湾狭窄的土地上做有机是不容易的,但在严峻的标准之下,友 善土地的自然无毒耕法是我们最後的底线。

但是台湾有三成的蔬果无缘进到市面上,这些蔬果被称作「格外 品」,代表「市场规格之外的农产品」。一般的农产品销售状况中,

零售商和通路为了掌握农产品的状况,只接受外表美观丶规格一致 的产品,以方便品质的管理。


問題分析

生產供應方已經在分工鏈中離我們 太過遙遠,有太多的不確定因素。

那丑蔬果该怎麽办呢?有些产量较大丶较有馀力的农友,能够 将农产品加工再次贩售,但是仍然有许多只能让农友赔钱贱卖 丶自行消化食用丶甚至不作采收任其在农地腐烂。


24 | Design Project

解決方式

透過我們的下鄉拜訪,找出無毒安全 種植的小農,直接產地直銷。

問卷調查

对於形状怪异普遍能接受,但是较无法接受虫咬或损伤 ( 烂 ) 两种族群(学生 / 传统市场)习性不同,而网路媒 体适用於学生。

目標

在网路族群中大力推广理念

在面对面的市场推动实体活动 ex:摆摊 寻找固定农家并确立後续的发展方向


◼ Key Partners

商業模式 Key Activities

Cost Structure

Value Proposition

Revenue Stream

https://www.flyingv.cc/project/7398


26 | Design Project

video https://youtu.be/tHBtqCpCwdw


stop motion


character design

28 | Design Project


photograph & make a film


30 | Design Project

議題

议题:传统市场购物

小时候跟着父母上市场,现在长大了和朋友一起去逛, 市场,一直是我们生活经验的一部分。

希望能让这个经验传承下去,同时改善现有市场问题。


Video

https://youtu.be/OsYjhDXhKsU


32 | Design Project

â—ź Customer Journey


Gap Model

衛生缺口

退貨缺口

資訊透明度缺口

運送缺口

觉得商家不太卫生 , 脏雨水滴到商品上 , 商家用碰食物的手找钱再去碰食物 , 商品 摆地上会被弄脏。

不知道菜价丶煮法丶摊贩位置丶食材的品 质 ( 没有认证,没有眼力 ) 丶动线混乱 要绕很久,常迷路。

买到坏掉的东西 , 有时候只能认了 , 下次 抱怨两句。 有时也不太想吵,大家每周都要见面。 没有合理申诉管道。

提着大包小包还要从大包包很重,很多个 塑胶袋把手勒在手上。 搭公车丶骑机车东西太多会搬得很辛苦。


34 | Design Project


Fotock

It is not only a frame.

让相框不只是相框。 加入可以替换的音乐以及标签,让收礼的 人感受到你的心意。 为一个预计上募资平台的产品设计其网 站,包含介绍页面丶订购流程,以及规划 app 。

https://www.flyingv.cc/project/7848

website & application


landing page

36 | Design Project


a. b.

a. upload image b. record voice & edit music


Prototype

| Web Design 38 |36Design Project


a.

b.

c.

d.

e.

a. side bar b. upload image c. add tag d.record voice e. cart (order succeeds)


User Interface Design K News Wheel time My bug Groubuy



42 | Design Project

K News News and friends should be few but true.

Video

https://youtu.be/96wHIXivy4k


常常会看到不感兴趣的文章出现在你的视线里。有些文章一直

被批评却重复出现。人一天花在电脑前的时间有限,要如何让 我们在最短的时间内收到最精华的讯息?

忙碌的上班族,一天必须浏览大量资料的人。 透过评分的方式,让优质的文章或是重要的新闻排名更前面,

让更多人看到。同理,也可以把觉得没有价值的文章投负分, 让他沈淀在海底。


44 | UI Design

a.

c.

b.

a. log in page b. side bar c. homepage(hot news)


d.

e.

f.

d. favorite page e. porfile f. write news


wireframe

46 | UI Design


a.

b.

c.

a. original state b. one click article f. double click article


Wheel time Wheel Time

使用手机的时候,时间流逝的特别快。一分一秒中,很 多时间就这样浪费掉了,那麽究竟是使用了哪些 App? 想有效使用时间,管理自己手机使用量的人。 Wheel Time 记录每天使用各种应用的时间,并且可 以设置闹铃提醒使用时间已超过标准。



50 | UI Design

homepage

已使用手機時間


a.

b.

c.

d.

e.

a. side bar b. using time reminder c. quarterly statistics d. monthly statistics e. using time of facebook


52 | UI Design

My Bug

Wheel Time 的延伸。有时太功能型的 APP 容易

My Bug

让使用者失去兴趣。用游戏的方式督促人日常生 活的作息。

忙碌生活中想要维持健康作息同时放松身心的 人。

小虫子的生活型态和人类相同,藉由喂养小虫 达到同时提醒自己的作用。



54 | UI Design


a.

b.

a. flow

b. 兩者作息時間相等


Groubuy 56 | UI Design

Make group buy easier.


同时想知道交友圈或是附近的人有没有跟你一样想要的 产品。 常用网路购物,想要获得更优惠价格的族群。 透过 Groubuy 让认识或不认识却有相同需求的人聚在 一起,让团购不怕不够数量 ! 每个人都可以成为主要发 起者,或是寻找身边同样想买东西的人。


58 | UI Design

a.

b.

c.

a. log in page b. homepage(main menu) c. side bar


choose category


60 | UI Design

a.

b.

a. area b. product information


c.

d.

e.

c. promoter page d. profile e. message page


Website Design Jasha -random your lunch Taiwan No. 1 - Taiwanese fruit e-shop TTR Drone Dashboard HSNU High school GujiGuji - travel blog



64 | Web Design

现代人常常为了中午该吃什麽餐厅而烦 恼,这时一个随机选择的功能就可以在 解决问题的同时增加乐趣。



66 | Web Design


为 App 设计里面的 icon,囊括了各种类型的食物,包含 古今中外。以 flat design 的感觉设计,希望活泼的色调 增加人们的食欲以及心情。


68| Web Design

台湾农产蔬果加工品品牌,并以现代化丶标 准化创新研发为主轴,提供市场上更高品质 及更有竞争力之产品。 重新设计台湾一番的视觉以及网站。



TTR Drone


为四轴飞行器设计其侦测配备,以 ios app 为规范, 搭配 apple watch,让使用者在操纵飞行器时可以快速地了解飞行 器最新的状况。 同时设计网页版 Dashboard ,让使用者可以回家後查看他的飞行纪 录,进而分析他的飞行状况。


72 | Web Design

apple watch app


dashboard


74 | Web Design

附中校史室网页设计 为师大附中校史室重新设计网站。

赋予更多动态效果的呈现,让网站更能 吸引校有点入。


a.

b.

a. homepage b. map


76 | Web Design

咕叽咕叽

收集各大台湾部落客文章,让旅台游客 可以在这之中搜寻到在台景点,帮助其 认识台湾、规划旅程。 同时包含 rwd 设计。



78 | Web Design


松井⽇式⾃助百汇⽕鍋 超好吃 博主:viviyu

viviyu ⾃助式晚餐. 這是我第⼀次到位於南這是我第 ⼀次到位於南崁交流道旁的特⼒家居(對⾯是 ⻑榮航空的總公司)...

2015/02/21

松井⽇式⾃助百汇井⽇式⾃ 助百汇 2015/02/21

3359

56432

56432

56432

26

松井⽇式⾃助百汇 3359

台北松⼭區松井⽇式⾃助百汇 超好吃壽司

56432

⾃助式晚餐. 這是我第⼀次到位於南崁交流道 旁的特⼒家居(對⾯是⻑榮航空的總公司)...

⾃助式晚餐. 這是我第⼀次到位於南這是我第⼀ 次到位於南崁交流...

⼩⻁

2015.04.01

26

a.

b.

a. article review b. card design


Illustration & Graphic Design Daily UI Infographic - Facts about giant panda Animal series



82 | Graphic Design

参加了 Daily UI 的活动,每天一个 UI 题目来练习。 除了练习以外,会先观察前辈的作品,也因应使用 者习惯、设计风格进行设计。


a.

b.

a. calculator b. credit card checkout


84 | Graphic Design


a.

b.

a. user profile b. settings


86 | Graphic Design


Infographic Facts about giant panda 为 了 提 倡 保 育 动 物, 将 熊 猫 的 知识进行图表化。


88 | Graphic Design

Animal series 運用相同的動物創作出一系列的設計。



動物擬人。

90 | Graphic Design



動物平面化。

92 | Graphic Design






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.