又華股份有限公司

專案名稱

又華股份有限公司官方網站

DEMO 連結

👉 點擊查看 DEMO 👈

上線狀態

未上線

專案概述

此專案為又華股份有限公司打造，旨在展示其在綠色能源領域的專業形象與多元產品。網站設計以白色為主基調，結合科技感與穩重風格，注重用戶體驗與產品資訊的呈現，並採用現代技術提供高效、流暢的操作感受。

設計過程

1. 需求分析
   深入了解客戶需求，確定網站的整體風格與品牌形象，針對產品類型制定最佳展示方案。

2. UI 設計
   採用白色與簡潔設計語言，搭配科技感的排版與細節，構建專業穩重的品牌形象。

3. 前端設計與開發
   使用 Tailwind CSS 高效完成樣式開發，確保設計一致性，同時結合 Git 進行版本控管，確保開發過程條理清晰且便於後續維護。

技術使用

• Tailwind CSS
  利用其實用性類別快速構建響應式、現代化的設計，並確保一致的樣式管理。

• HTML & JavaScript
  實現清晰的結構與互動效果，提升網站的可用性與用戶體驗。

• Git 版本控管
  透過 Git 進行分支管理與版本控制，確保開發過程井然有序，並記錄每一階段的進展。

• 圖片與效能優化
  將圖片進行壓縮與格式優化，提升網站的加載速度與視覺表現。

學習到的技術與挑戰

• 挑戰
  在多元產品資訊展示與響應式設計之間找到平衡，確保頁面整潔且易於導航。

• 學習到的技術
  熟練運用 Tailwind CSS 提高開發效率，並加強了 Git 的分支管理與版本控管能力，同時深化了用戶體驗與效能優化的實踐經驗。