關於Erin

Hi! 我是 Erin。

一位擁有10 年以上的 UI 設計經驗的 UI/UX Designer。

由於對繪畫與設計的熱情，高中選擇設計專業學校就讀。

為了積累更多實際的職場經驗，在大學時選擇夜校就讀，白天在精誠橫逸的線上學習事業處，擔任數位學習動畫製作，並帶領設計小組，協助團隊成員與需求方進行溝通，確保專案品質，並有效掌控設計時程。在職期間，接觸到網頁設計，進而踏入網頁設計的領域，並自我進修學習網頁切版相關技能，以及響應式網頁設計，將學習到的應用在各專案。

畢業後，曾在多家設計公司擔任視覺設計師，累積了豐富的專案設計經驗後，轉向甲方電商平台工作，擔任In-house UI/UX設計師，也曾在保險公司擔任UI/UX設計師，這讓我更深入了解了產品研發設計過程以及產品運營。

工作內容包含從PM 接受需求，並與 PM 和 RD 討論需求的可行性和執行方向，也有能力在無 PM 的情況下，與需求方確認需求，進行網站功能規劃，並使用Axure繪製Flow和Wireframe，提供需求端以及RD確認。

在功能確認後，使用 Sketch/Figma 繪製 RWD UI Mockup ，並設計 UI Component，建立 UI Library，訂定Design Guideline，以確保網站的UI設計風格和UX操作一致性，利往後網站維運及延伸使用。

也利用自身切版的技能，製作具有 RWD 的 HTML Demo Site來Demo UI Mockup，提供 PM 給需求端做確認，也利用 Demo Site 與前端工程師做 UI Brief 討論，不僅讓非專業的需求端更能了解 UI 在各裝置上的呈現，還降低了頁面開發完成後的落差。

此外，也與行銷企劃討論廣告投放內容，像是Facebook貼文Banner、Instagram限動廣告 、平面印刷文宣設計(雜誌廣編稿、酷卡、小卡)、大型戶外廣告(火車站燈箱，火車站大型看板)，等廣告投放物，或者抽獎獎品設計(護身符)。

多年的專案經驗使我能夠輕鬆地適應不同的團隊環境，無論是團隊合作還是獨立操作，還可同時處理多個專案，並規劃網站功能，確保專案品質，掌握設計時程，專案的經驗也讓我可以對客戶方或公司內，進行與設計相關的教育訓練。

在數位產品及資訊科技迅速發展的時代，我期許將累積的相關知識和經驗，應用在不同的專案上，以打造更出色和專業的產品，同時滿足產品利益相關者的需求和期望。

吉時保｜碎片型保險網路投保平台

傳統的保險又臭又長，保障內容繁複冗長，很容易不清楚自己的保障內容。

「保險可以很簡單，更好懂。」

吉時保碎片型保險網路投保平台，推出快速、小額、短期，以貼近使用需求的保險為主，合理的保障時間不浪費錢。

吉時保在風格上選擇藍綠色來當代表色，並以插畫風格呈現，搭配繪製代表人物「Chubby」來跟保戶溝通，在品牌印象上，保戶看到這樣的藍綠色配上這隻 Chubby 就會知道是吉時保。

「只做會想保的保險，保庇挑吉時 ・ 保險保吉時。」

吉時保在內容上，不僅將內容簡單清楚化，更將流程簡單化，希望保戶可以即時、透過手機，快速在 5 分鐘內用完成投保。

且吉時保在不同的商品風格設計上，保持了一致風格，以及一致的操作邏輯，讓保戶在瀏覽或投保不同商品時，不需要太多重新學習或記憶的時間。

「手機就可以完成更快更簡單。」

吉時保平台 UI 設計以手機瀏覽為出發，並為了符合各種裝置的閱讀瀏覽，設計了 5個 Breakpoint，元件設計及操作也盡量符合各裝置，例如：日期的輸入，為了讓手機更好操作，選擇手動輸入，或者以下拉呈現，捨棄在行動裝置上難以操作的 Datepicker 套件，也省去前端在不同裝置上修改 Datepicker的時間。

也因此吉時保平台為了維持網站風格，以及操作體驗的一致性，訂定一了份 Design guideline。

• 吉時保平台 Design Gudieline
• 吉時保平台 UI 設計畫面

富邦銀行｜企業官網設計

在富邦銀行的官網設計中，為改善以往銀行複雜且難以閱讀的瀏覽方式，以提供使用者良好的瀏覽體驗。

網站配色： 

以富邦銀行的藍綠色延伸出，淺藍色以及深藍色為主要用色，讓使用者一眼辨識出這是富邦銀行的網站，並傳遞出專業、可信，及穩重專業的企業形象。

網站風格： 

設計風格上期望簡潔、易於閱讀。所使用的圖片構圖及配色，以簡單乾淨為主。圖片內容也以人、物，或簡單的情竟，以呈現出富邦銀行專業的形象。

資訊重整和重新排版： 

版面編排想擺脫以往銀行複雜且難以閱讀的瀏覽方式，通過網站企劃重新整理的資訊架構和調整內容，特別設計了全站響應式設計(Responsive Web Design)，以確保在不同設備上的瀏覽體驗一致，同時減少不必要的內容，讓使用者更容易找到所需信息。

特別是過去銀行網站常常充斥著大量不必要的表格，將這些表格轉變以重點文字的方式呈現。對於那些不得不使用表格的情況，例如基金信息，我們也重新設計了適應不同裝置的排版，以確保內容在各種瀏覽環境下的清晰呈現。

透過這些設計決策，讓使用者在瀏覽富邦銀行官網時，有更佳的使用者體驗，並為富邦銀行建立了一套設計規範(Design Guieline)。還提供相關的設計教育訓練，以確保整體企業形象能夠傳達得更一致！