AI-Driven
Design System
UX/UI Animation
Product Development
Motion Design
Visual Storytelling
Design for Trust:
A CrossโBorder Visual Language
Designing a clear, scalable visual system to humanize AI and align teams across Canada and China.
AI-Driven
Design System
UX/UI Animation
Product Development
Motion Design
Visual Storytelling
Design for Trust:
A CrossโBorder Visual Language
Designing a clear, scalable visual system to humanize AI and align teams across Canada and China.
Challenges
Complex design constraints and compliance boundaries over cloud projects.
NDA restrictions prevent naming the company & deep details.
Research & Internal tools development focused on Chinese audiences.
Fragmented design language caused misalignment between Chinese & Canadian teams.
Design, research, and prototype visuals lacked clarity and emotional connection.
TL:DR & Key Solutions
Built a visual and motion system to make AI easier to understand and more trustworthy. Helped teams in Canada and China align through clear design standards, emotional storytelling, and a shared UX language.
Connected CanadaโChina teams with one scalable visual and motion system.
Made AI feel intuitive and transparent through emotionally responsive design. |
Enabled smoother teamwork with modular, emotionally intelligent components.
Used storytelling and visual clarity to reduce confusion and accelerate buy-in.
Challenges
Complex design constraints and compliance boundaries over cloud projects.
NDA restrictions prevent naming the company & deep details.
Research & Internal tools development focused on Chinese audiences.
Fragmented design language caused misalignment between Chinese & Canadian teams.
Design, research, and prototype visuals lacked clarity and emotional connection.
TL:DR & Key Solutions
Built a visual and motion system to make AI easier to understand and more trustworthy. Helped teams in Canada and China align through clear design standards, emotional storytelling, and a shared UX language.
Connected CanadaโChina teams with one scalable visual and motion system.
Made AI feel intuitive and transparent through emotionally responsive design. |
Enabled smoother teamwork with modular, emotionally intelligent components.
Used storytelling and visual clarity to reduce confusion and accelerate buy-in.
This entire project is under a NDA and could not be shared entirely. Elements showcased bellow were recreated from sketch and does not represent any brand or related project.
This entire project is under a NDA and could not be shared entirely. Elements showcased bellow were recreated from sketch and does not represent any brand or related project.
A global cloud services provider needed a better way to connect its Canada-based UX team with international stakeholders. Presentations, prototypes, and UI felt fragmented, making communication harder and the value of new AI features less clear.
A global cloud services provider needed a better way to connect its Canada-based UX team with international stakeholders. Presentations, prototypes, and UI felt fragmented, making communication harder and the value of new AI features less clear.
UX Design
Design System
Product Development
Visual Design
Visual Design
Human-Centered Design interaction
Human-Centered Design interaction
Designing for Emotion by creating visual templates and patterns that connect data to human feelings and turn complex ideas into something people actually understand.
Designing for Emotion by creating visual templates and patterns that connect data to human feelings and turn complex ideas into something people actually understand.
Positive experience at the right time
Positive experience at the right time
ๅฎนๅจ
Container
้ขๅ ๅพๆ
Leading
Icon
ๆๆฌ
Text
ๅฐพ้ๅพๆ
Trailing
Icon
ๆ ็ญพ
Label
ๅฎนๅจ
Container
้ขๅ ๅพๆ
Leading
Icon
ๆๆฌ
Text
ๅฐพ้ๅพๆ
Trailing
Icon
ๆ ็ญพ
Label
Copy Address
็จๆทไฝ้ชๅข้
UX Team
Copy Address
่ฎพ่ฎก
Design
Copy Address
็ ็ฉถ
Research
Copy Address
ๅๅฑ
Development
Copy Address
็จๆทไฝ้ชๅข้
UX Team
Copy Address
่ฎพ่ฎก
Design
Copy Address
็ ็ฉถ
Research
Copy Address
ๅๅฑ
Development
Rooted in emotional design principles, this system helped streamline decisions by pairing clarity with feeling. A role-based color logicโBlue for trust, Green for growth, Orange for inspiration, and Purple for depthโensured every interaction carried meaning and intent.
Rooted in emotional design principles, this system helped streamline decisions by pairing clarity with feeling. A role-based color logicโBlue for trust, Green for growth, Orange for inspiration, and Purple for depthโensured every interaction carried meaning and intent.
่ฟๅฏนๆไปฌ็็จๆท่ง่ฒๆ็ๅ๏ผ
Will this benefit our user persona?
็็น
User Journey
็จๆท็ฎๆ
User Goals
็นๅพA
Feature A
็นๅพB
Feature B
็นๅพC
Feature C
้ซไปทๅผ
High Value
ไฝไปทๅผ
Low Value
ไฝไปทๅผ
Low Value
่ฟๅฏนๆไปฌ็็จๆท่ง่ฒๆ็ๅ๏ผ
Will this benefit our user persona?
็็น
User Journey
็จๆท็ฎๆ
User Goals
็นๅพA
Feature A
็นๅพB
Feature B
็นๅพC
Feature C
้ซไปทๅผ
High Value
ไฝไปทๅผ
Low Value
ไฝไปทๅผ
Low Value
Vision Video Documentation
็ฎ็
Purpose
็ฎๆ ๅไผ
Target Audience
ๅ ณ้ฎ่ฆ็น
Key Takeaway
็จๆทๆ ็จ
User Journey
่ง้ข่ฒ่ฐๅ้ฃๆ ผ
Video Tone & Style
ๆ ธๅฟไฟกๆฏๅ็ปๆ
Core Message & Structure
ไบคไปๆๆใๆ็ปญๆถ้ดใๆ ผๅผ
Deliverables, Duration, Format
ๆ ไบๆ ่
Storyline
Vision Video Documentation
็ฎ็
Purpose
็ฎๆ ๅไผ
Target Audience
ๅ ณ้ฎ่ฆ็น
Key Takeaway
็จๆทๆ ็จ
User Journey
่ง้ข่ฒ่ฐๅ้ฃๆ ผ
Video Tone & Style
ๆ ธๅฟไฟกๆฏๅ็ปๆ
Core Message & Structure
ไบคไปๆๆใๆ็ปญๆถ้ดใๆ ผๅผ
Deliverables, Duration, Format
ๆ ไบๆ ่
Storyline
More than visual polish, the system delivered a bilingual, cloud-based foundation that unified design, research, and development workflows. From icon sets and mockups to profile visuals, tags, and scalable grids, each asset was crafted to maintain brand consistency while supporting faster, cross-cultural collaboration across prototypes, reports, and stakeholder decks.
More than visual polish, the system delivered a bilingual, cloud-based foundation that unified design, research, and development workflows. From icon sets and mockups to profile visuals, tags, and scalable grids, each asset was crafted to maintain brand consistency while supporting faster, cross-cultural collaboration across prototypes, reports, and stakeholder decks.
Functionality, Reliability & Usability first
Functionality, Reliability & Usability first
For AI-powered purchase and mobile consoles, our Design Thinking and user research emphasized Design for Emotion to create intuitive, engaging, and trustworthy user interactions, clearly communicating value to stakeholders. The Hierarchy of User Needs informed internal tools' functionality, while user-facing design focused on emotional resonance beyond basic usability.
For AI-powered purchase and mobile consoles, our Design Thinking and user research emphasized Design for Emotion to create intuitive, engaging, and trustworthy user interactions, clearly communicating value to stakeholders. The Hierarchy of User Needs informed internal tools' functionality, while user-facing design focused on emotional resonance beyond basic usability.
ๅๆ
Empathize
ๆไปฌๆญฃๅจ่งฃๅณไปไน้ฎ้ข๏ผ
What problem are we solving?
ๅฎไน
Define
ๆไปฌไธบไปไน่ฆๅ ณๅฟ๏ผ
Why should we care?
้
Ideate
ๆไปฌๆๆ ทๆ่ฝ่งฃๅณ่ฟไธช้ฎ้ข
How can we solve this?
ๅๅ
Prototype
ๆไปฌๅบ่ฏฅๅฆไฝๅๅปบๅฎ๏ผ
How should we create this?
ๆต่ฏ
Test
ๅฎๆ็จๅ๏ผ
Does it work?
ๅๆ
Empathize
ๆไปฌๆญฃๅจ่งฃๅณไปไน้ฎ้ข๏ผ
What problem are we solving?
ๅฎไน
Define
ๆไปฌไธบไปไน่ฆๅ ณๅฟ๏ผ
Why should we care?
้
Ideate
ๆไปฌๆๆ ทๆ่ฝ่งฃๅณ่ฟไธช้ฎ้ข
How can we solve this?
ๅๅ
Prototype
ๆไปฌๅบ่ฏฅๅฆไฝๅๅปบๅฎ๏ผ
How should we create this?
ๆต่ฏ
Test
ๅฎๆ็จๅ๏ผ
Does it work?
Each phase of the process played a critical role in shaping AI-powered solutions with empathy and clarity. Grounded in real user behaviorsโwhat people say, think, do, and feelโthe framework ensured that every product decision reflected authentic needs and emotional drivers. From early research to validation, this approach helped turn abstract functionality into experiences users could understand, trust, and act on with confidence.
Each phase of the process played a critical role in shaping AI-powered solutions with empathy and clarity. Grounded in real user behaviorsโwhat people say, think, do, and feelโthe framework ensured that every product decision reflected authentic needs and emotional drivers. From early research to validation, this approach helped turn abstract functionality into experiences users could understand, trust, and act on with confidence.
User Persona
็จๆท่ง่ฒ
็ฎๅ
Bio
ๆงๆ ผ
Personality
ๅๅฅฝ่ฎพ็ฝฎ
Preferences
็ฎๆ
Goals
ๆซๆ
Frustrations
ๅจๆบ
Motivation
User Persona
็จๆท่ง่ฒ
็ฎๅ
Bio
ๆงๆ ผ
Personality
ๅๅฅฝ่ฎพ็ฝฎ
Preferences
็ฎๆ
Goals
ๆซๆ
Frustrations
ๅจๆบ
Motivation
User Persona
็จๆท่ง่ฒ
็ฎๅ
Bio
ๆงๆ ผ
Personality
ๅๅฅฝ่ฎพ็ฝฎ
Preferences
็ฎๆ
Goals
ๆซๆ
Frustrations
ๅจๆบ
Motivation
User Persona
็จๆท่ง่ฒ
็ฎๅ
Bio
ๆงๆ ผ
Personality
ๅๅฅฝ่ฎพ็ฝฎ
Preferences
็ฎๆ
Goals
ๆซๆ
Frustrations
ๅจๆบ
Motivation
User Persona
็จๆท่ง่ฒ
็ฎๅ
Bio
ๆงๆ ผ
Personality
ๅๅฅฝ่ฎพ็ฝฎ
Preferences
็ฎๆ
Goals
ๆซๆ
Frustrations
ๅจๆบ
Motivation
User Persona
็จๆท่ง่ฒ
็ฎๅ
Bio
ๆงๆ ผ
Personality
ๅๅฅฝ่ฎพ็ฝฎ
Preferences
็ฎๆ
Goals
ๆซๆ
Frustrations
ๅจๆบ
Motivation
User Persona
็จๆท่ง่ฒ
็ฎๅ
Bio
ๆงๆ ผ
Personality
ๅๅฅฝ่ฎพ็ฝฎ
Preferences
็ฎๆ
Goals
ๆซๆ
Frustrations
ๅจๆบ
Motivation
User Persona
็จๆท่ง่ฒ
็ฎๅ
Bio
ๆงๆ ผ
Personality
ๅๅฅฝ่ฎพ็ฝฎ
Preferences
็ฎๆ
Goals
ๆซๆ
Frustrations
ๅจๆบ
Motivation
User Persona
็จๆท่ง่ฒ
็ฎๅ
Bio
ๆงๆ ผ
Personality
ๅๅฅฝ่ฎพ็ฝฎ
Preferences
็ฎๆ
Goals
ๆซๆ
Frustrations
ๅจๆบ
Motivation
User Persona
็จๆท่ง่ฒ
็ฎๅ
Bio
ๆงๆ ผ
Personality
ๅๅฅฝ่ฎพ็ฝฎ
Preferences
็ฎๆ
Goals
ๆซๆ
Frustrations
ๅจๆบ
Motivation
User Persona
็จๆท่ง่ฒ
็ฎๅ
Bio
ๆงๆ ผ
Personality
ๅๅฅฝ่ฎพ็ฝฎ
Preferences
็ฎๆ
Goals
ๆซๆ
Frustrations
ๅจๆบ
Motivation
User Persona
็จๆท่ง่ฒ
็ฎๅ
Bio
ๆงๆ ผ
Personality
ๅๅฅฝ่ฎพ็ฝฎ
Preferences
็ฎๆ
Goals
ๆซๆ
Frustrations
ๅจๆบ
Motivation
่ฏด
Say
ๅ
Does
ๆ่
Think
ๆ่ง
Feel
User Persona
็จๆท่ง่ฒ
็ฎๅ
Bio
ๆงๆ ผ
Personality
ๅๅฅฝ่ฎพ็ฝฎ
Preferences
็ฎๆ
Goals
ๆซๆ
Frustrations
ๅจๆบ
Motivation
User Persona
็จๆท่ง่ฒ
็ฎๅ
Bio
ๆงๆ ผ
Personality
ๅๅฅฝ่ฎพ็ฝฎ
Preferences
็ฎๆ
Goals
ๆซๆ
Frustrations
ๅจๆบ
Motivation
User Persona
็จๆท่ง่ฒ
็ฎๅ
Bio
ๆงๆ ผ
Personality
ๅๅฅฝ่ฎพ็ฝฎ
Preferences
็ฎๆ
Goals
ๆซๆ
Frustrations
ๅจๆบ
Motivation
User Persona
็จๆท่ง่ฒ
็ฎๅ
Bio
ๆงๆ ผ
Personality
ๅๅฅฝ่ฎพ็ฝฎ
Preferences
็ฎๆ
Goals
ๆซๆ
Frustrations
ๅจๆบ
Motivation
User Persona
็จๆท่ง่ฒ
็ฎๅ
Bio
ๆงๆ ผ
Personality
ๅๅฅฝ่ฎพ็ฝฎ
Preferences
็ฎๆ
Goals
ๆซๆ
Frustrations
ๅจๆบ
Motivation
User Persona
็จๆท่ง่ฒ
็ฎๅ
Bio
ๆงๆ ผ
Personality
ๅๅฅฝ่ฎพ็ฝฎ
Preferences
็ฎๆ
Goals
ๆซๆ
Frustrations
ๅจๆบ
Motivation
User Persona
็จๆท่ง่ฒ
็ฎๅ
Bio
ๆงๆ ผ
Personality
ๅๅฅฝ่ฎพ็ฝฎ
Preferences
็ฎๆ
Goals
ๆซๆ
Frustrations
ๅจๆบ
Motivation
User Persona
็จๆท่ง่ฒ
็ฎๅ
Bio
ๆงๆ ผ
Personality
ๅๅฅฝ่ฎพ็ฝฎ
Preferences
็ฎๆ
Goals
ๆซๆ
Frustrations
ๅจๆบ
Motivation
User Persona
็จๆท่ง่ฒ
็ฎๅ
Bio
ๆงๆ ผ
Personality
ๅๅฅฝ่ฎพ็ฝฎ
Preferences
็ฎๆ
Goals
ๆซๆ
Frustrations
ๅจๆบ
Motivation
User Persona
็จๆท่ง่ฒ
็ฎๅ
Bio
ๆงๆ ผ
Personality
ๅๅฅฝ่ฎพ็ฝฎ
Preferences
็ฎๆ
Goals
ๆซๆ
Frustrations
ๅจๆบ
Motivation
User Persona
็จๆท่ง่ฒ
็ฎๅ
Bio
ๆงๆ ผ
Personality
ๅๅฅฝ่ฎพ็ฝฎ
Preferences
็ฎๆ
Goals
ๆซๆ
Frustrations
ๅจๆบ
Motivation
User Persona
็จๆท่ง่ฒ
็ฎๅ
Bio
ๆงๆ ผ
Personality
ๅๅฅฝ่ฎพ็ฝฎ
Preferences
็ฎๆ
Goals
ๆซๆ
Frustrations
ๅจๆบ
Motivation
่ฏด
Say
ๅ
Does
ๆ่
Think
ๆ่ง
Feel
At the core of the process, continuous loops of Build, Measure, and Learn ensured that every iteration strengthened user trust and boosted productivity. By treating product design as a dynamic centerpointโsurrounded by feedback, insight, and refinementโsolutions became more intuitive, consistent, and emotionally aligned. This mindset supported the creation of seamless experiences across the brand ecosystem, where interactions felt familiar, purposeful, and connected from end to end.
At the core of the process, continuous loops of Build, Measure, and Learn ensured that every iteration strengthened user trust and boosted productivity. By treating product design as a dynamic centerpointโsurrounded by feedback, insight, and refinementโsolutions became more intuitive, consistent, and emotionally aligned. This mindset supported the creation of seamless experiences across the brand ecosystem, where interactions felt familiar, purposeful, and connected from end to end.
ไบงๅ่ฎพ่ฎก
Product
Design
ๆชๆฝ
Measure
ๅปบ้
Build
ๅญฆไน
Learn
ไบงๅ่ฎพ่ฎก
Product
Design
ๆชๆฝ
Measure
ๅปบ้
Build
ๅญฆไน
Learn
Trust, productivity & seamless experience
Trust, productivity & seamless experience
UX Design Team
Design System
Product Development
Shaping Stories
& AI as a Storyteller
Shaping Stories
& AI as a Storyteller
Extended design capabilities and accelerate content development
Extended design capabilities and accelerate content development
AI played a supporting role across the creative pipeline by generating scripts, visual prompts, character development, and image references that shaped both storytelling and stakeholders buy-in. From prototyping multilingual animations to developing emotionally aware micro-interactions, the tools helped to merge user data inputs to a scalable production flow.
AI played a supporting role across the creative pipeline by generating scripts, visual prompts, character development, and image references that shaped both storytelling and stakeholders buy-in. From prototyping multilingual animations to developing emotionally aware micro-interactions, the tools helped to merge user data inputs to a scalable production flow.
Design by for Humans
As a
Developer
Manager
Director
Developer
I want
(
)
so that
(
)
Design by for Humans
As a
Developer
Manager
Director
Developer
I want
(
)
so that
(
)
Helping viewers to understand ideas
Helping viewers to understand ideas
AI-powered storytelling, from script to visuals, accelerated content development and stakeholder buy-in. Combined with human-centered, adaptive design, this helped viewers grasp complex ideas through engaging, scalable experiences like multilingual animations and mixed realities.
AI-powered storytelling, from script to visuals, accelerated content development and stakeholder buy-in. Combined with human-centered, adaptive design, this helped viewers grasp complex ideas through engaging, scalable experiences like multilingual animations and mixed realities.
Rather than following a fixed process, AI value comes through a high exploration data process, multi-skilled tools, iteration brainstorming, generative agents & cultural adaptability.
Rather than following a fixed process, AI value comes through a high exploration data process, multi-skilled tools, iteration brainstorming, generative agents & cultural adaptability.
Mixed realities
Using multiple tools (AI + design + animation) enables not just flexibility โ but emotional storytelling. It's not about the tools; itโs about how they help design for emotion at each stage.
Mixed realities
Using multiple tools (AI + design + animation) enables not just flexibility โ but emotional storytelling. It's not about the tools; itโs about how they help design for emotion at each stage.
Data
Data
Data
Research
Research
Research
Product
Product
Product
Scope
Scope
Scope
Flow
Flow
Flow
Security
Security
Security
Personalization at Scale
By combining research, context, and user feedback, automation becomes a creative ally โ building systems that respond with relevance and emotional clarity for each project.
Data
Data
Data
Research
Research
Research
Product
Product
Product
Scope
Scope
Scope
Flow
Flow
Flow
Security
Security
Security
Personalization at Scale
By combining research, context, and user feedback, automation becomes a creative ally โ building systems that respond with relevance and emotional clarity.
้ป่พๆงใๅฏๅฎก่ฎกๆงๅๅไฝๆง็็จๆท้ฎ้ขไธไบบๅทฅๆบ่ฝ่งฃๅณๆนๆกๅน้ ๅจ
Logical, Auditable and collaborative User Problems & AI solutions matchmaker
ไธญๆ
EN
็ฝ้กต
Webpage
PPTๆจกๆฟ
PPT Template
็ ่ฎจไผๆจกๆฟ
Workshop Template
PDF ่ฏดๆ
PDF Instructions
ๅฎไน็จๆท้ฎ้ข
Define User Problems
็กฎๅฎไบบๅทฅๆบ่ฝๆฏๅฆๅขๅ ไปทๅผ
Determine if AI add value
่ฎพ่ฎกAIๅบๆฏ
Design AI Scenario
่ฏๅซไบบๅทฅๆบ่ฝ่ฝๅ
Identify AI Capabilities
ๅชๅ่ฏไผฐๅไผๅ ๆๅบ
Effort evaluation & prioritization
AIไบงๅ้ ๆน
AI Product Formula
้ป่พๆงใๅฏๅฎก่ฎกๆงๅๅไฝๆง็็จๆท้ฎ้ขไธไบบๅทฅๆบ่ฝ่งฃๅณๆนๆกๅน้ ๅจ
Logical, Auditable and collaborative User Problems & AI solutions matchmaker
ไธญๆ
EN
็ฝ้กต
Webpage
PPTๆจกๆฟ
PPT Template
็ ่ฎจไผๆจกๆฟ
Workshop Template
PDF ่ฏดๆ
PDF Instructions
ๅฎไน็จๆท้ฎ้ข
Define User Problems
็กฎๅฎไบบๅทฅๆบ่ฝๆฏๅฆๅขๅ ไปทๅผ
Determine if AI add value
่ฎพ่ฎกAIๅบๆฏ
Design AI Scenario
่ฏๅซไบบๅทฅๆบ่ฝ่ฝๅ
Identify AI Capabilities
ๅชๅ่ฏไผฐๅไผๅ ๆๅบ
Effort evaluation & prioritization
AIไบงๅ้ ๆน
AI Product Formula
Helping PMs to identify AI value
Helping PMs to identify AI value
Developing a Human-AI Interaction (HAI) guideline and a unified bilingual toolkit โ including webpage and PPT templates, workshop materials, and PDF instructions โ has been fundamental in identifying AI products based on real user needs. The HAI guideline focuses on creating intuitive, understandable, and trustworthy AI experiences, a central principle of this work.
This multilingual toolkit empowers global teams, particularly product management and leadership, to clearly identify and address AI's value, ensuring its development leads to more effective and human-centered AI applications.
Developing a Human-AI Interaction (HAI) guideline and a unified bilingual toolkit โ including webpage and PPT templates, workshop materials, and PDF instructions โ has been fundamental in identifying AI products based on real user needs. The HAI guideline focuses on creating intuitive, understandable, and trustworthy AI experiences, a central principle of this work.
This multilingual toolkit empowers global teams, particularly product management and leadership, to clearly identify and address AI's value, ensuring its development leads to more effective and human-centered AI applications.
Motion Design
Visual Design
UX
Micro-Animations
Storytelling
Product Development
Micro-animations to high complex narratives
Micro-animations to high complex narratives
Bridging the gap between UX goals and stakeholder buy-in
A vision video brings abstract ideas to lifeโhelping teams and stakeholders align around a shared goal. Itโs a storytelling tool that simplifies complex concepts, highlights user impact, and builds excitement for whatโs next. More than a pitch, itโs a narrative that inspires action and clarity.
Shaping behaviors, decisions & outcomes
Shaping behaviors, decisions & outcomes
Motion design helps build clear interaction patterns by reinforcing feedback, guiding attention, and informing users of changes. Micro animationsโlike slide boxes, notifications, or reactive transitionsโestablish visual consistency across the product, making the experience feel more intuitive, responsive, and trustworthy.
่ฎพ็ฝฎๆฏ็ง้ฃๆ ผ็ๆฐๅดๅๆถ้ด
่ฎพ็ฝฎๆฏ็ง้ฃๆ ผ็ๆฐๅดๅๆถ้ด
Set the mood and timing of each style
Mood and timing standards
้็ฅ
้็ฅ
Inform
Inform
้็ฅ็จๆทๅๆด
้็ฅ็จๆทๅๆด
Inform users of changes
Inform users of changes
ๅผๅฏผๆณจๆ
ๅผๅฏผๆณจๆ
Guide Attention
Guide Attention
่ง่งๅฑๆฌก่ฝฌๆข
่ง่งๅฑๆฌก่ฝฌๆข
Visual hierarchy transitions
Visual hierarchy transitions
ๆไพๅ้ฆ
ๆไพๅ้ฆ
Provide Feedback
Provide Feedback
ๅๅบ่กๅจ
ๅๅบ่กๅจ
Reactive actions
Reactive actions
Tab Switching
Bottom Box
Slide Box
Notification
Tab Switching
Bottom Box
Slide Box
Notification
Tab Switching
Bottom Box
Slide Box
Notification
Tab Switching
Bottom Box
Slide Box
Notification
Tab Switching
Bottom Box
Slide Box
Notification
Tab Switching
Bottom Box
Slide Box
Notification
Tab Switching
Bottom Box
Slide Box
Notification
Tab Switching
Bottom Box
Slide Box
Notification
The examples below are static frames from motion concepts designed to support interaction patterns. While not animated here, each was crafted to be part of a fluid, responsive experienceโhighlighting changes, reinforcing hierarchy, and delivering real-time feedback.
ๅไธ
Business
็ฎๆ
Goals
็จๆท
User
้ๆฑ
Needs
Key Results & Deliverables
Cross-Cultural Alignment
Bridging Chinese and Canadian UX teams through an unified CHโฏ&โฏEN visuals design language.
Unified Visual Ecosystem
Modular system and guidelines ensuring consistency across teams, ideas and projects.
AI Value Made Visible
Automated pipelines for mixedโreality visual experiments and personalized assets.
Design For Emotion
Templates, Video narrative and microโanimations that guide user attention and provide right feedback.
Key Results & Deliverables
Cross-Cultural Alignment
Bridging Chinese and Canadian UX teams through an unified CHโฏ&โฏEN visuals design language.
Unified Visual Ecosystem
Modular system and guidelines ensuring consistency across teams, ideas and projects.
AI Value Made Visible
Automated pipelines for mixedโreality visual experiments and personalized assets.
Design For Emotion
Templates, Video narrative and microโanimations that guide user attention and provide right feedback.
UX Visual Design beliefs
UX Visual Design beliefs
Human-Centered Design interaction
Human-Centered Design interaction
Traditional UX
Traditional UX
Design was what you could see and click.
Design was what you could see and click.
The spotlight was on screens
pixels, layouts, and pretty interfaces.
The spotlight was on screens, pixels, layouts, and pretty interfaces.
The interface
was the user journey.
The interface was the user journey.
Tools like Figma and Webflow
were the designerโs playground.
Tools like Figma and Webflow were the designerโs playground.
Designers choreographed every click,
every scroll - full control.
Designers choreographed every click, every scroll - full control.
Great design meant polished visuals,
intuitive flows, and pattern consistency.
Great design meant polished visuals, intuitive flows, and pattern consistency.
UX After AI
UX After AI
Design is what the product does and how it thinks.
Design is what the product does and how it thinks.
The screen is just one piece
Now it's about behaviors, decisions, and outcomes.
The screen is just one piece
Now it's about behaviors, decisions, and outcomes.
Designers shape how AI understands,
responds, and supports human needs.
Designers shape how AI understands, responds, and supports human needs.
Data scientists and engineers
are design allies more than ever.
Data scientists and engineers are design allies more than ever.
Success means crafting experiences that
feel helpful, reliable, and real.
Success means crafting experiences that feel helpful, reliable, and real.
It's not just about looking good,
itโs about being right and relevant.
It's not just about looking good, itโs about being right and relevant.
Keeping things fun :)
Keeping things fun :)
Working with Will has been such a joy! His creativity brings projects to life in ways that always surprise and delight me, and his attention to detail ensures the work is consistently beautiful and impactful. Every time we partner on a campaign, I know the process will run smoothly and the end result will be something weโre proud of.
Zelia Silvรฉrio
Creative Grow Leadership
"I would definitely recommend Will for the amazing creative design he can achieve and dynamics for a team! The creativity he brought by re-orchestrating a story for the project, in the pixels of UI, in the key frames of animation, in the micro emotion of AI generated illustrations, all come together to impress our stakeholders when pitching."
Songyan (James) Hou ไพฏๆพๅฒฉ
Lead UX Designer
"Will is an exceptional visual and motion designer who continuously pushes he boundaries of his craft. He actively explores and integrates emerging tools, especially AI tools these days, into his daily workflow, consistently elevating the quality and impact of his work through experimentation and visible results."
Kay Kim
UX Design Director
"Will is a respectful, supportive colleague whoโs always willing to share his knowledge and help others grow. His expertise in visual and motion design consistently goes beyond core tasks. He always makes sure to create multiple options and document their meanings in a thoughtful and methodical way."
Shareen Mahmud
Lead Product Designer
Will is one of the most talented, self-driven, and kind-hearted visual designers Iโve collaborated with. His creative, cohesive design brought clarity and consistency to our deliverables, while amplifying all the key highlights and values. He makes everything simple and easy to tackle.
Anqi Wang
Lead UX Researcher
Will has a sharp eye for detail, he is a fast worker making efficiency a priority, and quickly learns new skills as projects demand it. I've been very impressed by his professional quality of work and the variety of art he creates and animates.
Maurivan
Design Director
Will is incredible. He is a unique type of designer, combining creativity with quality work and a different look for different project solutions. A person open to conversations and discussions, and I hope to be able to work with him again.
William Lopes
Lead Product Designer
Will is such a good professional and coworker. I had the pleasure to work with him at Pipefy and saw how his creative mind led us to a new level. Whether in Motion Graphics or illustration, Will is multidisciplinary in several areas of design.
Guilherme Angelucci
Design Specialist
Will is leaded by his curiosity, determination and passion to become a better and better designer. He is an excellent team worker, good listener and proactive to propose great solutions. His presence and competency made the work more pleasant and richer.
Guilherme Chee
UX Designer
Will helped to navigate multiple iterations of our corporate website, helped develop company brand guidelines, created countless product videos, and contributed greatly to the design and development of various assets such as case studies, ads, social creative, content and more.
Rochelle Clark
Marketing Director
Working with Will has been such a joy! His creativity brings projects to life in ways that always surprise and delight me, and his attention to detail ensures the work is consistently beautiful and impactful. Every time we partner on a campaign, I know the process will run smoothly and the end result will be something weโre proud of.
Zelia Silvรฉrio
Creative Grow Leadership
"I would definitely recommend Will for the amazing creative design he can achieve and dynamics for a team! The creativity he brought by re-orchestrating a story for the project, in the pixels of UI, in the key frames of animation, in the micro emotion of AI generated illustrations, all come together to impress our stakeholders when pitching."
Songyan (James) Hou ไพฏๆพๅฒฉ
Lead UX Designer
"Will is an exceptional visual and motion designer who continuously pushes he boundaries of his craft. He actively explores and integrates emerging tools, especially AI tools these days, into his daily workflow, consistently elevating the quality and impact of his work through experimentation and visible results."
Kay Kim
UX Design Director
"Will is a respectful, supportive colleague whoโs always willing to share his knowledge and help others grow. His expertise in visual and motion design consistently goes beyond core tasks. He always makes sure to create multiple options and document their meanings in a thoughtful and methodical way."
Shareen Mahmud
Lead Product Designer
Will is one of the most talented, self-driven, and kind-hearted visual designers Iโve collaborated with. His creative, cohesive design brought clarity and consistency to our deliverables, while amplifying all the key highlights and values. He makes everything simple and easy to tackle.
Anqi Wang
Lead UX Researcher
Will has a sharp eye for detail, he is a fast worker making efficiency a priority, and quickly learns new skills as projects demand it. I've been very impressed by his professional quality of work and the variety of art he creates and animates.
Maurivan
Design Director
Will is incredible. He is a unique type of designer, combining creativity with quality work and a different look for different project solutions. A person open to conversations and discussions, and I hope to be able to work with him again.
William Lopes
Lead Product Designer
Will is such a good professional and coworker. I had the pleasure to work with him at Pipefy and saw how his creative mind led us to a new level. Whether in Motion Graphics or illustration, Will is multidisciplinary in several areas of design.
Guilherme Angelucci
Design Specialist
Will is leaded by his curiosity, determination and passion to become a better and better designer. He is an excellent team worker, good listener and proactive to propose great solutions. His presence and competency made the work more pleasant and richer.
Guilherme Chee
UX Designer
Will helped to navigate multiple iterations of our corporate website, helped develop company brand guidelines, created countless product videos, and contributed greatly to the design and development of various assets such as case studies, ads, social creative, content and more.
Rochelle Clark
Marketing Director
Working with Will has been such a joy! His creativity brings projects to life in ways that always surprise and delight me, and his attention to detail ensures the work is consistently beautiful and impactful. Every time we partner on a campaign, I know the process will run smoothly and the end result will be something weโre proud of.
Zelia Silvรฉrio
Creative Grow Leadership
"I would definitely recommend Will for the amazing creative design he can achieve and dynamics for a team! The creativity he brought by re-orchestrating a story for the project, in the pixels of UI, in the key frames of animation, in the micro emotion of AI generated illustrations, all come together to impress our stakeholders when pitching."
Songyan (James) Hou ไพฏๆพๅฒฉ
Lead UX Designer
"Will is an exceptional visual and motion designer who continuously pushes he boundaries of his craft. He actively explores and integrates emerging tools, especially AI tools these days, into his daily workflow, consistently elevating the quality and impact of his work through experimentation and visible results."
Kay Kim
UX Design Director
"Will is a respectful, supportive colleague whoโs always willing to share his knowledge and help others grow. His expertise in visual and motion design consistently goes beyond core tasks. He always makes sure to create multiple options and document their meanings in a thoughtful and methodical way."
Shareen Mahmud
Lead Product Designer
Will is one of the most talented, self-driven, and kind-hearted visual designers Iโve collaborated with. His creative, cohesive design brought clarity and consistency to our deliverables, while amplifying all the key highlights and values. He makes everything simple and easy to tackle.
Anqi Wang
Lead UX Researcher
Will has a sharp eye for detail, he is a fast worker making efficiency a priority, and quickly learns new skills as projects demand it. I've been very impressed by his professional quality of work and the variety of art he creates and animates.
Maurivan
Design Director
Will is incredible. He is a unique type of designer, combining creativity with quality work and a different look for different project solutions. A person open to conversations and discussions, and I hope to be able to work with him again.
William Lopes
Lead Product Designer
Will is such a good professional and coworker. I had the pleasure to work with him at Pipefy and saw how his creative mind led us to a new level. Whether in Motion Graphics or illustration, Will is multidisciplinary in several areas of design.
Guilherme Angelucci
Design Specialist
Will is leaded by his curiosity, determination and passion to become a better and better designer. He is an excellent team worker, good listener and proactive to propose great solutions. His presence and competency made the work more pleasant and richer.
Guilherme Chee
UX Designer
Will helped to navigate multiple iterations of our corporate website, helped develop company brand guidelines, created countless product videos, and contributed greatly to the design and development of various assets such as case studies, ads, social creative, content and more.
Rochelle Clark
Marketing Director
Working with Will has been such a joy! His creativity brings projects to life in ways that always surprise and delight me, and his attention to detail ensures the work is consistently beautiful and impactful. Every time we partner on a campaign, I know the process will run smoothly and the end result will be something weโre proud of.
Zelia Silvรฉrio
Creative Grow Leadership
"I would definitely recommend Will for the amazing creative design he can achieve and dynamics for a team! The creativity he brought by re-orchestrating a story for the project, in the pixels of UI, in the key frames of animation, in the micro emotion of AI generated illustrations, all come together to impress our stakeholders when pitching."
Songyan (James) Hou ไพฏๆพๅฒฉ
Lead UX Designer
"Will is an exceptional visual and motion designer who continuously pushes he boundaries of his craft. He actively explores and integrates emerging tools, especially AI tools these days, into his daily workflow, consistently elevating the quality and impact of his work through experimentation and visible results."
Kay Kim
UX Design Director
"Will is a respectful, supportive colleague whoโs always willing to share his knowledge and help others grow. His expertise in visual and motion design consistently goes beyond core tasks. He always makes sure to create multiple options and document their meanings in a thoughtful and methodical way."
Shareen Mahmud
Lead Product Designer
Will is one of the most talented, self-driven, and kind-hearted visual designers Iโve collaborated with. His creative, cohesive design brought clarity and consistency to our deliverables, while amplifying all the key highlights and values. He makes everything simple and easy to tackle.
Anqi Wang
Lead UX Researcher
Will has a sharp eye for detail, he is a fast worker making efficiency a priority, and quickly learns new skills as projects demand it. I've been very impressed by his professional quality of work and the variety of art he creates and animates.
Maurivan
Design Director
Will is incredible. He is a unique type of designer, combining creativity with quality work and a different look for different project solutions. A person open to conversations and discussions, and I hope to be able to work with him again.
William Lopes
Lead Product Designer
Will is such a good professional and coworker. I had the pleasure to work with him at Pipefy and saw how his creative mind led us to a new level. Whether in Motion Graphics or illustration, Will is multidisciplinary in several areas of design.
Guilherme Angelucci
Design Specialist
Will is leaded by his curiosity, determination and passion to become a better and better designer. He is an excellent team worker, good listener and proactive to propose great solutions. His presence and competency made the work more pleasant and richer.
Guilherme Chee
UX Designer
Will helped to navigate multiple iterations of our corporate website, helped develop company brand guidelines, created countless product videos, and contributed greatly to the design and development of various assets such as case studies, ads, social creative, content and more.
Rochelle Clark
Marketing Director
Working with Will has been such a joy! His creativity brings projects to life in ways that always surprise and delight me, and his attention to detail ensures the work is consistently beautiful and impactful. Every time we partner on a campaign, I know the process will run smoothly and the end result will be something weโre proud of.
Zelia Silvรฉrio
Creative Grow Leadership
"I would definitely recommend Will for the amazing creative design he can achieve and dynamics for a team! The creativity he brought by re-orchestrating a story for the project, in the pixels of UI, in the key frames of animation, in the micro emotion of AI generated illustrations, all come together to impress our stakeholders when pitching."
Songyan (James) Hou ไพฏๆพๅฒฉ
Lead UX Designer
"Will is an exceptional visual and motion designer who continuously pushes he boundaries of his craft. He actively explores and integrates emerging tools, especially AI tools these days, into his daily workflow, consistently elevating the quality and impact of his work through experimentation and visible results."
Kay Kim
UX Design Director
"Will is a respectful, supportive colleague whoโs always willing to share his knowledge and help others grow. His expertise in visual and motion design consistently goes beyond core tasks. He always makes sure to create multiple options and document their meanings in a thoughtful and methodical way."
Shareen Mahmud
Lead Product Designer
Will is one of the most talented, self-driven, and kind-hearted visual designers Iโve collaborated with. His creative, cohesive design brought clarity and consistency to our deliverables, while amplifying all the key highlights and values. He makes everything simple and easy to tackle.
Anqi Wang
Lead UX Researcher
Will has a sharp eye for detail, he is a fast worker making efficiency a priority, and quickly learns new skills as projects demand it. I've been very impressed by his professional quality of work and the variety of art he creates and animates.
Maurivan
Design Director
Will is incredible. He is a unique type of designer, combining creativity with quality work and a different look for different project solutions. A person open to conversations and discussions, and I hope to be able to work with him again.
William Lopes
Lead Product Designer
Will is such a good professional and coworker. I had the pleasure to work with him at Pipefy and saw how his creative mind led us to a new level. Whether in Motion Graphics or illustration, Will is multidisciplinary in several areas of design.
Guilherme Angelucci
Design Specialist
Will is leaded by his curiosity, determination and passion to become a better and better designer. He is an excellent team worker, good listener and proactive to propose great solutions. His presence and competency made the work more pleasant and richer.
Guilherme Chee
UX Designer
Will helped to navigate multiple iterations of our corporate website, helped develop company brand guidelines, created countless product videos, and contributed greatly to the design and development of various assets such as case studies, ads, social creative, content and more.
Rochelle Clark
Marketing Director
Working with Will has been such a joy! His creativity brings projects to life in ways that always surprise and delight me, and his attention to detail ensures the work is consistently beautiful and impactful. Every time we partner on a campaign, I know the process will run smoothly and the end result will be something weโre proud of.
Zelia Silvรฉrio
Creative Grow Leadership
"I would definitely recommend Will for the amazing creative design he can achieve and dynamics for a team! The creativity he brought by re-orchestrating a story for the project, in the pixels of UI, in the key frames of animation, in the micro emotion of AI generated illustrations, all come together to impress our stakeholders when pitching."
Songyan (James) Hou ไพฏๆพๅฒฉ
Lead UX Designer
"Will is an exceptional visual and motion designer who continuously pushes he boundaries of his craft. He actively explores and integrates emerging tools, especially AI tools these days, into his daily workflow, consistently elevating the quality and impact of his work through experimentation and visible results."
Kay Kim
UX Design Director
"Will is a respectful, supportive colleague whoโs always willing to share his knowledge and help others grow. His expertise in visual and motion design consistently goes beyond core tasks. He always makes sure to create multiple options and document their meanings in a thoughtful and methodical way."
Shareen Mahmud
Lead Product Designer
Will is one of the most talented, self-driven, and kind-hearted visual designers Iโve collaborated with. His creative, cohesive design brought clarity and consistency to our deliverables, while amplifying all the key highlights and values. He makes everything simple and easy to tackle.
Anqi Wang
Lead UX Researcher
Will has a sharp eye for detail, he is a fast worker making efficiency a priority, and quickly learns new skills as projects demand it. I've been very impressed by his professional quality of work and the variety of art he creates and animates.
Maurivan
Design Director
Will is incredible. He is a unique type of designer, combining creativity with quality work and a different look for different project solutions. A person open to conversations and discussions, and I hope to be able to work with him again.
William Lopes
Lead Product Designer
Will is such a good professional and coworker. I had the pleasure to work with him at Pipefy and saw how his creative mind led us to a new level. Whether in Motion Graphics or illustration, Will is multidisciplinary in several areas of design.
Guilherme Angelucci
Design Specialist
Will is leaded by his curiosity, determination and passion to become a better and better designer. He is an excellent team worker, good listener and proactive to propose great solutions. His presence and competency made the work more pleasant and richer.
Guilherme Chee
UX Designer
Will helped to navigate multiple iterations of our corporate website, helped develop company brand guidelines, created countless product videos, and contributed greatly to the design and development of various assets such as case studies, ads, social creative, content and more.
Rochelle Clark
Marketing Director
Working with Will has been such a joy! His creativity brings projects to life in ways that always surprise and delight me, and his attention to detail ensures the work is consistently beautiful and impactful. Every time we partner on a campaign, I know the process will run smoothly and the end result will be something weโre proud of.
Zelia Silvรฉrio
Creative Grow Leadership
"I would definitely recommend Will for the amazing creative design he can achieve and dynamics for a team! The creativity he brought by re-orchestrating a story for the project, in the pixels of UI, in the key frames of animation, in the micro emotion of AI generated illustrations, all come together to impress our stakeholders when pitching."
Songyan (James) Hou ไพฏๆพๅฒฉ
Lead UX Designer
"Will is an exceptional visual and motion designer who continuously pushes he boundaries of his craft. He actively explores and integrates emerging tools, especially AI tools these days, into his daily workflow, consistently elevating the quality and impact of his work through experimentation and visible results."
Kay Kim
UX Design Director
"Will is a respectful, supportive colleague whoโs always willing to share his knowledge and help others grow. His expertise in visual and motion design consistently goes beyond core tasks. He always makes sure to create multiple options and document their meanings in a thoughtful and methodical way."
Shareen Mahmud
Lead Product Designer
Will is one of the most talented, self-driven, and kind-hearted visual designers Iโve collaborated with. His creative, cohesive design brought clarity and consistency to our deliverables, while amplifying all the key highlights and values. He makes everything simple and easy to tackle.
Anqi Wang
Lead UX Researcher
Will has a sharp eye for detail, he is a fast worker making efficiency a priority, and quickly learns new skills as projects demand it. I've been very impressed by his professional quality of work and the variety of art he creates and animates.
Maurivan
Design Director
Will is incredible. He is a unique type of designer, combining creativity with quality work and a different look for different project solutions. A person open to conversations and discussions, and I hope to be able to work with him again.
William Lopes
Lead Product Designer
Will is such a good professional and coworker. I had the pleasure to work with him at Pipefy and saw how his creative mind led us to a new level. Whether in Motion Graphics or illustration, Will is multidisciplinary in several areas of design.
Guilherme Angelucci
Design Specialist
Will is leaded by his curiosity, determination and passion to become a better and better designer. He is an excellent team worker, good listener and proactive to propose great solutions. His presence and competency made the work more pleasant and richer.
Guilherme Chee
UX Designer
Will helped to navigate multiple iterations of our corporate website, helped develop company brand guidelines, created countless product videos, and contributed greatly to the design and development of various assets such as case studies, ads, social creative, content and more.
Rochelle Clark
Marketing Director
Working with Will has been such a joy! His creativity brings projects to life in ways that always surprise and delight me, and his attention to detail ensures the work is consistently beautiful and impactful. Every time we partner on a campaign, I know the process will run smoothly and the end result will be something weโre proud of.
Zelia Silvรฉrio
Creative Grow Leadership
"I would definitely recommend Will for the amazing creative design he can achieve and dynamics for a team! The creativity he brought by re-orchestrating a story for the project, in the pixels of UI, in the key frames of animation, in the micro emotion of AI generated illustrations, all come together to impress our stakeholders when pitching."
Songyan (James) Hou ไพฏๆพๅฒฉ
Lead UX Designer
"Will is an exceptional visual and motion designer who continuously pushes he boundaries of his craft. He actively explores and integrates emerging tools, especially AI tools these days, into his daily workflow, consistently elevating the quality and impact of his work through experimentation and visible results."
Kay Kim
UX Design Director
"Will is a respectful, supportive colleague whoโs always willing to share his knowledge and help others grow. His expertise in visual and motion design consistently goes beyond core tasks. He always makes sure to create multiple options and document their meanings in a thoughtful and methodical way."
Shareen Mahmud
Lead Product Designer
Will is one of the most talented, self-driven, and kind-hearted visual designers Iโve collaborated with. His creative, cohesive design brought clarity and consistency to our deliverables, while amplifying all the key highlights and values. He makes everything simple and easy to tackle.
Anqi Wang
Lead UX Researcher
Will has a sharp eye for detail, he is a fast worker making efficiency a priority, and quickly learns new skills as projects demand it. I've been very impressed by his professional quality of work and the variety of art he creates and animates.
Maurivan
Design Director
Will is incredible. He is a unique type of designer, combining creativity with quality work and a different look for different project solutions. A person open to conversations and discussions, and I hope to be able to work with him again.
William Lopes
Lead Product Designer
Will is such a good professional and coworker. I had the pleasure to work with him at Pipefy and saw how his creative mind led us to a new level. Whether in Motion Graphics or illustration, Will is multidisciplinary in several areas of design.
Guilherme Angelucci
Design Specialist
Will is leaded by his curiosity, determination and passion to become a better and better designer. He is an excellent team worker, good listener and proactive to propose great solutions. His presence and competency made the work more pleasant and richer.
Guilherme Chee
UX Designer
Will helped to navigate multiple iterations of our corporate website, helped develop company brand guidelines, created countless product videos, and contributed greatly to the design and development of various assets such as case studies, ads, social creative, content and more.
Rochelle Clark
Marketing Director
More on LinkedIn
Will do
Visual Design
&
&
Human-Centered
Design interaction
โ โ โ โ โ
โ โ โ โ โ
UX/ UI Animation
&
&
Interactive Design
โ โ โ โ โ
โ โ โ โ โ
Motion Design
&
&
3d Visualization
โ โ โ โ โ
โ โ โ โ โ
Pattern Recognition
&
&
Visual Storytelling
โ โ โ โ โ
โ โ โ โ โ
Micro-Narratives
&
&
Symbolic Visuals
โ โ โ โ โ
โ โ โ โ โ
Video Editing
&
&
Rhythm
โ โ โ โ โ
โ โ โ โ โ
Scalable Assets
&
&
Visual Supply
โ โ โ โ โ
โ โ โ โ โ
Creative Direction
&
&
Team Leadership
โ โ โ โ โ
โ โ โ โ โ
Trend Fluency
&
&
AI-Driven Tools
โ โ โ โ โ
โ โ โ โ โ
Connecting brands, products & ideas
Connecting brands, products & ideas
Soon
Visual Design & Animations for Global Brands
Soon
Visual Design & Animations for Global Brands
Soon
Bridging Product and Marketing
Soon
Bridging Product and Marketing
Soon
CreativeDesign for a Wiser Synergy
Soon