Vitra.ai
Ai products
product design
Vitra.ai — Designing UX for AI Before It Had a Playbook
A UX design internship at Vitra.ai. building interfaces for grammar analytics, process automation, and video tooling — so it stays consistent with your voice later in the page
Vitra.ai
Ai products
product design
Vitra.ai — Designing UX for AI Before It Had a Playbook
A UX design internship at Vitra.ai. building interfaces for grammar analytics, process automation, and video tooling — so it stays consistent with your voice later in the page
Vitra.ai
Vitra.ai
Vitra.ai
Vitra.ai
Ai products
Ai products
Ai products
Ai products
product design
product design
product design
product design
Vitra.ai — Designing UX for AI Before It Had a Playbook
Vitra.ai — Designing UX for AI Before It Had a Playbook
Vitra.ai — Designing UX for AI Before It Had a Playbook
A UX design internship at Vitra.ai. building interfaces for grammar analytics, process automation, and video tooling — so it stays consistent with your voice later in the page
A UX design internship at Vitra.ai. building interfaces for grammar analytics, process automation, and video tooling — so it stays consistent with your voice later in the page
A UX design internship at Vitra.ai. building interfaces for grammar analytics, process automation, and video tooling — so it stays consistent with your voice later in the page
Role
UI Design Intern
UI Design Intern
Timeline
Dec 2021 - Feb 2022
Dec 2021 - Feb 2022
Team Size
2 Designer, 2 Project Managers
2 Designer, 2 Project Managers
Platform
Web
Web
Role
UI Design Intern
Team Size
2 Designer,
2 Project Managers
Timeline
Dec 2021 - Feb 2022
Platform
Web
The context
An internship that put me inside the AI product problem early
An internship that put me inside the AI product problem early
An internship that put me inside the AI product problem early
In 2026 every company wants an AI product. In 2021 very few knew how to design one. This internship put me inside that problem before the frameworks existed, before the patterns settled, and before AI UX was a job title.
In 2026 every company wants an AI product. In 2021 very few knew how to design one. This internship put me inside that problem before the frameworks existed, before the patterns settled, and before AI UX was a job title.
Working with two project managers, I translated product briefs and requirements into interaction flows, interface concepts and detailed Figma designs.
Working with two project managers, I translated product briefs and requirements into interaction flows, interface concepts and detailed Figma designs.
4+
AI Product areas covered
AI Product areas covered
The context
An internship that put me inside the AI product problem early
In 2026 every company wants an AI product. In 2021 very few knew how to design one. This internship put me inside that problem before the frameworks existed, before the patterns settled, and before AI UX was a job title.
Working with two project managers, I translated product briefs and requirements into interaction flows, interface concepts and detailed Figma designs.
4+
AI Product areas covered
Working with two project managers, I translated product briefs and requirements into interaction flows, interface concepts and detailed Figma designs.
Working with two project managers, I translated product briefs and requirements into interaction flows, interface concepts and detailed Figma designs.
The challenge
Designing useful interactions around emerging AI capabilities
Designing useful interactions around emerging AI capabilities
Across the internship, I worked on different AI-powered products and workflows.
Across the internship, I worked on different AI-powered products and workflows.
Across the internship, I worked on different AI-powered products and workflows.
While the technologies varied, the design problems repeatedly came back to four themes: making complex controls understandable, turning machine output into useful feedback, structuring connected workflows, and giving users meaningful control over generated media.
While the technologies varied, the design problems repeatedly came back to four themes: making complex controls understandable, turning machine output into useful feedback, structuring connected workflows, and giving users meaningful control over generated media.
While the technologies varied, the design problems repeatedly came back to four themes: making complex controls understandable, turning machine output into useful feedback, structuring connected workflows, and giving users meaningful control over generated media.
business contraints
What was I informed?
What was I informed?
team input
PMs defined the brief and provided a fixed visual direction to follow.
PMs defined the brief and provided a fixed visual direction to follow.
Exploration usually happened after the first draft, making feedback reactive rather than upfront.
Exploration usually happened after the first draft, making feedback reactive rather than upfront.
interactive pattern research
My Findings
My Findings
I looked specifically how menu options interaction in the ribbons of platforms such as Google Sheets
I looked specifically how menu options interaction in the ribbons of platforms such as Google Sheets
I looked specifically how menu options interaction in the ribbons of platforms such as Google Sheets
I look into Canva and observed how editing options are arranged on the design panel.
I look into Canva and observed how editing options are arranged on the design panel.
I look into Canva and observed how editing options are arranged on the design panel.
Google Sheets
Google Sheets
Canva
Canva
Google Sheets
Google Sheets
Canva
Canva
The Audience
The Audience
Vitra shared a handle of multiple users
Vitra shared a handle of multiple users
Internal Users
Internal Users
•
Manage process and project workflows
Manage process and project workflows
Manage process and project workflows
•
Work across structured operations task
Work across structured operations task
Work across structured operations task
•
Need visibility into task relationships
Need visibility into task relationships
Need visibility into task relationships
Subscribed Members
Subscribed Members
•
Explore available AI capacitities
Explore available AI capacitities
Explore available AI capacitities
•
Complete specific AI-assisted tasks
Complete specific AI-assisted tasks
Complete specific AI-assisted tasks
•
Need clear controls & understandable output
Need clear controls & understandable output
Need clear controls & understandable output
Core Challenges
Core Challenges
Core Challenges
Grammar Analytics
Grammar Analytics
Turning AI output into useful feedback
Turning AI output into useful feedback
The Challenge
The Challenge
User Task
Review transcribed text and identify language issues.
Review transcribed text and identify language issues.
Friction
Text highlighting exposed individual issues but gave little overview of the overall error distribution.
Text highlighting exposed individual issues but gave little overview of the overall error distribution.
Goal
Provide a quick visual summary of grammar issues alongside the detailed text feedback.
Provide a quick visual summary of grammar issues alongside the detailed text feedback.
Design Response
My Initiative
My Initiative
Proposed a grammar analytics panel above the transcript — a category breakdown with a visual summary, so users get a confidence read on the whole document before diving into line edits.
Proposed a grammar analytics panel above the transcript — a category breakdown with a visual summary, so users get a confidence read on the whole document before diving into line edits.
Proposed a grammar analytics panel above the transcript — a category breakdown with a visual summary, so users get a confidence read on the whole document before diving into line edits.
The Challenge
User Task
Review transcribed text and identify language issues.
Friction
Text highlighting exposed individual issues but gave little overview of the overall error distribution.
Goal
Provide a quick visual summary of grammar issues alongside the detailed text feedback.
Design Response
My Initiative
Proposed a grammar analytics panel above the transcript — a category breakdown with a visual summary, so users get a confidence read on the whole document before diving into line edits.
Process Task map
Process Task map
Making complex workflows understandable
Making complex workflows understandable
The Challenge
The Challenge
User Task
Create and manage connected workflow tasks.
Create and manage connected workflow tasks.
Friction
Multiple processes could branch into different next steps, making the overall workflow difficult to follow as a sequence.
Multiple processes could branch into different next steps, making the overall workflow difficult to follow as a sequence.
Goal
Make task dependencies and alternate workflow paths easier to understand.
Make task dependencies and alternate workflow paths easier to understand.
Design Response
My Initiative
My Initiative
Designed a node-based process map — each task rendered as connected steps with color-coded status, tracing a job's full path without reading logs.
Designed a node-based process map — each task rendered as connected steps with color-coded status, tracing a job's full path without reading logs.
Designed a node-based process map — each task rendered as connected steps with color-coded status, tracing a job's full path without reading logs.
Yellow node pattern
One task branching into two dependent processes that run alongside each other, both traceable from a single origin point.
One task branching into two dependent processes that run alongside each other, both traceable from a single origin point.
One task branching into two dependent processes that run alongside each other, both traceable from a single origin point.
Green node pattern
Once a step is marked done, the map needed to visually carry that "completed" state forward into the next linked task, not just reset to neutral.
Once a step is marked done, the map needed to visually carry that "completed" state forward into the next linked task, not just reset to neutral.
Once a step is marked done, the map needed to visually carry that "completed" state forward into the next linked task, not just reset to neutral.
2-in-1 node pattern
The harder case, since the map had to represent one task depending on the output of two prior steps, not just a simple chain.
The harder case, since the map had to represent one task depending on the output of two prior steps, not just a simple chain.
The harder case, since the map had to represent one task depending on the output of two prior steps, not just a simple chain.
The Challenge
User Task
Create and manage connected workflow tasks.
Friction
Multiple processes could branch into different next steps, making the overall workflow difficult to follow as a sequence.
Goal
Make task dependencies and alternate workflow paths easier to understand.
Design Response
My Initiative
Designed a node-based process map — each task rendered as connected steps with color-coded status, tracing a job's full path without reading logs.
Yellow node pattern
One task branching into two dependent processes that run alongside each other, both traceable from a single origin point.
Green node pattern
Once a step is marked done, the map needed to visually carry that "completed" state forward into the next linked task, not just reset to neutral.
2-in-1 node pattern
The harder case, since the map had to represent one task depending on the output of two prior steps, not just a simple chain.
VOCO Player
VOCO Player
Giving users control over complex media
Giving users control over complex media
The Challenge
The Challenge
Task
Configure a fully custom video player before publishing.
Configure a fully custom video player before publishing.
Friction
Playback, branding and monetization controls were competing for the same setup surface, making a highly configurable experience difficult to structure.
Playback, branding and monetization controls were competing for the same setup surface, making a highly configurable experience difficult to structure.
Goal
Let users configure deep player customization without making the experience feel like one long form.
Let users configure deep player customization without making the experience feel like one long form.
Design Response
My Initiative
My Initiative
Split the flow into three dedicated tabs so each concern gets its own space instead of one long scroll.
Split the flow into three dedicated tabs so each concern gets its own space instead of one long scroll.
Split the flow into three dedicated tabs so each concern gets its own space instead of one long scroll.
Basic Details
Personalize
Monetize
The Challenge
Task
Configure a fully custom video player before publishing.
Friction
Playback, branding and monetization controls were competing for the same setup surface, making a highly configurable experience difficult to structure.
Goal
Let users configure deep player customization without making the experience feel like one long form.
Design Response
My Initiative
Split the flow into three dedicated tabs so each concern gets its own space instead of one long scroll.
Basic Details
Personalize
Monetize
Other Translators
Other Translators
Other Translators
Image
Video
Text to speech
Speech to Text
Outcome & Performance
Outcome & Performance
Outcome & Performance
Outcome & Performance
4+ product areas
4+ product areas
4+ product areas
AI, workflows and media experience
AI, workflows and media experience
AI, workflows and media experience
1 self-initiated concept
1 self-initiated concept
1 self-initiated concept
Grammar Analytics
Grammar Analytics
Grammar Analytics
Full-time offer
Full-time offer
Full-time offer
Invited to continue after the internship
Invited to continue after the internship
Invited to continue after the internship
a Look-back
Reflecting on the work
Reflecting on the work
•
I entered Vitra.ai with a focus on learning product design through real work. Working on AI and media tools taught me to investigate unfamiliar products, learn from established, well-iterated patterns, question requirements and contribute ideas beyond the initial brief.
I entered Vitra.ai with a focus on learning product design through real work. Working on AI and media tools taught me to investigate unfamiliar products, learn from established, well-iterated patterns, question requirements and contribute ideas beyond the initial brief.
•
VOCO player settings are very 2021-era SaaS. If I could go back i’d explore progressive disclosure, task-based grouping, Live preview and guided/chunked workflows.
VOCO player settings are very 2021-era SaaS. If I could go back i’d explore progressive disclosure, task-based grouping, Live preview and guided/chunked workflows.
Other Curated Work
Other Curated Work
Other Curated Work
homecare
Reworking a mature concierge platform without starting from scratch.
Read More
Axis Bank Concierge
Bringing a roster of Concierge Services to Axis Bank Cardholders
Read More
e-portal 2.0
150+ screens, 11 roles, one design language held consistent
Read More
Axis Bank Concierge
Bringing a roster of Concierge Services to Axis Bank Cardholders
•
43 service items consolidated into 8 customer-facing pillars
•
Core booking experience redesigned across web and mobile
•
8 concierge services brought to a consistent booking standard
Read More
E-portal 2.0
150+ screens, 11 roles, one design language held consistent
•
11 roles, different permissions, interconnected workflows.
•
150+ screens designed as one cohesive experience.
•
Build consistency across roles, modules, and workflows.
Read More
Homecare
Reworking a mature concierge platform without starting from scratch
•
Redesigned service discovery, booking and payment across the existing platform
•
Replaced modal-heavy interactions with clearer, progressive booking flows
•
Established reusable patterns for service categories, booking and review states
Read More
Axis Bank Concierge
Bringing a roster of Concierge Services to Axis Bank Cardholders
•
43 service items consolidated into 8 customer-facing pillars
•
Core booking experience redesigned across web and mobile
•
8 concierge services brought to a consistent booking standard
Read More
E-portal 2.0
150+ screens, 11 roles, one design language held consistent
•
11 roles, different permissions, interconnected workflows.
•
150+ screens designed as one cohesive experience.
•
Build consistency across roles, modules, and workflows.
Read More
Homecare
Reworking a mature concierge platform without starting from scratch
•
Redesigned service discovery, booking and payment across the existing platform
•
Replaced modal-heavy interactions with clearer, progressive booking flows
•
Established reusable patterns for service categories, booking and review states
Read More
Looking to connect?
Looking to connect?
Looking to connect?
Looking to connect?
© 2026 Aryan Aditya Singh
interactive pattern research
My Findings
I looked specifically how menu options interaction in the ribbons of platforms such as Google Sheets
I look into Canva and observed how editing options are arranged on the design panel.
Google Sheets
Canva
interactive pattern research
My Findings
I looked specifically how menu options interaction in the ribbons of platforms such as Google Sheets
I look into Canva and observed how editing options are arranged on the design panel.
Google Sheets
Canva