Standard.AI

Standard.AI

Standard.AI

I worked on the creation of a custom design system based on current branding, shadcn’s open-source system, and unique components made specifically for “Vision” an internal Dashboard tool to help with data analysis.

ROLE

Product Designer

TYPE

Design systems

Data visualizations

STATUS

Series A and B: After our work raised $70M+

Series C: Now, standing at a $151M

"Unicorn" status: achieved with $1B+ valuation

Context

StandardAI is an AI-driven platform designed for retailers seeking insights into shopper behavior, product performance, and store operations.

As they geared up for their next investment round, design became critical for establishing brand identity and developing an internal dashboard tool called Vision to organize analytics.

PROBLEM

The previous open-source design system at StandardAI was not fully accessible for Visions complex data visuals, imposed heavy demands on the development team, and failed to establish strong branding.

1

Single Tab

for all entries to navigate through for all data

Single Tab

for all entries to navigate through for all data

Single Tab

for all entries to navigate through for all data

2

Insights are hidden

deep within multiple layers

Insights are hidden

deep within multiple layers

Insights are hidden

deep within multiple layers

GOALS

Create a scalable design system for StandardAI that works with the brand, improves accessibility, supports data visualization, and includes clear documentation for easy handoff and future growth.

Sucess Metrics

Improve Accessibility Compliance  Speed Up Data Interpretation Establish branding that can scale

Sucess Metrics

Improve Accessibility Compliance  Speed Up Data Interpretation Establish branding that can scale

Sucess Metrics

Improve Accessibility Compliance  Speed Up Data Interpretation Establish branding that can scale

Solution

Introducing a toolkit to create a cohesive experience for external + internal tools.

Through this custom system, products are better aligned with the company’s brand, easier to navigate, and more efficient to develop and maintain.

1

Clear accessible branding

colors, typography, and icons

Clear accessible branding

colors, typography, and icons

Clear accessible branding

colors, typography, and icons

2

Holistic View of Data

To see tasks to analyze + interprate

Holistic View of Data

To see tasks to analyze + interprate

Holistic View of Data

To see tasks to analyze + interprate

Considerations

With limited time, I discovered new use cases and expanded the component library.

FEATURE PRIORITIZATION

Strategized with team to focus on two areas: branding components and data charts.

SIGNIFICANCE

With the AI market projected to grow to $190 billion by 2025, the demand for AI-driven products is rapidly increasing. This platform offers retailers real-time insights into shopper behavior and product performance accross every industry.

Opportunity

Making a design system means setting StandardAI apart by having memorable look that could increase customer satisfaction/retention in this ompetitive market.

Opportunity

Making a design system means setting StandardAI apart by having memorable look that could increase customer satisfaction/retention in this ompetitive market.

Opportunity

Making a design system means setting StandardAI apart by having memorable look that could increase customer satisfaction/retention in this ompetitive market.

Challenge

Color shade ranges

How might we make the shade palette more accessible for complex visualizations?

Refined on actual charts and iterate.

Outcomes

Handoff, design system, and visualizations

Key Results

8

Page handoff documentation

8

Page handoff documentation

8

Page handoff documentation

13

Established colors

13

Established colors

13

Established colors

25

Visualizations created/tested

25

Visualizations created/tested

25

Visualizations created/tested

45

Reduction in turnaround time

45

Reduction in turnaround time

45

Reduction in turnaround time

KEY TAKEAWAYS

Applying existing patterns

require understanding their applicability and malleability for different contexts and edge cases.

Applying existing patterns

require understanding their applicability and malleability for different contexts and edge cases.

Applying existing patterns

require understanding their applicability and malleability for different contexts and edge cases.

Design system

Learning new ones takes time, knowing how to adapt them is necessary for problem solving.

Design system

Learning new ones takes time, knowing how to adapt them is necessary for problem solving.

Design system

Learning new ones takes time, knowing how to adapt them is necessary for problem solving.

