蔡昀庭

擁有兩年多的社群企畫編輯經驗,同時也擔任公司專案設計負責人,擅長角色設計、繪製icon圖示、停格動畫及插畫懶人包製作。於2020年8月底完成資策會開辦的『互動式網站UIUX設計師就業養成班』進修課程,目前正在尋找UIUX設計師相關職缺。

UI/UX designer, Web designer
Taipei,Taiwan
[email protected]

Profile 04 00@2x

技能


User Interface 介面設計

1. 熟悉Adobe Photoshop、Illustrator等設計軟體 

2. 熟悉Adobe XD進行UI介面設計以及繪製mockup,對Sketch、Figma、Zeplin也有一定的認識 

3. 擁有 Photoshop的 ACA證照 

4. 對inDesign和 After Effects有初步的了解


User Experience (UX)

1. Persona 

2. Flowchart 

3. UI Flow 

4. Functional map 

5. Wireframe 

6. Prototype 

7. 具有SEO關鍵字、FB廣告投放、AB TEST、問卷調查、Lean Canvas規劃相關經驗


網頁切版

1. 網頁技能:HTML5、CSS3 / Bootstrap、jQuery、 JavaScript 

2. 使用軟體:Visual Studio Code、PHPStorm 

3. 版本控制:GitHub

4. RWD網頁:寫出適用於不同裝置的互動響應式網頁 (Responsive web design)


電腦繪圖

1. 使用Photoshop進行角色和場景的繪製

2. 有Clip Studio Paint、SAI 等繪圖軟體的使用經驗 

3. 除此之外也有向量插圖、手繪水彩手札、製作LINE貼圖等經驗

工作經歷

首機網路股份有限公司 

Feb 2018 ~ Apr 2020

社群企畫編輯 

工作內容
1. 分析需求:研究社群媒體趨勢、蒐集相關資訊,分析出對公司有利的內容行銷策略。 
2. 網頁架設:與工程師配合,提供部分網頁視覺mockup指導;可行性評估、功能規劃、UX 評估、測試驗收。 
3. 追蹤成效:觀測社群用戶反饋、數據,並持續產出圖文內容,進行下一次行銷規劃。 
4. 設計chatbot 互動:繪製flow chart,與工程師合作開發聊天室機器人互動,以更活潑地方式傳遞行銷內容。  

實際績效 
1.【聊天機器人社群互動】成效:網站與社群平台訂閱人數成長至一萬人以上。 
2.【貼文模組化】成果:大幅減少製作時間成本,讓節省下來的時間可以做更有效的運用。

專案美術負責人  

工作內容
1. 內容企劃:研究茶知識,與茶師和茶改場確認資料,提出有效且吸引人的內容企劃。 
2. 漫畫、懶人包繪製:和茶師緊密合作,製作一系列的茶知識短漫以及圖文懶人包。 
3. 停格動畫:實地探訪坪林燒獅文化,與當地文史工作者合作,繪製燒獅停格動畫。 
4. icon繪製:將複雜繁瑣的茶葉製程一一圖像化,繪製成更容易理解的icon圖示。 


實際績效 
1. 【小農儂綠粉茶】提案達標:提案獲得一百萬元以上的支持。


學歷

財團法人資訊工業策進會 2020 

互動式網站UIUX設計師就業養成班

UI工具:Photoshop、Illustrator、Adobe XD  
UX技能:Persona、Flowchart、Functional map、Wireframe、Prototype
網頁技能:HTML5、CSS3 / Bootstrap、jQuery、 JavaScript、MySQL、PHP 
網頁製作軟體:Visual Studio Code、PHPStorm 
作業系統:Windows、macOS

Ndztwznzciebvkcjytgo

角川國際動漫教育 2016 - 2018 

角色設計專班 

使用Photoshop進行角色和場景的繪製, 有幸以畢業作品獲得「第五回 ComicWalker GLOBAL 最終課題漫畫競賽」第三名的殊榮。


Hy1hopxavrz6mp5qntkb

國立臺灣師範大學  學士學位 2013 - 2017

圖文傳播學系 Department of Graphic Arts and Communications

主要學習色彩學、平面設計、印刷相關知識、Adobe系列軟體操作、網路媒體傳播、編輯學、電腦繪圖等技能。

