Portfolio

Web Design / UI UX Design

Resume
作品集
Less is more
我的照
楊紫晴
網站前端設計 / UI.UX

大小公司經歷，可獨立作業，也可團隊合作

2017-2021 (4年up)
網站視覺設計
圓展科技股份有限公司
自有品牌企業｜600人以上

  • 官網改版 → 改版後流量提升
  • 登錄頁、活動頁設計與改版 → 流量與轉換率皆提升
  • 產品頁設計
  • Banner、email banner、ICON 設計
  • 與資深工程師溝通合作
  • 跨部門溝通合作
  • 多語系網站維護
  • 其餘官網圖片設計
2011-2016 (4年up)
網站前端設計
雙欣科技有限公司
資訊系統服務｜1~30人
(Apple 授權企業經銷商)
  • 客戶需求討論、網站架構規劃、報價
  • 各類網站版面設計、專案文件撰寫
  • 前端切排版（HTML、CSS；套用 JQuery、Js）
  • 手刻 RWD 或 Bootstrap 套用
  • 與後台工程師團隊合作
  • 無障礙網站
  • 政府標案
  • 驗收、教育訓練安排
  • Flash 互動問答遊戲製作（現為 Adobe Animate）
  • 維護合約事宜處理
  • 網域代申請、簡報製作、名片印刷輸出
  • APP UI 設計（較少）
  • 網站內容維護

擅長工具

Photoshop
Photoshop
illustrator
illustrator
VScode
VSCode
HTML
HTML
CSS
CSS
RWD
RWD

懂操作／套用／調整

JQuery
JQuery
JavaScript
JavaScript
Bootstrap
Bootstrap
Animate
Animate
Adobe XD
Adobe XD
Figma
Figma

技能

設計規劃
  • 釐清客群及目標
  • 網站架構與資訊層級是否清楚明確
  • 色彩心理學運用
  • 資訊視覺化（盡量化繁為簡）
  • 擅柔和、協調的色彩搭配
  • 重視網站載入速度
  • SEO 關鍵字概念
遵循原則
  • 設計一致性
  • 通用 UI 設計
  • 直覺、實用、好用，再來才是好看
  • icon 的可辨識性與對易用性的影響
  • 完形心理學 － 留白間距拿捏，少即是多
  • 過多動態對於瀏覽體驗有負面影響，
    　　不做無意義花俏的動態效果
自學前端
  • HTML、CSS 熟悉
  • 手刻 RWD
  • Bootstrap 框架套用
  • jQuery、Js 套用調整(曾資策會進修)
  • CSS 微動態
其他
  • 各瀏覽器跑版問題解決
  • 無障礙網頁規範修正
  • 少量文案撰寫
  • Adobe Animate 簡易動畫製作
  • 基本的印刷輸出概念

特質

新事物上手快，有自學能力，遇事先自行解決。獨立、自動自發、自立自強

▪ 待過兩間公司共通點是，同性質職位都只有我一位，進去時也都沒同性質前輩或主管帶領，可說是很自立自強，會自我督促、自主學習
▪ 當初進第一間公司時，不會前端也不會切排版，因對 HTML 和 CSS 很有興趣，在家上網自學而成
▪ 當初因標案突然要求使用 Boostrap 製作網站，也是即刻上網自學並順利完成專案
▪ 後休息期間也有到資策會上課進修 JavaScript 和 JQuery，了解怎麼套用調整等
▪ 單親家庭加上身為長女，母親忙於工作較沒空管，從小獨立自主、自律，很多事靠自己解決

做事重效率、擅理解、洞察需求、精準溝通、溝通富彈性

▪ 重視執行前的溝通，設計前主動了解需求，進行充分討論再設計，節省因誤解帶來的非必要調整，不浪費彼此時間， 通常修改往返一次完成，即便使用者不知自己想要的是什麼，也能盡量釐清大方向，減少浪費彼此時間的狀況
▪ 曾被主管評理解力良好；也曾被合作窗口稱讚都能理解提出的需求並修正

細心體貼、擅傾聽、具同理心、懂換位思考、團隊合作、替他人著想

▪ 提出建議時，能盡量傾聽理解，合理並具建設性會配合修正
▪ 知道自己是前端，時間管控很重要，重視合作夥伴時間分配，會留意後續工程師作業時間
▪ 理解大家都有自己的立場，溝通時懂換位思考，盡量想出雙贏方案會較好進行有效溝通
▪ 做事盡量方便他人，留意禮節，注重他人感受，很常被周遭親友說是體貼的人
▪ 搭高鐵下車時會記得收起椅背，讓後座的人也方便下車
▪ 體貼、善解人意，是我很常聽到的朋友對我的評價

認真負責，積極主動

▪ 從來都不太需要主管督促進度，從前做專案也幾乎沒有延遲
▪ 盡量謹慎不出錯，若萬一有錯也會立即反應，想辦法改進及以解決問題為優先
▪ 曾負責公司所有合約、網域管理與追蹤，沒建系統，自己會注意續約期限，不需公司督促與提醒
▪ 閒暇之餘會反覆瀏覽官網留意是否有 BUG 或錯誤，並積極主動修正

自傳

大小公司文化經歷，能獨立作業，也能團隊合作
  • 8 年以上網站設計經歷，共待過二間公司，都待滿 4 年
  • 前一家是在自有產品的企業做專職網站視覺設計。與前端工程師進行團隊合作以及與行銷團隊密切的跨部門溝通協調。最初的主要工作內容是進行網站改版，後續則是產品頁及活動頁製作。
  • 第一家是小型設計接案公司做網站前端設計，會手刻 HTML & CSS ，手刻 RWD ，也懂套用 Bootstrap，皆客製化不套版，當時沒買圖庫，實戰經驗扎實。學到完整的專案流程，從跟客戶溝通需求討論→版面設計→切排版→跟後台工程師合作→後續驗收等，都可獨立作業。
  • 同理心是我最大特質，細心體貼、理解力好、做事效率高都是聽過的評語。
  • 溝通彈性大，也常是部門間溝通的橋樑。
重視體驗 UX，易讀易用的務實導向設計原則

　　使用者會來到網站都是有其目的，他們可能被關鍵字或是品牌知名度所吸引而來到網站。 來網站不外乎就是想來找資訊，也許是產品規格、檔案下載、購物、認識公司等。

　　所以我認為網站規劃首要目標，不像平面設計是要能抓取人們目光，而是要能夠讓使用者覺得好用。 怎麼算好用，就是可以讓他很快找到他所需要的資訊。

　　 曾看過製作精美、操作方式創新的網站，介面編排顛覆常見排列。 雖富創意，但極難操作使用，除了不符合使用者體驗設計 (UX) 外， 過於複雜或太過創新的介面，反而令使用者不知如何操作，甚至要學習才能使用， 那只會讓人覺得網站難用，令跳出率提高。

所以我認為網站規劃還是要遵循一定的通用設計準則與規範，再適當創新。

　以上謝謝花費寶貴時間耐心閱讀至此，如果覺得我的作品風格符合貴司期待
　請再給彼此一個更深入了解的機會，謝謝