F OURTH
P ORTFOLIO

簡宏祐 | UI/UX 作品集

DIRECT TO PORTFOLIO
&
  • #具Git與前端實作,消除設計的轉譯落差
  • #擅解析複雜流程,高保真原型加速產品驗證
  • #在極致易用與視覺美學間取得平衡

Core Competencies

About me
boku-pig

專注於「系統化設計」與「開發效能」

UI/UX 設計師

你好,我是簡宏祐 Fourth。
在過去負責複雜醫療 SaaS & ERP 經驗中,我深刻體認到設計不僅是視覺的呈現,更是邏輯的梳理。我擅長將繁複的業務需求轉化為直覺的操作介面,更重視設計在技術上的「可落地性」。
憑藉對前端技術的理解,我能有效填補設計與開發之間的溝通斷層。我的目標不僅是交付設計稿,而是透過建立精準的設計規範與模組化思維,減少團隊重工與來回溝通的成本,讓產品開發迭代更高效、更精準。
Expertise

邏輯架構與系統思維

梳理 B2B & SaaS 產品的複雜邏輯

我不只繪製介面,更擅長將龐大的資訊架構轉化為清晰的導航結構與操作流程。透過建立 Design System,確保從視覺到開發規格的一致性,有效解決後台系統高密度的資訊呈現挑戰 。
Skills:
Figma、 Design System、 Information Architecture、 Prototyping
Expertise

前端與技術協作

具備「Design Engineer」的混合戰力

深入 MVC 架構,直接於 .cshtml 視圖層進行開發。熟練 SCSS 模組化管理樣式,透過Git 與工程師協作,確保設計 100% 精準落地。
Skills:
HTML/SCSS、 Git/GitHub、 RWD、 C#.NET Integration

設計營運與效能優化

優化團隊協作效率

善用 AI 工具加速開發驗證,曾導入同步開發模式,成功將專案時程由 156 天縮短至 92 天(提升 41% 效率),大幅降低團隊溝通成本。
Skills:
Agile/Scrum、 DesignOps、 AI-Assisted 、 Process Optimization
Selected Works
PROJECT IMAGE 01
ABC CATEGORY

Project Name ABC

abc abc abc abc abc abc abc abc abc abc abc abc abc abc abc abc. abc abc abc abc abc abc abc abc abc abc.

Figma Design System SaaS
View Case Study
PROJECT IMAGE 02
ABC CATEGORY

Project Name ABC

abc abc abc abc abc abc abc abc abc abc abc abc abc abc abc abc. abc abc abc abc abc abc.

Vue.js RWD Frontend
View Case Study
PROJECT IMAGE 03
ABC CATEGORY

Project Name ABC

abc abc abc abc abc abc abc abc abc abc abc abc abc abc abc abc.

UI/UX Prototyping Logic Flow
View Case Study