AI-Driven

Design System

UX/UI Animation

Product Development

Motion Design

Visual Storytelling

Design for Trust:
A Cross‑Border Visual Language

Blending identity, storytelling, and innovation in a multicultural cloud environment.

AI-Driven

Design System

UX/UI Animation

Product Development

Motion Design

Visual Storytelling

Design for Trust: A Cross‑Border Visual Language

Blending identity, storytelling, and innovation in a multicultural cloud environment.

Challenges

A complex Chinese design ecosystem with tight compliance boundaries.

Can’t mention the name of the company publicly.

Internal tools & Chinese targeted audience research.

Lack of a cohesive design language leading to misalignment and communication gaps.

Research, Design and Prototyping presentations were visually inconsistent and emotionally disconnected.

Key Solutions

Developed an English visual design system, blending Chinese brand standards & concepts for the UX Canada team.

Designing for Emotion by creating digital templates and patterns that connect data to human feelings.

Utilized AI technologies to conduct in-depth research on UX interactions, analyze data visualization techniques, optimize design workflows, and develop animated visual narratives.

Challenges

A complex Chinese design ecosystem with tight compliance boundaries.

Can’t mention the name of the company publicly.

Internal tools & Chinese targeted audience research.

Lack of a cohesive design language leading to misalignment and communication gaps.

Research, Design and Prototyping presentations were visually inconsistent and emotionally disconnected.

Key Solutions

Developed an English visual design system, blending Chinese brand standards & concepts for the UX Canada team.

Designing for Emotion by creating digital templates and patterns that connect data to human feelings.

Utilized AI technologies to conduct in-depth research on UX interactions, analyze data visualization techniques, optimize design workflows, and develop animated visual narratives.

This entire project is under a NDA and could not be shared entirely. Elements showcased bellow were recreated from sketch and 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 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 Team

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.

Say

Does

思考

Think

感觉

Feel

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

Research

Product

Scope

Flow

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.

Data

Research

Product

Scope

Flow

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.

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

Shaping behaviors, decisions & outcomes

Shaping behaviors, decisions & outcomes

设置每种风格的氛围和时间

Set the mood and timing of each style

通知

Inform

通知用户变更

Inform users of changes

引导注意

Guide Attention

视觉层次转换

Visual hierarchy transitions

提供反馈

Provide Feedback

反应行动

Reactive actions

商业

Business

目标

Goals

用户

User

需求

Needs

Feedback, guidance & user experience

Feedback, guidance & user experience

Key Results & Deliverables

中文

EN

Bilingual & Human-centric


Bridging Chinese and Canadian UX teams through an unified CH & EN visuals design language.

AI‑Powered Workspace


Automated pipelines for mixed‑reality visual experiments and personalized assets.

Emotional‑First UX


Templates, Video narrative and micro‑animations that guide user attention and provide right feedback.

Design to be Scalable


Modular system and guidelines ensuring consistency across teams, ideas and projects.

Key Results & Deliverables

中文

EN

Bilingual & Human-centric


Bridging Chinese and Canadian UX teams through an unified CH & EN visuals design language.

AI‑Powered Workspace


Automated pipelines for mixed‑reality visual experiments and personalized assets.

Emotional‑First UX


Templates, Video narrative and micro‑animations that guide user attention and provide right feedback.

Design to be Scalable


Modular system and guidelines ensuring consistency across teams, ideas and projects.

UX Visual Design beliefs

Human-Centered Design interaction

Traditional UX

Design was what you could see and click.

The spotlight was on screens

pixels, layouts, and pretty interfaces.

The interface

was the user journey.

Tools like Figma and Webflow

were the designer’s playground.

Designers choreographed every click,

every scroll - full control.

Great design meant polished visuals,

intuitive flows, and pattern consistency.

UX After AI

Design is what the product does and how it thinks.

The screen is just one piece

Now it's about behaviors, decisions, and outcomes.

Designers shape how AI understands,

responds, and supports human needs.

Data scientists and engineers

are design allies more than ever.

Success means crafting experiences that

feel helpful, reliable, and real.

It's not just about looking good,

it’s about being right and relevant.

Keeping this thing fun :)

Songyan (James) Hou 侯松岩

Lead UX Designer

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.

Kay Kim

UX Design Director

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. 

Shareen Mahmud

Lead Product Designer

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.

Anqi Wang

Lead UX Researcher

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.

Mérie Oliveira

Marketing Copywriter

Will is an amazing human being and professional. He is a dreamer and always looks for improvements using benchmarks, and this helped us to make better decisions. He is passionate about what he does, making him raise the bar in each new job or task that he does.

Rochelle Clark

Marketing Director

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.

Maurivan

Design Director

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.

William Lopes

Lead Product Designer

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.

Guilherme Chee

UX Designer

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.

More on LinkedIn

Will do muuuuuuch more

I’m In!

Design System & Product Development

UX/UI Animation & Interactive Design

Visual Storytelling & Art Direction

Motion Design & 3D visualization

Branding & Visual Identity Development

Events & conferences communication

Creative Direction & Team Leadership

Game promo & template supply

Scalable & AI-Driven Tools

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

CreativeDesign for a Wiser Synergy