Scroll Top
19th Ave New York, NY 95822, USA
11-color2

Wenli

*
Senior Web Designer

這是一個關於我大學到出社會的設計紀錄 期許未來在網站設計上自己能有更多的產出

11-color2
WebDesign
純手刻設計至第三方平台經驗
Marketing Banner
行銷網站和banner的設計經驗
image Design
影像合成處理

擅長工具
HTML、Dreamweaver、CSS、RWD、jQuery、Bootstrap、WordPress、Adobe Photoshop、Illustrator、Premiere、MAYA、Flash、After Effects、Director、3ds Max、Figma

About
15~16年工作經驗

本人畢業於明道大學的數位設計系,在大學多以平面視覺、3D動畫、多媒體皆有涉獵,在求學期間為多方學習,出社會的工作經歷大都在網頁領域。

從早期的html+div切版到後期針對手機版的RWD,從單純的官方網站、flash動態網站到之後的社群、ERP、CRM平台系統、行銷推廣等複雜多樣的網站型式,近期的工作經驗使用國外流行的Wordpress、Shopify等第三方平台架站,見證網站的多樣性與瞬息萬變,期許未來在這個領域,能繼續有更多的作品產出,以即參與更多方的發展。

experience
網站經驗
手刻網站

主要設計版型,執行切版, 並與程式設計師前後台合作,完成網站。專案執行上,與業務人員、企劃人員、程式設計師之間,能互相傳遞想法,相互配合,一同合作完成專案。

行銷網站

在社群廣告投遞盛行的時代,網站設計走向行銷產品的一頁式Landing Page為主流。產品行銷網站應用開始活耀,也使得在公司裡陸續接觸此設計。此時執行方式採用bootstrap模板可加速網頁的開發執行,也讓行銷頁的動態效果更吸引人。

第三方平台網站

使用國外流行的Wordpress、Shopify等第三方平台架站,在跨足到後台管理介面,能一人全包。Wordpress、Shopify擁有非常豐富的版型和多元編輯器,在功能上也因為有開源的外掛資源可應用,輔助了我在程式端的不足,提升網站設計的躍進。

Years of Experience
15
Work

工作經驗

因為這15年的歷練,讓我從中成長,也學習到更多。每段公司經歷,對我來說都是很棒的體驗。身處在不同企業下,除了同事、客戶間的相處,不同職場領域的接觸和學習,以及對待問題的解決,都能使我從中累積更多的成果

11-color1
2021.3-2024.6

使用Wordpress架網站,而不再是之前單純的網頁設計到切版流程。從單純的設計端,跨足到主機和後台管理介面,能一人全包。

購物網站使用近幾年很紅的Shopify第三方平台幫客戶架站,不斷的嘗試新的App外掛功能以滿足客戶和達到需求,是很棒的經驗累積,也是在此公司很大的突破。

公司在我進入第二年,還有往募資方面發展,除了幫客戶在Kickstarter、Indiegogo等國外募資平台設計推廣外,國內的嘖嘖、flyingV等平台推廣,也有幸碰到,這些行銷平台的應用和設計都是很有趣的經驗。

2016.4-2020.8

設計製作ERP的版型,這也是我第一次結合bootstrap的套件製作。後三年的工作內容在行銷設計方面,部門產品行銷推廣,因此有比較豐富的edm和行銷網頁設計。

而總結我這四年的工作經驗,學習到的是行銷風格設計和bootstrap模板的應用,在行銷活動頁套bootstrap模板可加速網頁的開發執行,也讓行銷頁的動態效果更吸引人。

2012.3-2016.2
仁創科技

任職於仁創科技 網頁設計,主要設計網頁和APP版型。進入仁創的起因,是想接觸社群類網站的設計,因為臉書竄起,加上手機APP開始興盛,因此在仁創工作內容都是社群網站的製作。除了接觸更多APP專案外,也開始去研究使用者習慣反映到網站的版面設計,以及專案完成後臉書粉絲團的推廣與企劃行銷。

2011.7-2012.3

任職於霹靂國際多媒體 美術設計,雖是進入網頁部門,但是工作大多進行劇集宣傳行銷,所以在公司期間,都是安排幫忙製作劇集原聲帶、海報等宣傳和週邊商品。這也是出社會以來,第一次接觸印刷設計,設計的最終都是實品呈現,所以比起網頁設計,更需在色差上講究,與一再的校色。設計上,也學到了和網頁設計不同的做法,做每一張霹靂的作品,都像設計海報一樣,要整體色調統一,強調重點,畫面上要有前景、中景、遠景,這些都是我在霹靂學到的。

2008.5-2011.5

任職於瀚智科技 網頁設計,主要設計版型,並在工作上學習到Div+CSS的寫版能力;而專案執行上,學習到與業務、企劃、程式設計師之間,能互相傳遞想法,相互配合,共同完成專案;第二三年間,接觸到新北市景點導覽和苗栗燈會多媒體導覽等大型製作,學習到和客戶間溝通的技巧。

