Portfolio 林雨蓁 / Janice Lin
04 | About 08 |Autobiography
10 | Design Project
62 | Graphic Design
Ugly Produce - flyingV project
Animal series
Hand x Hand - service design
Thanksgiving card
Fotock - flyingV project
Facts about giant panda
30 | User Interface Design K News Wheel time My bug Groubuy
50 | Web Design Jasha app landing page Taiwan No.1 TTR Drone dashboard
Janice Lin 林 雨 蓁
1994,02,03
台灣科技大學 創意設計學士班 三年級 jhenyu0@gmail.com +886 937 920 870
新北市中和區員山路 428 號 7 樓
University 201 6
國立台灣科技大學 創意設計學士班
NTUST,Design Undergraduate Honors Program 2016 畢業
High School 201 2
台北市立第一女子高級中學
Taipei First Girls High School 2012 畢業
Knowledge
Graphic Design
UI & Web
Industrial Design
Computer Photoshop
Sketch 3
AutoCAD
InDesign
Illustrator
Rhino
Lightroom
Keynote
Pro Engineer
After Effect
Cinema 4D Keyshot
校內參與
實習、接案
201 5
201 5
2015 . 07 fontech. 方克特 UI&Web 實習生
設計週 執秘 總務
藝說系所 校園美化 佳作
2015 . 04 - 06 醜蔬果大翻身 募資平台規畫(影片、募資品、設計)
跨系音樂劇 美術組 道具舞台
2015 . 03 小確信、文青小時代 App 社群經營
班級作品展 總召 統籌規劃 設計週 展場規劃
2015 . 02 - 03 V2K 點膠機 軟體介面 icon , 機台介面
班級作品展 展場規劃 設計週 展場規劃
2014 . 12 - 2015 . 03 Fotoek 話畫 產品視覺,網站設計,App
201 3
2013 . 06 - 09 Techpros. 啟裕國際 家具產品建模、渲染 201 3
我是林雨蓁 , 出生於台灣台北 , 目前就讀於台科大設計系四年級 ,
主修工設。
喜歡生活 , 充分享受每一刻。願意嘗鮮 , 勇於接受新事物的挑戰 ,
同時保持樂觀的態度面對所有事情。 學習上充滿熱忱 , 不只侷限於設計領 域。喜歡思考分析 , 對於同一件事 , 會分析多方觀點 , 評估後結論 。
小學開始為求多元發展以及培養興趣 , 曾嘗試過各式才藝。其中 ,
我因對藝術的熱忱 , 開始修習美術以及書法 , 培養了我對視覺的敏感度。 初中住校 , 讓我養成規律的生活習慣以及熟悉大團體的生活。
高中進入北一女中 , 多元自由的風氣讓我適性發展 , 在學習課業
的同時 , 可以繼續進修美術。加入儀隊 , 也為其設計文宣品以及紀念品 , 在這之中讓我瞭解到發行一件產品需要前期的籌備規劃 , 以及後續的合 作行銷等。從那時候起 , 讓我對設計產生濃烈的興趣。
上了台灣科大後 , 我開始了解設計。設計是協助人們馴服繁雜、解
決問題的方式 , 而在現今這個時代 , 創意與設計已是多個領域創造下的結 晶。因此 , 我雖然主修工業設計 , 仍然多方涉略許多領域的相關課程。不停 開拓自己的興趣、放寬自己的眼界。
我修習過產品設計、服務設計、室內設計、視覺平面等課程。並將不
同領域融會貫通。同時藉由修習服務設計與介面設計 , 了解到前端設計思 考以及使用者分析 , 再將所學到的方法 , 應用在產品設計、室內設計以及 視覺平面上 , 使我的產品更加完整全面。
大二暑假 , 到傢俱公司實習 , 負責新產品開發的建模及渲染。在這
之中實際接觸到工廠與開發 , 了解到產品的製程以及業務行銷。這個經歷 讓我懂得一件產品上市前規劃開發的重要性 , 做事上也更加機極更有效 率。在這之後把握機會接案 , 一方面應用所學 , 一方面增加自我的實務經 驗 , 涉及過網站、介面等領域。
大三暑假開始到新創科技公司擔任設計實習,協助設計師規劃與
設計產品。一起進行使用者研究以及 app 與網站的介面設計,訪問使用族 群並找出他們的需求,進而設計出他們想要的產品。同時我也真正參與了 app 從前端到後端的設計。
學無止盡,我希望我有這個機會,去接觸更廣更大的世界,分析更
多的族群用戶,為更多的人進行設計,進而讓使用者有更好的體驗。
Design Project Ugly Produce - flyingV project Hand x Hand - service design Fotock - flyingV project
一般的農產銷售現況中,零售商和通路,規定只能收外表漂亮、規 格一致的產品。
為了不讓消費者看到太醜太歧異的農產品,有許多就只能靠農友賠 錢賤賣、自行食用消化,或甚至不作採收任由他們在農地腐爛。
但我們相信同樣由農友悉心照料的格外品一樣能為我們的生活帶來 能量。
為即將上募資平台的團隊規劃設計其募資文案、拍攝影片、視覺設 計以及募資品項等。
問題發現
30%
格外品
問卷收集
解決方法
透過我們的下鄉拜訪,找出無毒安全 種植的小農,直接產地直銷。
問題分析
生產供應方已經在分工鏈中離我們 太過遙遠,有太多的不確定因素。
Key Partners
Key Activities
Value Proposition
商業模式
Cost Structure
Revenue Stream
video
stop motion
character
photograph & make a film
議題:傳統市場購物 小時候跟著父母上市場,現在長大了和朋友一起去逛, 市場,一直是我們生活經驗的一部分。 希望能讓這個經驗傳承下去,同時改善現有市場問題。
Persona
姓名 : 李莉莉 ( 女 ) 二十歲 , 校外租屋者 , 學生 個性:善於規劃 , 有行動力 , 喜歡嘗鮮 興趣 : 煮飯 , 喜吃美食 , 精打細算注重健康,偶爾會邀請朋友一起做 飯 經驗 : 小時候和媽媽逛市場 , 覺得市場新鮮有趣 , 也很有人情味 上市場的期待 : 挖掘出好店 , 買到新鮮好吃的食材 , 滿足賢妻良母的 幻想
Customer Journey
衛生缺口
退貨缺口
商家用碰食物的手找錢再去碰食物 , 商品
抱怨兩句。
覺得商家不太衛生 , 髒雨水滴到商品上 , 擺地上會被弄髒。
買到壞掉的東西 , 有時候只能認了 , 下次 有時也不太想吵,大家每週都要見面。 沒有合理申訴管道。
資訊透明度缺口
運送缺口
質 ( 沒有認證,沒有眼力 )、動線混亂
塑膠袋把手勒在手上。
不知道菜價、煮法、攤販位置、食材的品 要繞很久,常迷路。
商業模式
提著大包小包還要從大包包很重,很多個 搭公車、騎機車東西太多會搬得很辛苦。
Fotock
It is not only a frame.
讓相框不只是相框。 加入可以替換的音樂以及標籤,讓收禮的人感受到 你的心意。 為一個預計上募資平台的產品設計其網站,包含介 紹頁面、訂購流程,以及規劃 app 。
website & application
landing page
a. b.
a. upload image b. record voice & edit music
Prototype
36 | Web Design
a. side bar b. upload image a.
b.
c.
d.
e.
c. add tag d.record voice e. cart (order succeeds)
User Interface Design K News Wheel time My bug Groubuy
K News
News and friends should be few but true.
常常會看到不感興趣的文章出現在你的視線裡。有些文章一直被批 評卻重複出現。人一天花在電腦前的時間有限,要如何讓我們在最 短的時間內收到最精華的訊息? 忙碌的上班族,一天必須瀏覽大量資料的人。
透過評分的方式,讓優質的文章或是重要的新聞排名更前面,讓更 多人看到。同理,也可以把覺得沒有價值的文章投負分,讓他沈澱 在海底。
a.
b. a. log in page
c.
b. side bar c. homepage(hot news)
d. favorite page d.
e.
f.
e. porfile f. write news
wireframe
a.
b.
a. original state b. one click article f. double click article
c.
Wheel time 使用手機的時候,時間流逝的特別快。一分一秒中,很 多時間就這樣浪費掉了,那麼究竟是使用了哪些 App?
Wheel Time 想有效使用時間,管理自己手機使用量的人。 Wheel Time 記錄每天使用各種應用的時間,並且可 以設置鬧鈴提醒使用時間已超過標準。
homepage
已使用手機時間
a.
b.
c.
d.
e.
a. side bar b. using time reminder c. quarterly statistics d. monthly statistics e. using time of facebook
My Bug My Bug
Wheel Time 的延伸。有時太功能型的 APP 容易讓 使用者失去興趣。用遊戲的方式督促人日常生活的 作息。 忙碌生活中想要維持健康作息同時放鬆身心的人。 小蟲子的生活型態和人類相同,藉由餵養小蟲達到 同時提醒自己的作用。
a.
b.
a. flow
b. 兩者作息時間相等
24 | User Interface Design
Groubuy Make group buy easier.
同時想知道交友圈或是附近的人有沒有跟你一樣想要的產品。 常用網路購物,想要獲得更優惠價格的族群。 透過 Groubuy 讓認識或不認識卻有相同需求的人聚在一起,讓團 購不怕不夠數量 ! 每個人都可以成為主要發起者,或是尋找身邊同 樣想買東西的人。
a. a. log in page b.
c.
b. homepage(main menu) c. side bar
choose category
a.
b.
a. area b. product information
c. promoter page c.
d.
e.
d. profile e. message page
Web Design
現代人常常為了中午該吃什麼餐廳而煩惱,這時
一個隨機選擇的功能就可以在解決問題的同時增 加樂趣。
為 App 設計裡面的 icon,囊括了各種類型的食物,包含
古今中外。以 flat design 的感覺設計,希望活潑的色調 增加人們的食慾以及心情。
台灣農產蔬果加工品品牌,並以現代化、標 準化創新研發為主軸,提供市場上更高品質 及更有競爭力之產品。
重新設計台灣一番的視覺以及網站。
TTR Drone
為四軸飛行器設計其偵測配備,以 ios app 為規範,
搭配 apple watch,讓使用者在操縱飛行器時可以快速地瞭解飛行器最 新的狀況。
同時設計網頁版 Dashboard ,讓使用者可以回家後查看他的飛行紀錄, 進而分析他的飛行狀況。
apple watch app
Dashboard
Graphic Design
Animal series 運用相同的動物創作出一系列的設計。
動物擬人。
動物平面化。
Thanksgivings cards 為小確信 App 設計的卡片,希望在這個時代, 喚起年輕時寄卡片的記憶。
Facts about giant panda 為 了 提 倡 保 育 動 物, 將 熊 貓 的 知識進行圖表化。