Case Studies
充電樁介面-EV Charging Station
多尺寸介面，統一視覺風格及設計迭代
建立設計系統
增加多語系功能
統一流程邏輯
充電樁介面-EV Charging Station
多尺寸介面，統一視覺風格及設計迭代
建立設計系統
增加多語系功能
統一流程邏輯
充電樁介面-EV Charging Station
多尺寸介面，統一視覺風格及設計迭代
建立設計系統
增加多語系功能
統一流程邏輯
充電樁配件選配組合器-EV Charger Configurator
非步驟式的操作流程，節省用戶操作時間
定義選配邏輯規則
系統自動篩選，降低使用者操作錯誤，加快報價速度
充電樁配件選配組合器-EV Charger Configurator
彈性操作流程，提升選配靈活性
與RD/PM合作，定義選配邏輯規則
降低使用者操作選擇錯誤，加快報價速度
充電樁配件選配組合器-EV Charger Configurator
非步驟式的操作流程，節省用戶操作時間
定義選配邏輯規則
系統自動篩選，降低使用者操作錯誤，加快報價速度
Shopify 台灣物流與電子發票 APP – 介紹頁設計
優化網頁架構
增加分類功能，快速篩選分類
重新設計介面，提升資訊清晰度
Shopify 台灣物流與電子發票 APP – 介紹頁設計
修改網頁UI架構
增加Tag分類功能，快速篩選分類
優化介面排版，提升資訊清晰度
Shopify 台灣物流與電子發票 APP – 介紹頁設計
優化網頁架構
增加分類功能，快速篩選分類
重新設計介面，提升資訊清晰度
HTML
The standard language for structuring web pages.
CSS
Used to style and visually format HTML content.
Framer
Interactive prototyping and web design tool.
Figma
Collaborative tool for UI/UX design and prototyping.
Photoshop
Raster-based tool for image editing and photo manipulation.
Illustrator
AI Notetaker for Meetings
Wordpress
Website and blog creation platform.
Notion
All-in-one workspace for notes, docs, tasks, and databases.
HTML
The standard language for structuring web pages.
CSS
Used to style and visually format HTML content.
Framer
Interactive prototyping and web design tool.
Figma
Collaborative tool for UI/UX design and prototyping.
Photoshop
Raster-based tool for image editing and photo manipulation.
Illustrator
AI Notetaker for Meetings
Wordpress
Website and blog creation platform.
Notion
All-in-one workspace for notes, docs, tasks, and databases.
技能
技能
跨部門團隊合作
開發團隊合作
Framer
Figma
HTML / CSS
User Flow
產品思維
使用者研究
Wireframing
Design Systems
Design Systems
Design Systems
Notion
Wordpress
Illustrator
Photoshop
