Laying the foundations of a design language

In the rapidly evolving field of Artificial Intelligence, a clear design language is crucial for user adoption. In 2024, I collaborated with Gravite to establish their first design system, focusing on making complex AI interactions intuitive and accessible.

Company

Year

2024

Role

Product Design, User Research, Design System

Gravite’s team initially built the product with the help of UntitledUI UI kit - a common approach for fast-moving startups. However, as product ambitions grew, the limitations of this approach became clear: performance issues and inconsistencies from over-customization threatened to slow product development.

My first step was conducting a thorough audit of component variants and variables usage. This allowed us to streamline our token system and component library, creating a foundation that balanced simplicity for the early-stage team with the flexibility needed for future product development.

Revealer Creation Flow diagram (v1.0) showing the user journey for creating data insights in Gravite. The flowchart displays decision paths for selecting revealer types (Customer XP, Business Impact, Product Opportunities), time periods, and automatic update options with various configuration choices for customizing data visualization.
Revealer Creation Flow diagram (v1.0) showing the user journey for creating data insights in Gravite. The flowchart displays decision paths for selecting revealer types (Customer XP, Business Impact, Product Opportunities), time periods, and automatic update options with various configuration choices for customizing data visualization.
Revealer Creation Flow diagram (v1.0) showing the user journey for creating data insights in Gravite. The flowchart displays decision paths for selecting revealer types (Customer XP, Business Impact, Product Opportunities), time periods, and automatic update options with various configuration choices for customizing data visualization.

A key challenge emerged as we unified the user experience: users struggled to navigate between different product views. We addressed this by introducing a new dimension to our design language - a distinctive color scheme and icon system for content types. This visual system helped users maintain context while moving through the product's various features.

Gravite analytics platform overview showing most active and impactful customer feedback trends. The dashboard displays 'Missing third party integrations' at 5% and 'Pricing transparency' at 64% impact, with trend metrics and associated findings counts. The left navigation provides options to collect, analyze, and follow up on customer feedback.
Gravite analytics platform overview showing most active and impactful customer feedback trends. The dashboard displays 'Missing third party integrations' at 5% and 'Pricing transparency' at 64% impact, with trend metrics and associated findings counts. The left navigation provides options to collect, analyze, and follow up on customer feedback.
Gravite analytics platform overview showing most active and impactful customer feedback trends. The dashboard displays 'Missing third party integrations' at 5% and 'Pricing transparency' at 64% impact, with trend metrics and associated findings counts. The left navigation provides options to collect, analyze, and follow up on customer feedback.
Color-coded content type system from Gravite's design language showing categorized data objects with unique identifiers. The grid displays feedback items (blue), user profiles (green), company data (teal), revealer analytics (purple), and trend analysis (magenta) with secondary categories for pain points, objections, requests, initiatives, and topics, each with consistent iconography.
Color-coded content type system from Gravite's design language showing categorized data objects with unique identifiers. The grid displays feedback items (blue), user profiles (green), company data (teal), revealer analytics (purple), and trend analysis (magenta) with secondary categories for pain points, objections, requests, initiatives, and topics, each with consistent iconography.
Color-coded content type system from Gravite's design language showing categorized data objects with unique identifiers. The grid displays feedback items (blue), user profiles (green), company data (teal), revealer analytics (purple), and trend analysis (magenta) with secondary categories for pain points, objections, requests, initiatives, and topics, each with consistent iconography.
Detailed feedback item view for 'Missing Intercom Integration' showing 38 feedbacks from 33 users. The card displays feedback examples about centralizing customer data from Intercom and reducing manual work in feedback collection. The right panel shows metadata including 37% trend impact, assigned team member, tags for Feature Request and Integration, and creation timestamps.
Detailed feedback item view for 'Missing Intercom Integration' showing 38 feedbacks from 33 users. The card displays feedback examples about centralizing customer data from Intercom and reducing manual work in feedback collection. The right panel shows metadata including 37% trend impact, assigned team member, tags for Feature Request and Integration, and creation timestamps.
Detailed feedback item view for 'Missing Intercom Integration' showing 38 feedbacks from 33 users. The card displays feedback examples about centralizing customer data from Intercom and reducing manual work in feedback collection. The right panel shows metadata including 37% trend impact, assigned team member, tags for Feature Request and Integration, and creation timestamps.

Through continuous user feedback, we evolved the system to help users better navigate thousands of daily customer interactions. We explored and implemented new patterns for data visualization, satisfaction prediction, and conversational analysis, always focusing on making complex AI insights accessible and actionable.

Comprehensive customer feedback dashboard for EMEA region (H2 2024) showing trends analysis with 'Lack of integration' as the top issue at 20%. The interface displays 23 trends (+3 vs last month), 756 findings (+164), and 2347 feedbacks (+451) with timeline visualizations and emotional sentiment tracking showing 13% positive, 59% neutral, and 28% negative reactions.
Comprehensive customer feedback dashboard for EMEA region (H2 2024) showing trends analysis with 'Lack of integration' as the top issue at 20%. The interface displays 23 trends (+3 vs last month), 756 findings (+164), and 2347 feedbacks (+451) with timeline visualizations and emotional sentiment tracking showing 13% positive, 59% neutral, and 28% negative reactions.
Comprehensive customer feedback dashboard for EMEA region (H2 2024) showing trends analysis with 'Lack of integration' as the top issue at 20%. The interface displays 23 trends (+3 vs last month), 756 findings (+164), and 2347 feedbacks (+451) with timeline visualizations and emotional sentiment tracking showing 13% positive, 59% neutral, and 28% negative reactions.
Gravite AI assistant interface showing a conversation about customer satisfaction metrics. The AI reports an 82% overall satisfaction score for August (a 4% increase from July) and breaks down results by segment: Enterprise customers at 88%, Small businesses at 76%, and Individual users at 80%. A sidebar lists various analysis topics and report options.
Gravite AI assistant interface showing a conversation about customer satisfaction metrics. The AI reports an 82% overall satisfaction score for August (a 4% increase from July) and breaks down results by segment: Enterprise customers at 88%, Small businesses at 76%, and Individual users at 80%. A sidebar lists various analysis topics and report options.
Gravite AI assistant interface showing a conversation about customer satisfaction metrics. The AI reports an 82% overall satisfaction score for August (a 4% increase from July) and breaks down results by segment: Enterprise customers at 88%, Small businesses at 76%, and Individual users at 80%. A sidebar lists various analysis topics and report options.

See More

See More

v1.2

© 2025

v1.2

© 2025

tl;dr

tl;dr

tl;dr