首頁視覺名字大圖

具備前端開發實力的 UI 設計師,專注於打造直覺、美觀且高效能的數位產品體驗。

專案作品

Stratum - AI 職涯顧問

專注於資訊架構與 AI 互動體驗的數位產品設計。

Stratum Design Preview

Buddy House

基於科學色彩系統與行動優先思維的餐飲體驗設計。

Buddy House Design Preview

GalaxyBoyz

實驗性排版語彙與敘事性網頁體驗設計。

GalaxyBoyz Design Preview

專業技能

前端工程

  • 視覺還原:具備 Pixel Perfect 的切版能力,能精準還原 Figma 設計稿至瀏覽器。

  • 動態互動:熟練運用 GSAP 與 CSS Animations 打造流暢的轉場與微互動體驗。

  • 現代框架:熟悉 Vue 3 (Composition API) 與 Nuxt 3,能獨立開發高效能的響應式網站。

  • 樣式架構:精通 Tailwind CSS 與 SCSS,能編寫模組化且易於維護的樣式代碼。

UI/UX 設計

  • 介面設計:擅長使用 Figma 建構高保真的 UI 介面,注重版面層級與視覺引導。

  • 設計系統:熟悉 Atomic Design 方法論,能建立具備擴充性的 Design System (顏色、字體、間距)。

  • 原型製作:製作高擬真互動原型,模擬真實操作流程以進行使用者測試。

  • AI 輔助設計:運用 AI 工具 (Recraft) 生成高品質視覺素材與靈感發想。

協作與工具

  • 版本控制:熟悉 Git/GitHub 工作流,能與開發團隊無縫協作。

  • 數據分析:使用 Microsoft Clarity 與 Google Analytics 進行使用者行為分析,以數據驅動設計優化。

關於我

你好,我是黃俊維。投身於 UI 設計領域,並以工程背景為基石,致力於在「理性邏輯」與「感性美學」之間找尋數位產品的平衡點。

憑藉 Vue 3、Nuxt 3 及 Tailwind CSS 等深厚的前端開發實力,確保介面不僅止於視覺美感,更是具備「高實作性」與「效能友善」的 UI 系統。透過在設計階段納入組件重用性與響應式佈局的考量,能大幅優化開發落地的溝通效率。

熱衷於「設計系統」的深入探究。習慣透過 Figma 建立嚴謹的變體與變數,並結合 GSAP 賦予介面動態生命力。此外,積極將 AI 工具 (Gemini, Recraft) 整合至工作流,從靈感發想到素材生成,持續挑戰設計的可能性。

以成為設計與工程間的橋樑為目標,旨在打造既符合商業目標、又能帶給使用者愉悅感的數位體驗。

黃俊維個人照片黃俊維個人照片黃俊維個人照片
Way Huang