Portfolio

Web Design / UI UX Design

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) 外, 過於複雜或太過創新的介面,反而令使用者不知如何操作,甚至要學習才能使用, 那只會讓人覺得網站難用,令跳出率提高。

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

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