2023.10.05~12.12

偉光實業 網頁設計

  • Website
  • Front-end

偉光實業是鋼鐵及鋁原物料買賣、加工、進出口商產業,期望製作多語系型錄式網站,我負責網頁設計、前端設計與後續資料上架,並讓用戶能快速認識偉光實業的專業品牌形象。

(先看看網站)

專案背景

圖為前期與客戶聚焦討論的參考資料,希望以淺色底與藍灰色搭配,並使用橘黃色強調色,呈現空間感與灰白色調統一的鋼鐵氛圍。
此外,也喜歡參考網站中的現代化簡潔風格、圓潤又不失專業的設計層次,搭配上用戶使用上的微互動設計,使網站能更有設計質感。

設計執行

右圖為設計驗收初版,使用Wordpress切版建置網頁,並使用素材圖呈現客戶預期樣式。

  • 獨特平滑圓角的樣式,讓圓潤感更加現代化

  • 藍灰白的素材製作,統一鋼鐵質感的設計風格

  • 大量微互動動態設計,使網站效果充滿趣味性

  • Header 浮動效果
  • 產品Hover微動態
  • 線條捲動動畫

成果

客戶滿意每次的設計細節與豐富程度,在配色、圓角與排版上也經過數十次調整,最終協助上架並順利結案,最後樣式雖與初稿差異較多,但交付成果與後台操作後,更維持客戶的高滿意度。此網站的特殊外觀樣式也成為公司內部範例之一。