誠輝機械工具廠

專案名稱

高品質鉸刀製造商官網

DEMO 連結

👉 點擊查看 DEMO 👈

專案概述

這個專案的目的是為高品質鉸刀製造商建立一個視覺上吸引且專業的網站，展示其品牌理念與產品線。設計上注重產品細節與品牌形象，提升了用戶的視覺體驗。

設計過程

1. 需求分析
   與客戶確認網站視覺風格，確定配色、字體及品牌形象展示方式。

2. UI 設計
   專注於製作清晰、簡潔的界面，突顯品牌特色，設計符合用戶習慣的頁面結構。

3. 前端設計與切版
   使用 HTML 和 CSS 進行響應式設計，確保在不同設備上有良好的體驗，並進行動畫效果優化。

技術使用

• HTML & CSS
  搭配 Flexbox 和 Grid 進行布局設計。

• JavaScript
  用於頁面互動效果及按需加載特效。

• SVG 動畫
  增添頁面元素的動態效果。

• 圖片壓縮與優化
  確保加載速度流暢。

學習到的技術與挑戰

• 挑戰
  適應多元的顯示設備和分辨率，確保響應式設計的一致性。

• 學習到的技術
  在設計與實現中提升了 UI 元素的最佳化能力及動畫設計技巧，掌握了 SVG 基本動畫的應用。