<< Verda-Lab of TH
開發、維護、設計：Trista 技術支援：Google Gemini
Verda Lab 官方網站
專案簡介
此專案為品牌網站建置，從產品規劃、視覺設計到前端開發完整參與，
目標為建立具有品牌識別且具良好使用體驗的官方網站。
我的角色
負責專案整體規劃與執行，包含：
-
網站架構與產品內容規劃
-
視覺設計與版面設計
-
前端開發與互動效果實作
並與 AI 工具（Gemini）協作，加速開發流程與內容整理。
技術與實作
-
使用 Tailwind CSS 建立可維護的樣式系統
-
導入 Swiper 實作產品輪播與互動展示
-
使用 Fancybox 建立圖片與內容的燈箱效果
-
採用語意化 HTML 建立清晰的頁面結構
-
實作 RWD，支援不同裝置瀏覽
問題與優化
-
在設計與前端之間建立一致的 UI 規則，降低樣式重複與維護成本
-
調整圖片呈現與互動方式，提升產品展示效果
-
控制套件使用，避免過度依賴造成效能負擔
成果
-
建立完整品牌網站，提升產品呈現與整體一致性
-
提供良好的行動裝置瀏覽體驗
-
建立可持續擴充與維護的前端結構