首頁視覺名字大圖
cloud on hero section
cloud on hero section
cloud on hero section
cloud on hero section
cloud on hero section
cloud on hero section
cloud on hero section

具備前端開發實力的 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