Loading
荷馬桑個人照片
關於
擁有 9 年視覺經驗,用程式實踐設計想像。 我專注於將複雜邏輯,轉化為具備動態感且直覺的數位體驗。

我是荷馬桑 Homer
在美學中植入邏輯的 「全端設計師」

在過去 9 年的視覺設計生涯中,我以接案形式深度參與了多樣化的商業專案。曾長期與 Garmin 合作,負責將複雜的穿戴裝置介面轉化為具吸引力的視覺體驗,其中「木曜四超玩」合作案更練就了我對動態節奏的精準掌控。長期與不同領域的品牌合作,讓我深刻理解與不同專業合作的能力。

為了打破設計與工程間的溝通壁壘,我投身全端開發領域,並以此完成全端專案-迷因典 MemeDam。這不僅是一次技術的訓練題目,更是對產品架構的完整實踐操演——從資料庫 ERD 設計、Redis 快取優化到前端互動動畫,我享受利用程式碼將靜態設計轉化為「可運作邏輯」的過程。

身為 INTJ人格,我習慣在感性的藝術創作中尋找理性的系統化路徑。無論是進行體組成管理、彈奏搖滾吉他,還是沉浸於 ACG 文化,這些興趣最終都回流成我的設計養分。我不僅是視覺的建造者,更是邏輯的編織者,致力於讓美感不再只是表象,而是具備技術支撐的深度解決方案。

UI/UX 設計
動態視覺
全端開發
3D 動畫
電子信箱
[email protected]
我的技能

核心工具

設計與動態
Figma
Figma
Adobe Photoshop
Adobe Photoshop
Adobe Illustrator
Adobe Illustrator
Adobe After Effects
Adobe After Effects
Adobe Premiere Pro
Adobe Premiere Pro
Adobe Animate
Adobe Animate
Adobe InDesign
Adobe InDesign
Blender
Blender
3ds Max
3ds Max
Procreate
Procreate
開發技術
Vue 3
Vue 3
Nuxt
Nuxt
React
React
Next.js
Next.js
Tailwind CSS
Tailwind CSS
Bootstrap
Bootstrap
SCSS
SCSS
GSAP
GSAP
Three.js
Three.js
React Query
React Query
Vuetify
Vuetify
PrimeVue
PrimeVue
shadcn/ui
shadcn/ui
Pinia
Pinia
Zustand
TypeScript
TypeScript
JavaScript
JavaScript
Node.js
Node.js
Express
Express
Supabase
Supabase
MongoDB
MongoDB
Redis
Redis
AWS
AWS
Cloudflare
Cloudflare
Vercel
Vercel
Render
Render
我的能力

核心能力

UI/UX 與介面設計

從穿戴裝置到響應式網頁,在有限的螢幕空間內整合資訊架構與視覺美感。

  • 多平台介面規劃

    曾與 Garmin 合作開發多款穿戴式裝置介面,擅長在極限螢幕空間進行資訊架構重組,兼顧美觀與易讀性。

  • 響應式網頁設計 RWD

    針對 Desktop、Tablet、Mobile 進行佈局規劃,運用 CSS Grid/Flexbox 確保切版達到 Pixel-perfect 還原。

  • 設計系統建構

    以元件化思維建立設計規範,定義 Design Tokens(色彩、字體、間距),確保設計與開發端邏輯一致。

視覺與動態設計

融合品牌敘事與動態語言,將靜態視覺轉化為具備記憶點的動態體驗。

  • 品牌識別與視覺敘事

    擅長為品牌、主視覺、Banner 等媒材以視覺語言傳遞價值,服務涵蓋國際品牌商業專案。

  • 動態圖像設計 Motion Graphics

    結合 After Effects 與前端程式碼,將品牌視覺轉化為具敘事性的動態網頁,強化使用者記憶點。

  • 插畫與風格營造

    具備手繪與電繪能力,能為專案量身打造插畫風格(含日系 ACG 風格),應用於主視覺與 UI 元件。

高保真原型開發

不只做出設計稿,更能用程式碼精確驗證互動邏輯,縮短設計到開發的落差。

  • 程式碼互動原型

    運用 React.js / Vue.js / HTML / CSS 製作可實際操作的高保真原型,在開發前精準模擬複雜的互動邏輯與動態手感。

  • 微互動設計 Micro-interactions

    專注於按鈕回饋、轉場特效等細節,運用 GSAP 與 CSS Animation 提升操作的流暢度與愉悅感。

  • 全端產品獨立實作

    從 Wireframe、ERD、系統架構設計到上線部署,具備獨立完成完整產品開發流程的實戰能力。

我的簡歷

學歷和工作經驗

2025 - 現在
前端工程開發與產品實踐
[ 獨立開發者 ]

專注於 React/Next.js 與 Vue/Nuxt3 雙框架開發,目前主導《AniDaze》動漫行事曆平台的持續迭代。具備全端實作能力,曾於《MemeDam》專案中親自設計 ERD 資料架構、RESTful API 並導入 Redis 快取優化效能。致力於將九年的設計底蘊轉化為高品質的程式邏輯,實現設計與開發的深度整合。

2019 - 現在
資深視覺與動態設計師
[ 自由接案 ]

長期與 Garmin 等國際品牌合作,負責智慧手錶錶面(Watch Face)的視覺整合與動態特效。作品涵蓋「木曜四超玩」等大型合作案,擅長在極限效能下創造流暢的動畫體驗。具備從品牌識別到 3D 建模、UI/UX 設計的完整視覺解決方案能力。

2023 - 2025
資深美術編輯
[ 問禮有限公司 ]

為穩定收入轉任兼職設計職,參與兒童英文教材出版專案。負責插圖繪製、教材排版、包裝設計與品牌視覺整合。兼顧專案品質與時效,並於此期間積極準備轉職前端工程師,朝設計與開發整合的方向前進。

2018 - 2019
視覺設計師
[ 臺灣娜珂黛肌有限公司 ]

我負責薑類保健品的產品視覺與網站素材設計,專注於品牌定位與行銷轉換。協助行銷團隊優化網站視覺與用戶體驗,提升品牌識別與商品曝光。該經驗讓我深入理解設計與商業目標之間的整合策略。

2013 - 2017
應用美術學系
[ 天主教輔仁大學 ]

主修視覺設計與美術應用,專注於概念發想、圖像溝通與使用者導向設計。課堂外積極參與接案與工作,提前累積業界經驗,奠定視覺創作與創新思維的堅實基礎,為日後的職涯發展鋪路。