Portfolio
歷代作品

所有作品的累積和經歷都是我走過的痕跡,也是我成長的動力。

Clear Filters
Hare Data Platform
Hare Data Platform

一頁式的產品推廣頁,這是我個人接的案子,亦思科技的產品推廣案。一整體從規劃架構、wireframe、設計到切版符合RWD,除了內容為PM提供外,皆一人完成。

KATRIS
KATRIS

美國的貓品牌公司。以有趣、環保、永續的貓用品創意設計生產為出發點成立,目前以人寵互動傢俱共用為開發理念,在產品上追求環保、耐用度跟品質的保證。

Eisenman Cordless Germicidal UVC Lamp
Eisenman Cordless Germicidal UVC Lamp

在疫情時期,醫院的醫療量能不足,昂貴的殺菌機器的確不是每個人都能隨手一台,而客戶開發產品的最初目的,也是為了自家的婦幼醫院機構而研發。

Helpfur 狗狗氫氣水杯
Helpfur 狗狗氫氣水杯

台灣首發寵物氫分子保健品牌,客戶研發出一款透過喝水就能保健的電子產品,一個最日常的動作,全方位提升毛小孩生理機能。

幸福安診所
幸福安診所

醫院導覽網站,目的就是為了幫助病人容易地找到要看的門診和醫生、掛號等功能,故網站架構不會太複雜,網站整體皆已資料性為主,客戶希望設計出的網站能帶領病人快速的找到醫院的位置,因此整體的網站導覽路線要明確,一目了然。

人資學院官網
人資學院官網

最後的人資學院官網改版設計,我在104公司待的人資學院部門,其實是專門針對公司端的人資知識和系統應用的部門。

104企業大師行銷官網
104企業大師行銷官網

企業大師是我在公司的第二大的人資系統,
和eHRMS系統差異在於eHRMS是系統架設在客戶公司的主機,而企業大師是雲端人資系統,資料都架設在網路空間。而我在這個專案裡,主要是做行銷網站和活動宣傳頁及EDM推廣的設計。

ARK Design
ARK Design

仁創是另一間主公司底下開的資訊公司,原主要公司是汽車零件的製造公司。所以這次專案的製作,是為了原公司商品販售而製作的汽車零件販售網

【Be A Giver】企業健診活動
【Be A Giver】企業健診活動

為了呼應公司的Be A Giver精神,推動的幫助企業健診活動,協助企業診斷人才素質、檢測管理環境,進而提升雇主品牌激化人才吸引力、鞏固員工留任力。此活動有推出線上和實體活動。

104與您戰在一起
104與您戰在一起

今年新冠疫情下,推廣的人資系統服務,幫助公司在居家工作的環境下,有人資系統能協助薪資計算和員工出缺勤掌握。

企業大師系統》行銷eDM精選彙集
企業大師系統》行銷eDM精選彙集

企業大師是雲端人資系統,資料都架設在網路空間。公司網站上的廣告行銷製作就相當多,故此頁摘錄幾款自己在企業大師系統行銷推廣的eDM設計。

精選三十五《問鼎天下原聲帶貳》
精選三十五《問鼎天下原聲帶貳》

問鼎天下劇集原聲帶貳,此次負責明信片4張和DVD光碟在電腦播放時的MV選單。

明信片方面,和上次的案子差別在有三張必須是兩個角色入畫,所以正片選擇上,兩人的構圖也必須納入決擇。

精選三十三《聖魔戰印原聲帶貳》
精選三十三《聖魔戰印原聲帶貳》

這次做得是霹靂英雄精選三十三【聖魔戰印原聲帶貳】,因為自己還是菜鳥 ,分配到的工作量也就不多,我被分配到的是手冊內頁2張、手冊封面2面、手冊內頁排版。

SOD 美膚網
SOD 美膚網

此為當初在資策會的結業組作品,但主風格設計是由我完全製作。當初網站是放置在資策會的空間…

瀚智科技
瀚智科技

剛進公司時,就知道我們公司沒有專屬的公司網站,可能是平常接一堆政府網站,都在趕案子,所以沒時間製作企業的網站吧!

Fly for shining
Fly for shining

以歐洲建築為元素,設計出室內外場景。腳本內容是以場景的拉進出來銜接故事,藉由場景的擺設、裝飾, 讓觀者自行想像其場景主人的喜好,所處的時代背景。

畢業製作》童話
畢業製作》童話

在現今社會上,不管是音樂、電影、小說,到處都充斥著童話元素,藉由童話的改編,進而創作出新作品,而我的多媒體目的,要藉著介紹性質,來讓使用者深入童話。

Contact
與我聯繫
工作資歷:
瀚智3Y + 霹靂0.8Y + 仁創4Y + 104資訊4.4Y +
Zenpack 3.3Y = 15.5年
Email:
Phone:
0921-096-754
2024 © wenli Design Inc.
Hi,