case study
公司簡介網站設計
為新創科技公司打造具有未來感的品牌形象網站，運用 3D 互動技術與現代化設計語言，展現企業的創新精神與技術實力。
擔任角色
UI/UX 設計師・前端開發
使用工具
Figma・Next.js・Three.js
負責項目
品牌設計・網站開發
BACKGROUND
專案背景
關於客戶
這是一家專注於人工智慧解決方案的新創科技公司，致力於為企業提供智能化的數據分析服務。他們需要一個能夠充分展現其技術實力和創新精神的品牌形象網站。
專案需求
客戶希望網站能夠突破傳統企業官網的刻板印象，通過現代化的設計和互動體驗，向潛在客戶展示其在技術創新方面的領導地位。
PROJECT OVERVIEW
挑戰與目標
挑戰
如何在視覺上展現科技公司的前瞻性和創新精神
需要平衡視覺效果與網站性能的關係
確保 3D 互動效果在各種設備上都能流暢運行
目標
建立具有未來感的品牌視覺識別系統
透過互動體驗提升用戶參與度
打造流暢的跨裝置瀏覽體驗
SOLUTIONS
解決方案
視覺設計
採用深色系背景搭配藍紫色漸層，營造科技感與未來感，並使用幾何圖形元素強化現代感。
3D 互動
使用 Three.js 開發具有互動性的 3D 元素，並實現滾動視差效果增強沉浸感。
效能優化
實作動態載入和資源優化，確保在保有視覺效果的同時維持良好的載入速度。
DESIGN DETAILS
設計說明
視覺語言
設計系統以深色調為基底，搭配藍紫色系的光效與漸層，營造出科技感與未來感。使用幾何圖形和線條元素，強化現代簡約的設計風格。
互動體驗
透過 3D 模型與動態效果，創造出豐富的視覺層次。滾動時的視差效果和漸變轉場，提供流暢的瀏覽體驗。
PROCESS
設計流程
01
研究分析
- • 競品分析
- • 用戶研究
- • 需求整理
RESULTS
成果展示
