忍者設計師

我是一位網頁視覺設計師,跨前端領域,目前有9年工作經驗。

這9年的工作項目是,從網頁設計一開始的初期與企劃人員討論,到設計視覺稿件,最後進行CSS切版(RWD)以及撰寫jQuery、javaScript產生使用者互動遊戲或者工具,都由自己統一負責,也能夠串接API。

除了工作時間外,也會使用Node.js以及Electron、fireBase,進行爬蟲、工具開發與webpack封裝。以及協助Wordpress架設、維護。

mr.Huang - nickhuang1121@gmail.com

網頁設計

經歷MOMO購物網設計師、東南旅遊資深設計師,網頁負責內容為[視覺發想、設計、切版、RWD 、CSS動畫、JQ功能撰寫]。 網頁的工作項目是一人設計到切版RWD的工作,如活動有需要遊戲與消費者互動,也會由自己撰寫,遊戲範例可由"程式"分類觀看遊玩。 站內網頁皆為自己的網頁設計作品,而全部的照片、影片、文字之版權皆為原任職公司所有,非本人拍攝、撰寫,本人只負責網頁視覺設計、切版、寫程式部份。

Banner製作

Banner製作數量繁多,只擷取近期作品。過往Banner工作量,大約為一天產出3~8個,以複雜度或者是否有插畫為時間上的差異。 站內網頁皆為自己的Bnnner作品,而全部的照片、影片、文字之版權皆為原任職公司所有,非本人拍攝、撰寫,本人只負責網頁視覺設計、切版、寫程式部份。

程式作品

撰寫工具是想要解決人工手動的工作,如果能夠自動、視覺化操作,就儘量寫程式製作出解決方案。
程式皆由我撰寫。

SHTML選單產生工具

因公司手機選單的DOM過於複雜,設計師組員在套用HTML使用上,非常不便利,因此開發了視覺化操作介面,產生手機選單語法的工具。

此工具可以直接產生選單SHTML檔案,讓設計師在置換按鈕文字與連結時,不用碰到堆疊太多的DOM語法。且能夠產出JSON檔案存檔,提供下次同一個選單要修改時,能夠直接讀取存檔修改。

原建置選單DOM約需費時20分鐘,使用此工具只需要1分鐘。

操作

靜態網頁篩選工具

因公司的行銷頁面商品,是使用靜態檔案,無法使用資料庫型式。因此對於使用者在操作上不便利,無法依據條件篩選,快速尋找想要的商品。

因此我使用了jQuery製作靜態頁面的篩選工具,儘量滿足使用者能有媲美動態頁面的便利性。

原使用者需要每字每句去找商品,使用此工具後只需幾秒鐘就可以尋找有興趣的商品。

操作

隨機序號產生

因應活動需要,需要隨機產生序號提供給消費者,因此為企劃人員製作了序號產生工具。

能夠自由決定產生的數量與文字量。

原本產生序號的人員需要10~20分鐘產生一組序號,使用此工具只需3秒鐘。

操作

Banner套版產生器

電商平台會有大量需要更換Banner品項的人工工作,為了減輕人工的負擔,因此製作此Banner套版產生器免費放在網路上。

設計師只要製作好Banner背景,就可以程式自動換商品與文字並且匯出檔案。

原本更換同背景,不同商品10件,約需要20分鐘,使用此工具只需要1分鐘。

操作

會員互動作品

會開始撰寫程式的緣由是因為工作經歷的機緣,合作的企劃同事會有一些"創意"的想法,而我很喜歡接受挑戰。於是就答應企劃製作一些可以與消費者互動的功能。因而開始自行研究學習JQuery和JavaScript,進而開始撰寫"工具"與"遊戲"。

插畫/貼圖作品

喜歡繪圖,繪圖是興趣,平常工作時如果企劃需要吉祥物插圖,也會協助繪製。
插圖皆為我自己繪製,但是版權歸屬任職時的公司所有。

聯繫: nickhuang1121@gmail.com