個人照

旅程是這樣開始

大學時期就讀藝術創意產業學系,
對藝術與設計持續關注且熱愛
後來自學 UI 設計,
因機緣巧合為國立成功大學電機系實驗室製作官網,
解決了實驗室長期遇到的招生困境

讓我體認到設計不只是視覺上的美,而是可以實際解決問題並帶來價值,
設計的力量讓我心生嚮往,於是轉職成為 UI 設計師。

至今累積三年相關經驗,
持續精進 UI 設計軟硬實力,
UX 是目前自學的領域,
致力於成為具備成熟產品思維的設計師。

精通設計與切版技能

icon

設計

  • - 使用 figma 繪製 wireframe、mockup、prototype
  • - 使用 figJam 整理歸納需求,繪製 functional map、user flow
figma figma
icon

切版

  • - 精通 HTML、CSS 程式語言將設計稿製作成靜態網站
  • - 擅長使用 Bootstrap 、Tailwind CSS 等框架客製化應用在專案上
  • - 使用 Git、Github 做版本管理與工程交付
figma figma figma figma

三年的設計經驗

UI 設計師 + 切版

碩睿資訊有限公司 - 全職
2022 年 3 月 - 現在

碩睿資訊致力於提供優質且完整的電子資源服務,為學術研究、醫療事業、政府機關以及各產業提供重要的資訊來源,同時提供建立系統與製作專案的客製化服務。
  • 與企劃、設計師、工程師合作完成專案 。
  • 與企劃一起進行跟客戶的需求訪談,了解核心需求,給予適當的設計建議。
  • 將企劃提供的 wireframe 製作成 mockup 與 prototype ,再與客戶確認與溝通。
  • 建立元件庫或設計系統等相關規範,建立一致性以及可協作的設計環境。
  • 使用 HTML、CSS 進行切版製作成靜態網站,並交付給工程師。
  • 專案完成後與企劃一起進行設計與功能的測試,確保符合設計規範與功能需求。

官網設計與製作

國立成功大學 - 接案
2020 年 8 月 - 2021 年 4 月(9 個月)

為智慧城市與網路研究中心、電機系 CATS LAB 實驗室製作官網。
  • 與案主接洽、進行需求訪談,了解網站製作目的。
  • 將資料歸納分層,定義網站架構與流程。
  • 風格發想、定義主色調,完成視覺設計。
  • 繪製 wireframe、mockup 與案主討論,在不同階段進行確認產出符合案主需求。
  • 使用 html5、css3、bootstrap 製作成靜態網站。
  • 後續定期維護與更新。

活動參與

Soking 需求訪談工作坊

2024.4.13

我的工作中不乏與客戶或是利害關係人的需求訪談,讓我因而想要提升訪談的技巧與知識,於是參與了群獸之心的 「需求訪談工作坊:練習辨識需求的情境,定義有效問題框架」,學習利用正向表述進行需求訪談的方法,同理利害關係人的需求。


UX 三刀流使用者體驗設計課程

2024.3-2024.7(五個月)

我認為要能夠洞察需求、理解使用者才能發展出好的設計,因此「使用者體驗設計」是我持續關注與學習的一個領域。這是由國立台北商業大學任教的溫明輝教授開放的共學課程,專注於從「使用者」、「商業」、「數據」三個面向,發展與構思創新產品與服務設計的能力。
課程對我收穫非常大,讓我用俯視的角度理解 UX 在產品週期的不同階段扮演怎樣的角色,以系統性地理解 UX 的多面性,包括了宏觀的理論框架和知識架構。完成 18 週的課程,包含 期中報告 與期末考,最後取得結業證書。

UX 課程證書
結業證書

AAPD 第 1 屆 UI 設計線上實戰營

2023.6-2023.8(三個月)

這是非常紮實且密集的課程,營期間超過 10 場直播教學、講座和活動,透過課程作業與實際專案輸出的高效學習機制。讓我在硬實力方面,包含 Figma 的操作、設計能力與美感大幅進步;軟實力方面,包含團隊協作、工程邏輯和產品思維也明顯提升。 最後完成每週個人作業與團隊專案,獲得結業證書。若想了解更多,歡迎前往觀看 我的課程心得 以及 個人作業

UX 課程證書
結業證書

第三屆捷運盃黑客松

2023.3

這一屆的主題聚焦在「台北捷運 Go App」的 UIUX Redesign,雖然提案沒有入圍,但我從觀摩入圍者的報告中習得很多,如何透過設計思考與能力,嘗試解決真實世界中遇到的問題;從 App Store 的留言分析或是問卷調查理解使用者的需求與痛點;再定義出甚麼是值得被解決的問題後,發展各種解決方案。讓我更加深刻認知到 UI 不只是設計出自我滿足的好看介面,如何洞察使用者,並在商業世界中取得平衡尤為重要。


The F2E 4th 前端 & UI 修煉精神時光屋

2022.10

我參加了第一週「The F2E 活動網站設計」的 UI 組,強調「視差滾動」的介面設計。這個活動機制為 UI 組設計完後,緊接著前端組可自行選擇心儀的設計稿實做成網頁,因此除了設計出好看的介面,設計文件的整理、prototype 的展示等都是兩組合作順利的關鍵,透過實作以及觀摩其他設計師的作品,讓我在這些方面收穫很多。 前往觀看 專案作品

社群交流

不定期會參加相關社群或講座,認識業界志同道合的夥伴,同時也讓自己獲得能量、激盪火花。

活動照片
活動照片
活動照片
活動照片
活動照片
活動照片