Web Design
Year built: 2012
HTML+CSS+JavaScript
Tool: Dreamweaver
Font: Verdana
設計概念:
CPS Fastener為台灣公司自1987年成立,主要出口裝釘工具及消耗品,以歐美客人為主,客户希望為他們的網站進行翻新提高公司形象;設計主要強調專業及介紹產品,選用冷色系的藍色象徵科技與創新,字體改用Sans-serif取代原用的Serif增加現代感、
首頁為公司重點簡介及產品圖片,Logo重新設計並依客户要求保留原有的公司標誌,上方藍色要主連結按鈕以產品釘為設計藍本,並以漸層加強五金材質效果,重新設計PRODUCT內頁按鈕並以JavaScript製造互動效果,所有產品內容並以彈出小視窗方式方便使用者瀏覽; 由於客户提供廠房照片較舊,強調或會造成反效果,
所以在FACTORY內頁以JavaScript製造互動效果,使用者使用滑鼠移往圖示上方即可瀏覽圖片,縮短瀏覽時間並減少伺服器負擔;由於廠房位置偏遠,於CONTACT US頁面連結GOOGLE地圖方便本地或國外來訪使用者利用。
網站建置時間為2012年,當時主流以桌面網頁主流螢幕解析度1080x960為主,並以Photoshop設計後以Dreamweaver切割的方式製作。