目錄 個人簡歷
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雛形