資訊架構・介面設計・RWD前端製作・CMS・品質檢查

PORTFOLIOWEBSITE DESIGN / FRONT-END網站設計與前端實作

于佳正 CHIA CHENG YU · 台南教育與公共資訊・醫療導覽
企業產品與品牌網站

探索我的作品
SCROLL TO EXPLORE
(01)PORTFOLIO DIRECTORY網站設計 × 前端
往下瀏覽作品 ↓
(02)BEHIND THE WORK視覺 / 架構 / 切版

專案實作解析

從資訊架構、視覺設計到前端切版,分享我如何整理不同產業的需求,完成網站介面。

BEHIND THE WORK
(03)PROFILE & EXPERIENCE持續把設計落地

PROFILE &
EXPERIENCE.

從需求到介面,讓每個想法被看見、被理解

我是佳正,一名網站設計師,工作涵蓋 UI/UX、視覺設計與前端實作,目前也負責團隊的設計規劃與專案協作。

過去參與過學術研究、醫療服務及企業品牌等不同領域的網站專案。面對不同的需求,我習慣先了解客戶想傳達的內容、使用者需要哪些資訊,再思考如何安排網站架構與畫面,讓資訊更清楚,也更容易閱讀。

工作上除了視覺設計,也會參與網站架構規劃、前端切版,並與 PM、工程師討論實作方式。遇到需求調整時,會和團隊一起討論,找到兼顧美感、使用體驗與實際可行的做法。

好的設計不一定要很複雜,而是能讓資訊更容易被理解,讓體驗更自然,也讓每一個好的想法真正落地。

工作經歷 / 點選展開內容 ↓

蘋果網頁設計

Web Designer/Front-end Designer

原履歷記載 · 2015.09 起

需求整理、資訊架構、UI、RWD、前端製作、跨部門協作與品質檢查。

需求與結構
內容整理/資訊架構
介面與製作
UI/RWD/前端實作
協作與交付
跨部門協作/QA

現任正式職稱、升遷時間及管理範圍待本人確認。

商瑪廣告事業有限公司

商業設計實習

2015.06–2015.07

參與設計相關製作與視覺執行。

EDUCATION / 學歷

建國科技大學|商業設計系

2011.09–2015.06

丙級印前製程技術士-圖文組版

TOOLS & SOFTWARE

設計軟體與前端工具

  • Figma
  • Photoshop
  • Illustrator
  • WordPress
  • Elementor
  • HTML
  • CSS
  • JavaScript
  • jQuery
  • CMS
(04)WHAT I BRING核心能力

THINK.
DESIGN.
BUILD.

從內容到介面,
也理解製作與交付。

04 / CAPABILITIESDESIGN → BUILD
CONTENT / IA

資訊架構與導覽

整理內容、頁面層級與主要瀏覽路徑,讓資訊閱讀與服務入口各有清楚位置。

工作內容
內容分類與導覽
重點
公告/表單/服務入口
作品線索
清華大學人事室
UI / RWD

響應式介面

配合內容與可用寬度,處理導覽、圖文、卡片與跨裝置閱讀順序。

工作內容
跨裝置介面編排
重點
RWD/閱讀順序
作品線索
宋俊宏婦幼醫院
HTML / CSS / JS

前端製作與維護

以 HTML、CSS、JavaScript、jQuery 製作網站,將介面設計轉成可維護的頁面。

工作內容
網站製作與維護
工具
HTML/CSS/JS/jQuery
作品線索
極策/榮星科技
COLLABORATION / QA

跨部門協作與 QA

與業務、設計及後端釐清需求、追蹤修改,確認版面、內容與交付細節。

工作內容
需求釐清與修改追蹤
重點
跨部門/品質檢查
交付核對
版面/內容/操作
(05)MORE WORK作品總覽 ↗

A WIDER
PERSPECTIVE.

105 件網站作品,涵蓋教育、醫療、企業、旅遊與生活服務。
點選作品,另開分頁瀏覽原網站;標示「看示範網站」者開啟示範站,「看設計稿」者開啟設計預覽。

CONTACT下一段設計工作

LET’S
TALK.

正在尋找 UI/UX Designer、Product Designer 的工作機會。

我在台南,期待以網站體驗設計與前端實作經驗,參與更多有清楚問題與目標的設計工作。

公開 Email 確認中

聯絡信箱與可投遞履歷確認後開放,不收集留言或個人資料。

作品畫面