Case Studies
EV Charging Station – UI Design
・Unified visual style for design consistency
・Created a design system (typography, sizing, color)
・Supported multiple languages
EV Charging Station – UI Design
・Unified visual style for design consistency
・Created a design system (typography, sizing, color)
・Supported multiple languages
EV Charging Station – UI Design
・Unified visual style for design consistency
・Created a design system (typography, sizing, color)
・Supported multiple languages
EV Charger Accessory Configurator
・A non-linear workflow that reduces user operation time.
・Collaborated with RD/PM to define logic rules
・Reduced configuration errors, sped up quoting
EV Charger Accessory Configurator
・Designed flexible, non-linear flow for smarter selection
・Collaborated with RD/PM to define logic rules
・Reduced configuration errors, sped up quoting
EV Charger Accessory Configurator
・A non-linear workflow that reduces user operation time.
・Collaborated with RD/PM to define logic rules
・Reduced configuration errors, sped up quoting
Shopify Taiwan Logistics & E-Invoice APP – Landing Page
・Structured content to showcase key features
・Delivered visual mockups based on defined style
・Enhanced UI layout for better clarity
Shopify Taiwan Logistics & E-Invoice APP – Landing Page
・Structured content to showcase key features
・Delivered visual mockups based on defined style
・Enhanced UI layout for better clarity
Shopify Taiwan Logistics & E-Invoice APP – Landing Page
・Structured content to showcase key features
・Delivered visual mockups based on defined style
・Enhanced UI layout for better clarity
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.
Skills
Skills
Cross-functional Teamwork
Developer Collaboration
Framer
Figma
HTML / CSS
User Flow
Product Thinking
User Research
Wireframing
Design Systems
Design Systems
Design Systems
Notion
Wordpress
Illustrator
Photoshop
