首頁視覺名字大圖

黃俊維

UI 設計師/網頁設計師

我將介面設計、設計系統與前端實作串在一起,打造清楚、穩定且能落地的網站與產品體驗。

專案作品

蓋博符號

結合視覺訓練任務與遊戲化流程的 App 介面設計。

Gabor Patch App Interface Preview

文南循環市集|Wennan ReMarket

把第一次社區二手拍賣活動整理成居民可理解、主辦單位可維護的數位體驗。

Wennan ReMarket Website and Operations Dashboard Preview

Stratum - AI 職涯顧問

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

Stratum Design Preview

Buddy House

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

Buddy House Design Preview

GalaxyBoyz

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

GalaxyBoyz Design Preview

專業技能

設計能力

  • 介面與流程設計:使用 Figma 建立高保真介面、互動原型、行動端流程與清楚的資訊層級。

  • 設計系統:整理 Material Design 3、色彩、字體、間距、元件狀態與互動規則,讓視覺與操作體驗維持一致。

  • AI 產品設計:梳理 AI 回覆的資訊架構與信任線索,並運用 Recraft 等工具加速視覺素材探索與設計提案。

前端落地

  • 前端實作:以 Vue 3、Nuxt 4 與 SCSS/Tailwind CSS 將設計轉成可運作的響應式網站與前端原型。

  • 互動與 App 原型:使用 GSAP、CSS animation、Canvas API、資料持久化與 Capacitor 架構製作接近實際產品的互動流程。

  • 落地溝通:在設計階段考量元件重用、狀態、breakpoint 與工程限制,降低開發溝通成本。

分析優化

  • 行為分析:使用 Microsoft Clarity 與 Google Analytics 觀察使用者行為,用資料回推介面假設與優化方向。

  • 協作流程:熟悉 Git/GitHub、設計規格整理與版本交付,能與開發端維持一致的需求、狀態與實作範圍。

關於我

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

熟悉 Vue 3、Nuxt 4、SCSS 與 Tailwind CSS,能在設計階段同步思考元件狀態、響應式規則與可實作原型,讓介面不只停留在視覺稿,而是能穩定落地成可操作的產品體驗。

熱衷於「設計系統」與 AI 產品資訊架構的深入探究。習慣透過 Figma 建立變體、變數與互動狀態,並以 GSAP 補足清楚節制的動效;也會將 Gemini、Recraft 等 AI 工具整合進流程,分別支援資訊整理、互動構想與視覺素材探索。

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

黃俊維個人照片
黃俊維
下載履歷 PDF