Balancing constraints

Time, technical feasibility, and compromises — whilepushing for designs are worth the effort.

Balancing constraints

Time, technical feasibility, and compromises — whilepushing for designs are worth the effort.

Balancing constraints

Time, technical feasibility, and compromises — whilepushing for designs are worth the effort.

Final designs

Icons

Visualizations

Typography

Color

Figma

Kappa Theta Pi

Standard.AI

Standard.AI

Standard.AI

I worked on the creation of a custom design system based on current branding, shadcn’s open-source system, and unique components made specifically for “Vision” an internal Dashboard tool to help with data analysis.

I worked on the creation of a custom design system based on current branding, shadcn’s open-source system, and unique components made specifically for “Vision” an internal Dashboard tool to help with data analysis.

I worked on the creation of a custom design system based on current branding, shadcn’s open-source system, and unique components made specifically for “Vision” an internal Dashboard tool to help with data analysis.

ROLE

Product Designer

TYPE

Design systems

Data visualizations

STATUS

Series A and B: After our work raised $70M+

Series C: Now, standing at a $151M

Context

PROBLEM

The previous open-source design system at StandardAI was not fully accessible for Visions complex data visuals, imposed heavy demands on the development team, and failed to establish strong branding.

1

1

1

Single Tab

for all entries to navigate through for all data

Single Tab

for all entries to navigate through for all data

Single Tab

for all entries to navigate through for all data

2

2

2

Insights are hidden

deep within multiple layers

Insights are hidden

deep within multiple layers

Insights are hidden

deep within multiple layers

GOALS

Create a scalable design system for StandardAI that works with the brand, improves accessibility, supports data visualization, and includes clear documentation for easy handoff and future growth.

Create a scalable design system for StandardAI that works with the brand, improves accessibility, supports data visualization, and includes clear documentation for easy handoff and future growth.

Create a scalable design system for StandardAI that works with the brand, improves accessibility, supports data visualization, and includes clear documentation for easy handoff and future growth.

Sucess Metrics

Improve Accessibility Compliance Speed Up Data Interpretation Establish branding that can scale

Sucess Metrics

Improve Accessibility Compliance Speed Up Data Interpretation Establish branding that can scale

Sucess Metrics

Improve Accessibility Compliance Speed Up Data Interpretation Establish branding that can scale

Solution

Introducing a toolkit to create a cohesive experience for external + internal tools.

Through this custom system, products are better aligned with the company’s brand, easier to navigate, and more efficient to develop and maintain.

1

1

1

Clear accessible branding

colors, typography, and icons

Clear accessible branding

colors, typography, and icons

Clear accessible branding

colors, typography, and icons

2

2

2

Holistic View of Data

To see tasks to analyze + interprate

Holistic View of Data

To see tasks to analyze + interprate

Holistic View of Data

To see tasks to analyze + interprate

Considerations

With limited time, I discovered new use cases and expanded the component library.

FEATURE PRIORITIZATION

Strategized with team to focus on two areas: branding components and data charts.

SIGNIFICANCE

With the AI market projected to grow to $190 billion by 2025, the demand for AI-driven products is rapidly increasing. This platform offers retailers real-time insights into shopper behavior and product performance accross every industry.

Opportunity

Making a design system means setting StandardAI apart by having memorable look that could increase customer satisfaction/retention in this ompetitive market.

Opportunity

Making a design system means setting StandardAI apart by having memorable look that could increase customer satisfaction/retention in this ompetitive market.

Opportunity

Making a design system means setting StandardAI apart by having memorable look that could increase customer satisfaction/retention in this ompetitive market.

Challenge

Color shade ranges

Improve Accessibility Compliance  Speed Up Data Interpretation Establish branding that can scale

Improve Accessibility Compliance  Speed Up Data Interpretation Establish branding that can scale

Improve Accessibility Compliance  Speed Up Data Interpretation Establish branding that can scale