Portfolio 2022-Multimedia Designer

目錄 個人簡歷

02

・社群素材

03

・宣傳影片

11

作品集

・網頁設計 ・UI/UX

A P P L I C AT I O N D E S I G N E R

09 14

工作簡歷

興趣

#藝術 #運動 #大自然 #身心靈

2018/05 - 2018/09

工作｜網路宣傳為主：Banner、影片、角色Line貼圖，也參與繪本排版、校對。 好好投資科技股份有限公司｜美術設計專員

公司｜約10人，設計1人。我入職時，即將推出AI輔助投資App。

2017/12 - 2018/03

工作｜App上架前準備、實體活動支援。設計Logo、Banner、廣告傳單、調整3D吉 祥物、整理金融文章繪成圖解。

我平時個性內向溫柔、講話小聲，工作上積 極主動、細心、敢提出想法。面對不熟悉的 任物，會主動尋找方法達成目標。

視覺藝術學系(輔修)

工作｜網路宣傳為主：Banner、影片、MG動畫、網頁、簡報PPT，也支援：雜誌特別 單元、活動主視覺、活動大型看板。經歷過完整的提案、校稿、截稿。

公司｜約10人，設計2人。老闆是作者，與接案插畫家合作，出版繪本、兒歌。

工作喜歡直接和行銷、客戶合作，一起快速 實測各種想法，產出最有宣傳效果的視覺。

學習與媒材設計系(主修)

公司｜約100人，美編6~10人。經營範圍廣：3本雜誌、線上線下課程、活動展會。

妙蒜股份有限公司｜平面美編設計人員

我是一位多媒體設計師，熟悉平面設計、影 片剪輯、動態設計，也略懂網頁設計、優化 錄音、社群經營。

臺北市立大學

2018/09 - 2021/03

心得｜成為設計熟手，能快速了解需求、協助整理文字、產出視覺。

tingyu.helloworld@ gmail.com

學歷

巨思文化股份有限公司｜美編設計

新加坡商第一企劃行銷股份有限公司｜網頁設計助理 公司｜我入職時，即將推出Samsung手機新的型號。

工作｜Banner resize、Edm、參與博士倫隱形眼鏡廣告提案發想

專業技能

平面設計｜Photoshop、Illustrator、InDesign 網頁設計｜Html、CSS、Bootstrap

影音動畫｜Premiere、After Effects 聲音處理｜Audition

創意插畫｜電繪、手繪素描

2017/07 - 2017/10

社群素材 BANNER

三大社群 FB IG LINE 圖解

插畫

07

08

04

作品集

FB 創意

社群素材 新書上市 360°心理測驗

新年特別GIF

以特殊的360°環景圖吸引目光、 用心理測驗的形式包裝廣告

10句名言快速播放，類似占卜， 截圖獲得自己的金句

掃QRcode或點此觀看：https://goo.gl/6QREyn

滑動

掃QRcode或點此觀看：https://bit.ly/3t5oHQ7

0° 任

意

《Daddy跟妳說秘密》

讚 237

可36

43 次分享

2018年7月26日+2019年7月23日

隔年續集相同手法

掃QRcode或點此觀看： https://bit.ly/3MYrZfM

《Mommy跟

你說秘密》

讚 706

58 次分享

2019年4月1

1日

2017年1月29日

作品集

IG 規劃

社群素材 ❶ 視覺設計 版面顏色規律

相同主色輔色字型

❷ 文章版型

規律循環不同主題 同主題內容模板化

① 標題

② 圖解

③ 創辦人的話

文快速方便。

，po 固定圖文版型

mockup image: Freepik.com

作品集

LINE 應用

社群素材 BEFORE ··············圖文訊息 改版·············· AFTER

① 立體漸層、黑金主色

② Logo是「經理人」三個中文字 ③ 兩種版型

① 扁平化、紅藍主色

② 強調Logo更新，簡化成紅色勾勾

2篇直式

③ 延伸多樣版型

3篇文章

4篇文章 ···················新增 圖文選單··················· 好文推薦

好書推薦．產品宣傳廣告

這張Ｂanner的設計： ① 按鈕明顯

② 根據每本書特色，更換圖片、底色、標題 更多資訊

更多資訊

③ 這次特別使用動物圖片，因為小編觀察 到動物圖片的點擊率都比較高 ※以經理人月刊官方LINE為例

作品集

圖解

社群素材

圖解，是圖表＋插畫的Super Power! 文章視覺化的好處多多，可以：加深印象、增加點閱率、幫助消化理解文章 ❶ 圓餅

❷ 矩陣

