WEB DESIGN

網頁設計學習之路

HTML, CSS, jQuery, Javasript...

第一份工作為網頁的視覺設計,畫好完整的 PSD,輸出為 JPG 提供行銷部向客戶提案,再由前端工程師切版,後端工程師做資料庫。
當時客戶皆為知名大品牌,食品業、汽車業等等,在 2011 那時的網站,大家的審美越來越高,而設計就變得相當重要。
那時候的我只會用 table 切版,做一些簡單的網頁和 EDM。

利用框架建立網站

後來的工作擔任行銷企劃與公關,除了上述的工作之外,也須負責維護官網、設計品牌網站。印象最深刻的是某百貨服飾代理商,旗下十餘個品牌官網都用 table 製作,且沒有經過設計。在 2012 年,我還不熟悉怎麼寫網頁,但為了達到快速、大量架設網站的目的,我開始接觸 WordPress。也因此接觸到 html 和 css。往後的工作進而漸漸進修,也多少接觸到 jQuery 和 Javasript,所以在這兩個語法中,學習到如何搜尋適合的效果來套用、修改(以滿心企業入口為例,首頁的品牌輪播即為尋找 jQuery 來使用。McGREGORCOCO DEAL 亦為當時的作品)

上一家公司的官網需求是快速簡潔,有視差滾動效果。歷經兩次官網改版,風格不同。第一版為扁平風格,並採用 LOGO 標準用色。
第一個官網如下:

第二次利用 Bootstrap,套用修改多個 jQuery(也有利用 CodePen 的資源),完成目前的官網