活動和社團: 
台北基隆同鄉校友會 美宣股長 
圖傳系學會 美宣股員
Qbej6el8o3wxiqwoc2ew

自傳

  我在2013年以在校成績前2%的資格考上國立臺灣師範大學的圖文傳播學系。在大學四年除了積極地接觸各種不同的領域,也踴躍參加大型社團的活動籌辦,像是迎新活動、偏鄉服務、社團成果發展、系學會活動等等,經常以美宣幹部的身分協助,累積了各種團隊合作的經驗。


   我從小就很喜歡畫畫,也很喜歡欣賞美的事物。在升大四那年報名由角川國際動漫教育所開辦,為期兩年的角色設計培訓課程。經過兩年的密集訓練順利在2018年畢業。我很榮幸地被日籍漫畫顧問墨佳遼老師推薦為該班唯一的優秀畢業生,更有幸獲得「第五回 ComicWalker GLOBAL 最終課題漫畫競賽」第三名的殊榮,也因此找到了第一份工作。


   我擔任了兩年又四個月的社群企劃編輯,同時也是公司專案的設計負責人。在專案設計負責人的工作中,為了要製作出多元形式的內容行銷素材,我需要頻繁地和不同客戶溝通、確認資料,提交企畫案和分鏡腳本,在多次確認後將故事、圖文懶人包、漫畫或是短影片獨立製作完成。在公司架設新的品牌官網以及舊的官網改版時,也有跨足網頁UI介面的規劃和設計,以及使用者測試、易用性評估等UX經驗。在擔任社群企畫編輯的經驗中,除了每日的例行貼文和節日行銷企劃以外比較特別的是,我也有參與FB粉絲專頁的chatbot 機器人流程規劃,幫助機器人建構對話模組與流程,以及使用draw.io協助繪製flowchart 和UI flow 等等,使得和工程師之間的跨部門合作能夠更順利進行。


   在2020年初,由於部門業務縮減,原本的工作內容逐漸地失去了挑戰性,同時我看到資策會UIUX互動網頁設計師就業養成班的招生簡介,於是主動離開了第一份工作。在資策會密集的四個月訓練,從UI介面設計開始學習,更精進了Photoshop和Illustrator的技能,再延伸至Adobe XD,使得學員都紮實地習得網頁設計的專業技能。在學會CSS3、HTML5、jQuery和Javascript之後,我也獲得了能夠在一週內獨立寫出RWD互動網站的能力。進入最後的畢業專題,認識了MySQL和PHP等後端語法後,我和一同努力的五位小組成員一起完成了屬於我們的襪子品牌電商網站,並且期許這四個月的寶貴經驗能夠成為我成長的養分,在轉職成為UIUX設計師的路上能更順利找到自己所愛的工作。

Paragraph image 06 00@2x
Paragraph image 06 01@2x
Paragraph image 06 02@2x

2020 個人作品集網頁

集合了2018-2020年的網頁排版設計、專案的GitHub連結、專案企畫書、UI設計、向量繪圖、電腦繪圖以及社群媒體素材等等作品,如果欲了解更多詳情歡迎點選下方按鈕前往查看。

前往觀看

專案

Projects 00 00@2x

益生菌Landing Page

此為益生菌Landing Page的排版設計,使用到的排版工具為Sketch。網頁尺寸為1440*1024,為個人作品。為了保護業主的商品隱私,將部分內容和元素做了模糊處理。


了解詳情
Projects 00 00@2x

WATZ 襪子品牌電商網站

此專案為資策會「互動式網站UIUX設計師就業養成班」進修課程之畢業專題,小組成員共六位,主題是襪子品牌電商網站,從UX Research、UI介面設計、網頁切版以及前後端程式串接都由小組成員團隊合作完成。 網頁包含:首頁、特別企劃頁、商品主頁、商品細節頁、DIY、關於WATZ、會員中心和購物車頁面。

了解詳情
Projects 00 00@2x

Ichigo Ichigo Island

此專案為個人練習,網站建置目的為介紹最近的當紅遊戲 - 動物森友會中屬於自己的島嶼。 初期先用Adobe XD做UI kit等等介面設計,以及網頁的mockup,再使用HTML和CSS做切版練習以及jQuery呈現網頁中的互動效果。

了解詳情