UX & DESIGN SYSTEMS
Making complex products easier to understand, trust and ship.
I work with UX and product teams at the intersection of visual design, motion, systems and communication, turning complex ideas into consistent experiences and implementation ready decisions.
BRIDGING PRODUCT, CRAFT & IMPLEMENTATION
From design systems and prototypes to interaction motion, research visualization and stakeholder communication.
Design
Systems
Building shared foundations that keep products consistent across teams, languages and handoffs.
Interaction
Motion
Defining motion patterns that make states, feedback and AI interactions clear and consistent.
Research Communication
Turning research and product thinking into visuals that support better team decisions.
Implementation Support
Translating design intent into clear specifications and reusable assets teams can confidently ship.
UX CLOUD CONSOLE TEAM
CASE
STUDY
Big Tech
2024–2025
Visual Designer Lead (NDA)
Designing clarity into a
complex cloud experience.
Intro
A global cloud console UX team was designing across two languages, markets and locations.
Product designers, researchers, PMs and engineers needed a shared visual foundation for building product experiences, defining AI interactions and communicating decisions to leadership.
My role was to help create that connective layer.
challenge
One product. Two teams. One shared language. Working across Toronto and China introduced more than a language difference.
Components needed to behave consistently. Motion needed a shared logic. Research needed to communicate clearly across cultures. Product decisions needed to survive the handoff between design, engineering and leadership.
Without that common foundation, small inconsistencies could quickly become separate ways of building the same product.
The goal was to make clarity part of the system.
MY ROLE
Bridging product thinking and visual execution, I embedded with the Cloud Console UX team as Visual Designer and Motion Graphics Lead.
My work connected four areas:
Design systems: Creating a shared visual foundation across teams and languages.
Interaction motion: Defining how states, feedback and AI moments behave over time.
Human AI interaction: Helping establish principles and tools for connecting user needs with AI capabilities.
Product communication: Turning research and product thinking into stories leadership could understand and act on.
I moved between visual craft, prototyping, documentation and communication depending on what the team needed.
structure
The foundation was a 200+ component design system covering the full cloud console UX surface, including illustration assets and interactive prototypes. Components were built to flex across both language contexts without requiring parallel maintenance. The system gave both teams a single source of truth they could actually use without a translator in the room.
Interaction
Making behavior as consistent as appearance, a design system also needs to explain what happens between states.
For AI assistant experiences, I created more than 10 microanimation patterns covering timing, easing, feedback and interaction behavior.
Each pattern included visual examples and implementation specifications so designers and developers could work from the same motion intent.
The result was a shared vocabulary for how AI interactions should look, feel and respond.
HAI
GUIDELINES
Alongside the motion work, I contributed to the Human AI Interaction guidelines and visual toolkit.
The framework helped PMs, designers and developers connect user problems with appropriate AI solutions while giving both teams a common language for discussing emerging interaction patterns.
The goal was not simply to add AI features. It was to make those features understandable, useful and connected to real user needs.
Research
Research and vision work only creates impact when other people can understand it.
I created research visualizations, presentation systems and a stakeholder vision video supporting the Cloud Console redesign, AI integration and HAI initiatives.
These artifacts helped turn complex research and product thinking into stories that could move through the organization and support decision making.
IMPACT
Clarity across design, development and communication.
The result was a system that helped the team build, communicate
& ship without visual language becoming another source of friction.
200+ components
Shared across a bilingual
design system
10+ motion patterns
Documented for design
and implementation
2 language teams
Working from one shared
visual foundation
1 HAI framework
Connecting user needs
with AI solutions
Examples shown on this page have been recreated from original concepts and sketches to demonstrate
my process and contribution without revealing proprietary interfaces, data or brand assets.
Saas Expansion
2020 - 2021
Marketing Creative Director at Pipefy
2023
Multimedia Designer at Proto
Created multilingual explainer videos and built a motion design system connecting Figma & After Effects that enabled consistent marketing campaigns across strategic customer verticals.
Gershoni Creative
2021 - Present
Motion Graphics / Video Editor
Ongoing collaboration delivering video content for Spotify's partnerships with Netflix, Warner Bros., Disney, FIFA, Google, and other major brands. Work spans social media, web, OOH displays, and live events.
Digital Campaigns
2021 - Present
Motion graphics and video editing for mobile games, app promotions, and digital campaigns. Work includes playable ads, product videos, and social content for gaming and consumer tech clients worldwide.
About Me
Visual & Motion Designer with 20+ years bridging tech and user needs
See More
Visual Design
Motion Design
Design By
For Humans
Clarity reduces friction.
Consistency builds confidence.
Good UX helps people understand what is happening and what they can do next.
It creates familiar patterns, clear feedback and enough consistency for people to move through a product without having to relearn it at every step.
The best product systems do more than organize components. They help users and teams make better decisions.
🧭
Clear interactions
Making actions, states and outcomes easy to understand.
🧩
Consistent patterns
Creating behaviors that remain familiar across screens, features and flows.
🌐
Flexible systems
Building foundations that adapt across teams, languages and changing product needs.
🛠️
Practical handoffs
Turning design intent into specifications and assets teams can actually implement.
🛡️
Design For Trust
Products feel trustworthy when interactions are clear, systems stay consistent and implementation preserves the original intent.
