Web Designer

HI!我是宜璇 ~
我是擁有8年以上專業經驗的網頁設計師。

擅長網頁切版、UI/UX設計、架構規劃!
設計過53個不同產業的網站、健康照護系列App,
擔任管理職期間,也帶領團隊完成了48個專案!

專長

skills

網頁切版

  • Visual Studio Code
  • Azure DevOps

HTML / CSS / Bootstrap / jQuery / VS Code / Azure DevOps

  • 可獨立完成整個 RWD 網站切版。
  • 使用 Bootstrap 框架、套用 jQuery 套件( Slider、Accordion、Gallery、LightBox、Animation ...等),原生 jQuery 開發客製化功能,透過 Azure DevOps 做版本控制。

UI/UX設計

Figma / Illustrator / Photoshop

  • 可延續品牌風格進行 UI 設計、依使用者行為數據進行 UX 優化。
  • 使用 Figma 制定 Design System、製作 Wireframe / Mockup / Prototype 進行溝通討論,搭配 Illustrator 及 Photoshop 處理視覺元素。

架構規劃

Airtable / GitMind / Notion

  • 可依據需求定義功能、規劃資訊架構與設計流程。
  • 使用 Notion 整理需求、規劃架構,透過 GitMind 繪製設計流程,利用 Airtable 控管專案進度、管理資訊與數據,協助統計分析。
經歷

experiences

2023 - 2026
網頁設計專員(金石堂網路書店)

電商網站UI/UX優化、模組版型設計

  • UI/UX優化-統一網站互動邏輯與視覺規範、簡化操作流程及動線、改善龐大資訊的呈現方式,以提升用戶停留時間及降低跳出率。
  • 模組設計-針對重複性高的資訊區塊,設計多款焦點呈現的版型及切版、建立模組共用規範,減少重複開發並提升維護效率。

設計行銷活動頁、數位廣告素材

  • 主導檔期活動主視覺設計、頁面切版,延伸製作Banner及站內視覺元素;依行銷需求,設計產品投廣素材。
  • 經手共65個專案:購物節、動漫展、年節展、開學季...等。

會員互動體驗設計

  • 互動遊戲-與PM、RD協作規劃遊戲流程,設計介面並完成切版,交付RD進行後續開發。(如:動漫猜謎遊戲、塗鴉挑戰、畢業故事投稿)
  • LINE會員-整合跨部門需求,優化LINE圖文選單視覺、建立推播卡片規範,並與RD協作開發賀卡寄送服務,強化會員互動與黏著度。

分眾行銷電子報改版

  • 在既有程式架構限制下,重新梳理內容層級與商品呈現方式,針對不同客群與行銷情境,設計電子報視覺及主題版型切版,優化開信瀏覽體驗。
2022 - 2023
UI/UX 設計師(先進醫資)

設計及迭代健康照護系列產品(Web、App、Kiosk)

  • 根據專案需求及用戶反饋,擬定資訊架構、設計各平台介面及流程。
  • 與產品經理及開發團隊協作,以敏捷開發進行產品易用性優化與迭代設計。
  • 經手共5項產品:享健康共照雲 Web / App、智慧照護站 Kiosk、健康隨行包 App、留言動態牆 Web。

平面設計+展場規劃

  • 外牆設計 – 自助問診室(個人包廂)。
  • 展場主視覺 – 大型背板、展架、手舉牌、邀請卡。
2020 - 2021
設計主任(邦立資訊科技)

部門管理(3-4人) / 專案控管+品質審核 / 跨部門協調+危機處理

  • 依設計師專長、排程進行專案分配、調度。
  • 針對 Prototype 進行功能驗收、UI/UX 優化、提出改善建議。
  • 控管共48個專案:仰德建設、明基三豐、高豐衛浴、萊德重車、高大美杏生...等。

大型專案主導+設計

  • 針對大型專案及客製化功能,主導人力分配、需求溝通,並支援切版、jQuery 開發。(如:中鋼 CSR 專案、問答互動遊戲、動態資料展示...等)

標準化建立+流程優化

  • 設計團隊 – 推動設計資源、問題解法、學習教材共享,提供協助、一起成長。
  • 客戶溝通 – 建立常見問答、模組畫面型錄,改善 Mockup 驗收格式,提升溝通效率。
  • 流程優化 – 簡化任務處理步驟、建立 SOP,提升合作效率。

人員培訓

  • 引導設計師思考,提出改善建議、建立設計概念。
  • 小人提課程規劃、教學,讓團隊軟、硬實力兼備。
  • 透過績效登記、年度計劃,關心設計師工作情況、發展方向,給予回饋及鼓勵。
2018 - 2020
網頁設計師(邦立資訊科技)