別等「有錢」才開始理財！ 5 個薪水支配技巧，月入 30K 也能輕鬆存錢

讚 815

382 次分享

2017年1月21日

累積讚 1.5萬（統計至2022年5月）

❷ 對比

讚 1390

「人脈地圖」大盤點！ 別當濫好人，有些「損友」不要也罷

689 次分享

2016年10月28日

累積讚 1.1萬（統計至2022年5月）

讚 2551

成功者和你想的不一樣！ 4張圖，學習成功者思維

1097 次分享

2016年8月17日

累積讚 1.3萬（統計至2022年5月）

❹ 列點＋懶人包

新書快讀到底是什麼？

讚 592

24 次分享

2020年11月14日

作品集

插畫

社群素材 ❶ 向量

以Shutterstock圖庫為基底， 調整成符合需求的顏色、動作

❷ 電繪

此為自己練習的作業， 使用電繪板與Photoshop創作

網頁 RWD

統整資訊、加深印象、提升形象

作品集

網頁設計

RWD Landing Page

大型講座活動網頁

我想以此專案展現我的視覺創意 和對網頁設計規範的了解

掃QRcode或點此觀看：https://bit.ly/3apvj57

主視覺：背景大膽嘗試嵌入影片！

會

行

星

繞行

標準字設計：增加活動識別度

重量級講者，吸引報名

報名按鈕明顯

依螢幕大小調整圖文配置

喔！

※此專案使用過去的活動網頁為基底修改

mockup image: Freepik.com

宣傳影片 Video

當今最佳宣傳工具！

作品集

宣傳影片：快問快答式

後製

影片配合當期雜誌主題，於出刊時上架

掃QRcode或點此觀看： https://bit.ly/3xmFGji

① 開場白

② 片頭：轉場

② 片頭：MG動畫

【2019百大網紅】網友最想知道系列：這群人

讚 35

觀看次數：7171 次

2019年11月1日 統計自FB

系列影片

③ 內容：訪談剪接

④ 片尾：Logo動畫

團隊工作實況

❶ 前製：記者負責採訪與撰寫雜誌文章。

❷ 現場：攝影大哥厲害的用一台攝影機錄製遠景，另一台快速捕捉 每一個人回答問題的特寫鏡頭。 唐綺陽

三原慧悟

阿翰

鬼門圖文

❸ 後製：我負責剪接、人聲降噪、上字卡、片頭片尾動畫。完成第1支 影片版型後，快速產出另外4支系列影片。

mockup image: Freepik.com

作品集

宣傳影片：圖表圖解

ＭＧ動畫

以知識內容包裝廣告，宣傳付費影片

掃QRcode或點此觀看： https://bit.ly/3NYMx7U

① 標題：問題

② 內容：知識圖表

② 內容

讀《原子習慣》 ：用「習慣迴路」打造理想的自己！

讚 133

81 次分享

6493 次觀看

2020年2月15日 統計自FB

系列影片

③ 結語

④ 片尾：宣傳說書影片付費產品

團隊工作實況

❶ 前製：編輯判斷這本書最精華的圖表、重點，並下吸引人的標題。

❷ 後製：我負責製作動畫和配樂。影片版型段落固定4個部分：標題、 內容、結語、片尾。固定版型的工作方式，對編輯和後製都很有效率！ 找人的51%理論

《冒牌者症候群》

《番茄工作法》

❸ 分析：編輯嘗試各類影片，觀察哪個較有效。如：MG動畫/或真人講 解？短短2~3分鐘精華擷取/或完整版10多分鐘直接試看？

mockup image: Freepik.com

使用者介面 UI/UX

所有產品最重要的優化項目

作品集

UI/UX

iOS App工作坊 2018年初，我參加了在台北市立大學舉辦的iOS App工作 坊。體驗App開發從0到1的過程，從idea發想到Prototype。 ❶ 小組成員：設計師3位、工程師1位、產品經理1位。 ❷ 發現痛點：無法立刻找到人一起出門。

❸ 達成目標：快速找到願意馬上出門參加活動的人。

❹ 產品特色：有別於一般社交軟體用照片篩選，我們主打 「活動」 ，且特別強調1hr內出發的選項，讓人馬上找到伴。 Ｌogo

吉祥物

Slogan 不要蘑菇了， 走吧！

Persona：使用者樣貌設定

台北，22歲，男，大學生。個性微內向慢熟， 怕孤單、有空、找不到人出門。

Functional Map：寫出App的所有功能及相互關聯

由左到右的主要功能為：登入、註冊、加入事件、管理事件、 創立事件、編輯個人資訊。

Wireframe：以簡單線條畫出Ａpp雛形