我的照
楊紫晴
網站設計/ UI.UX / 前端
  • 4 年 B2B 品牌企業.網站視覺
  • 4 年 B2C 接案公司.網站前端
  • 亞洲大學 數位媒體設計學系畢
  • 高雄人,已定居新北新莊
  • 獨立﹑穩定﹑有效率、有即戰力

多元工作經歷:能獨立工作,也能團隊合作

網站視覺設計
4 年 4 個月
圓展科技股份有限公司
B2B 自有品牌企業.500人以上
B2B 品牌企業,獨立完成公司網站的改版及後續更新。
期間陸續加薪,獲提晉升一次。
  • 網站改版後,流量有顯著提升
  • 活動頁和登錄頁的設計和改版,提高了轉化率
  • 三個事業部的產品頁設計
  • Banner、email banner、ICON 設計
  • 多語系官網的維護和設計
  • 與工程師、PM、行銷團隊跨部門合作
  • 多語系官網圖片設計與維護
  • 圖庫和軟體續約的管理
網站前端設計
4 年 10 個月
雙欣科技有限公司
B2C 資訊系統服務(Apple 授權企業經銷商).1~30人
B2C 網站設計接案公司,未買圖庫,客製化不套版,專案流程完整。
獨立負責網站前端設計及客戶溝通。三年內加薪幅度達 75%。
  • 負責網站架構規劃、前端頁面設計和製作
  • 客戶需求討論與報價
  • 各類網站版面設計
  • 前端頁面製作切排版
  • 與後端工程師合作,確保前後端協調
  • 無障礙網站設計
  • 政府標案處理﹑專案文件撰寫
  • 驗收、教育訓練安排
  • Flash 互動問答遊戲製作(現為 Adobe Animate)
  • 維護合約事宜處理
  • 網域申請、簡報製作、名片印刷輸出
  • APP UIUX 規劃設計
  • 網站內容維護

軟體與工具

Photoshop
Photoshop
illustrator
illustrator
Animate
Animate
Adobe XD
Adobe XD
VScode
VSCode
Figma
Figma
Chat GPT
Chat GPT
Bing Image Creator
Bing
Image Creator

前端技能

HTML
HTML
CSS
CSS
SASS
SASS
RWD
RWD
JavaScript
JavaScript
Bootstrap
Booststrap
JQuery
JQuery

完整專案流程訓練,遵循 UI/UX 設計原則

我所了解的設計知識與概念

設計規劃流程
  • 釐清使用客群與目標
  • 產品試用與競品分析
  • 資料收集及競品分析
  • 清晰的架構規劃與資訊層級
  • 遵循使用者慣性規劃
  • 素材收集與設計發想
  • 提供高擬真原型,提升理解
  • 資料壓縮與 SEO 優化
遵循設計原則
  • 設計一致性,降低認知負荷
  • 直覺實用性,高於裝飾性
  • 遵循 UI 設計原則,提升易用性
  • 色彩心理學與完形心理學
  • 適當動畫效果,避免過度
  • 可互動元件,提供回饋提示
  • 簡化資訊,聚焦重點
其他相關技能
  • 瀏覽器相容性問題解決
  • 無障礙網頁設計
  • 動畫製作
  • 印刷觀念
  • 文案撰寫
  • 電繪技術
  • AI 工具輔助(如 ChatGPT)

設計不只是裝飾,更要好用

大多數作品在思考設計規劃時都以下面幾個核心理念為原則,在此統一說明。

少即是多,適當留白,聚焦重點,呈現本質

如果頁面一次呈現的內容太多會分散注意力。著名案例如同 Google 搜尋引擎, 設計只集中在核心任務"搜尋"上,而不是像 Yahoo 奇摩把訪問者淹沒在可能並不需要的資訊裡。

使用適當且有意義的動態效果,不干擾體驗

適當的微動態可以增加好感,但如果動畫過長會讓人感到拖延,讓使用者失去耐心提高跳出率。 即便有些動態效果的確看起來很華麗,但不良的動態設計只是讓使用者從重要的資訊中分心。