設計不同產業的形象、購物、平台 Web

  • 規劃資訊架構,製作 Wireframe,與後端工程師溝通技術可行性。
  • 透過設計規範、延續客戶品牌風格進行UI設計,以 Bootstrap 框架進行 HTML、CSS 切版,套用 jQuery 套件、或原生 jQuery 開發客製化功能。
    ( 如:建案結構導覽、動態入口頁、同捆出貨、行程比價...等 )
  • 經手共36個專案:集雅社、文雄眼鏡、清晨旅遊、交泰興、上銘建設、華雅貿易...等。
2013 - 2014
網頁設計師(奧林匹克文教科技)

設計集團品牌 Web、活動頁 / 網站改版

  • 經手共11個專案:智慧寶貝開發館、史豐收速算法、數學全方位檢測系統...等。

相關網站維護

  • 維護17個機構網站,不定期更新資訊、介面修改、BUG排除。
2010 - 2013
網頁美編(藍天假期旅行社)

設計活動頁 / 網站改版+更新

  • 設計旅遊行程活動頁、公司官網改版、更新頁面設計及廣告圖檔。

平面設計 / 影像編修

  • 根據業務及 OP 出團需求,製作周邊平面、設計編排文件。
2009 - 2010
網頁美編(雙鏌工業)

設計形象 Web

  • 與資訊、營業、技術等部門協作,設計公司官網。

平面設計+攝影 / 影像編修

  • 設計產品型錄、文宣廣告、周邊商品。

影片剪輯 / 3D 建模

  • 剪輯產品介紹影片、零件 3D 建模。
2008 - 2009
網頁美編企劃(喜憨兒基金會)

網頁設計 / 網站管理

  • 設計萊爾富募款網頁、公司官網及活動頁更新。

平面+廣告設計

  • 平面設計 - 公益雜誌稿、募款 DM、明信片、海報、布條、名牌、隨手杯。
  • 媒體廣告 - 喜憨兒電子報、MSN 廣告、Blogger ADS 廣告、ibon 廣告。

平面攝影 / 資源開發

  • 活動紀錄及人像攝影 - 記者會、公關活動、劇團公演、喜憨兒工作日常。
  • 媒體資源開發 - 銀行卡訊版面、公益雜誌稿託播、網路廣告版面刊登。
學歷

education

個人作品

Portfolio

關於我

biography

  • 1

    任職不同產業,到服務不同產業的客戶

    進入職場後,分別在不同產業從事網頁設計,瞭解各個產業的性質, 面對各種狀況,快速應對、調整作法,進而解決問題。

    在公益團體,學習說感人故事、傳達真誠的感謝;在超過百人的工業公司,累積跨部門、廠區的溝通經驗;在與時間賽跑的旅遊業,練就產品快速上架的效率,隨機應變、膽大心細的處理突發狀況;在文教業,面對海量的知識,學習如何歸納整理、包裝傳達。

    到了網頁設計公司服務, 更能理解對方的立場與需求、掌握喜好,讓設計溝通過程更加順暢。

    後期在醫療資訊業、電商領域,更深入貼近使用者,依據需求變化,不斷提出解決方案,將各種複雜流程,轉為更簡單易用的介面體驗。

    MORE
  • 2

    挑戰管理職,強化軟實力

    擔任設計主管期間,開始嘗試用不同的高度與眼界去面對挑戰。從專注做好專案,到跨出設計師身分,面對更多執行過程的困難,進而逐一釐清、溝通、協調、改善!

    透過不同任務,也磨練到許多技能:

    • 批判性思維

      無論是在團隊內,或是與客戶合作,透過客觀分析和評估,找出問題、提出不同見解,引導設計師換位思考。

    • 組織及表達能力

      釐清專案脈絡後,歸納需求、定義問題, 事先整理分類,溝通討論時,有條理的提出建議、表達看法。

    • 團隊協作、溝通技巧

      遇到其他部門提出的問題,耐心聆聽、同理對方的難處, 考量多方立場、分析部門資源,保持開放心態,協調彼此認同的作法。

    這些挑戰帶來的養分,讓我即使卸下管理身分,也成了具備策略思維的設計師。

    MORE
  • 3

    運用設計專業,與團隊共同打造最佳方案

    面對客戶需求、團隊執行與商業目標,設計過程中總有許多需要考量、取捨的地方。除了追求美感,更重要的是理解各種限制條件,做出合理的設計決策,並透過團隊協作、整合不同觀點,在兼顧各方需求與可行性的前提下,找出最合適的解決方案。

    對我而言,在每一次的設計過程中,能與團隊一起完成專案、看著成果順利上線,進而獲得正向回饋與實際成效,是最大的成就感來源!期許未來能繼續透過專長、經驗,在產品設計與使用者體驗上,創造更多設計價值。

    感謝您耐心的閱讀 :)

    MORE