遵循使用習慣,直覺明確,而非盲目創新

在網站設計中,過度複雜或不符合使用者習慣的創新,反而可能讓使用者困惑。因此,我認為網站設計應遵循通用設計準則,確保操作直覺、簡單易用,而不是一味追求創新。

使用者會來到網站都是有他們的目的:找所需資訊

使用者來網站不外乎是找尋他需要的資訊,因此設計的首要目標是幫助使用者快速找到所需內容,再來才是美化為良好體驗加分,而不是過度裝飾。

特質與實例

更具體的了解我的性格與行動

獨立、快速上手、不排斥學習﹑勇於挑戰
  • 待過的公司共通點是同性質職位都只有我一個,沒相關前輩或主管帶,很多事自主摸索學習
  • 在工作中學會客戶訪談、報價、問答遊戲製作、無障礙修正和標案等技能,沒人帶也能迅速上手
  • 接到政府標案要求使用新技術(Bootstrap & RWD),在有限時間內自學並成功驗收
  • 最初進公司不會 HTML & CSS 排版,憑著熱忱自學並能熟練運用
注重效率、能洞察使用者需求、溝通富彈性、善於團隊合作
  • 高效來自重視執行前的溝通,避免因誤解造成多餘調整,不浪費彼此時間
  • 通常修改往返一次完成,能幫助不確定需求的客戶釐清方向
  • 收到建議能盡量傾聽,理性思考,如果合理並具建設性,不太會固執己見
  • 積極尋找更有效率的做事方式,能加速產出的方法都願意嘗試。之前休息期間自己研究觀察股票,列表整理分析跟追蹤,半年更新記錄。每次要重新計算多筆數值太沒效率,因此尋找 Excel 公式來計算半年間總股利及總價差變化,只要輸入期間股價就可以得到全新的計算結果,省下一大堆計算的時間
認真負責、積極主動、自律、以解決問題為優先
  • 曾負責公司所有合約和網域管理,沒建系統提醒,自己會注意續約期限,不需公司督促
  • 遇事以想辦法改進及解決問題為優先。曾因軟體續約需先跑預算審核,已簽完財務最大關,當時已下班時間 6 點多, 自己再次核對發現其中一項單價有誤...當下立即與主管反應並確認如何修改再重新送簽核單,也在當天下班前跑完新預算申請
體貼、善於理解傾聽、同理心、換位思考
  • 合作過的同事﹑主管稱讚過:高效率、體貼、機靈和理解力良好
  • 自知前端時間管理很重要,重視合作夥伴時間分配,會留意後續作業時間
  • 溝通時善於傾聽並具有同理心,能換位思考
  • 在生活中展現體貼,例如搭高鐵下車時不忘收起椅背,方便他人下車
積極為公司帶來效益、具商業思維
  • 我了解員工跟公司是互利共生的關係,具有商業思維,積極為公司和自己帶來效益
  • 第一份起薪很慘只有 2 萬,建議公司申請 22k 方案補助,未入職就為公司省 6 萬,自己也加薪
  • 在公司沒要求的情況下,我利用時間主動學習外包回來的技術,讓公司可以自己完成互動遊戲專案。該專案在寒暑假固定發案,執行兩個月就能為公司額外賺進 9 萬多,我也有分紅獎勵
  • 即便只是小事也用心,像是名片印刷或軟體採購時,主動貨比三家,確保公司佳利最大化
勇於面對挑戰、自學能力強、抗壓
  • 畢業時沒網站作品,主動爭取幫同學姐姐開的餐廳做網站,成功找到第一份工作
  • 接到政府標案要求使用新技術,能在有限時間內自學並成功完成驗收
  • 在第二間公司時,UI/UX 概念逐漸受到關注,便深入了解並將相關概念帶入公司團隊分享

感謝你的時間與耐心瀏覽至此。

Copyright © RENEE