SparkCognition
SparkCognition
SparkCognition
Creating a cohesive product language for a fragmented application suite.
Creating a cohesive product language for a fragmented application suite.
Role
Agency
Project Lead
Client
Year
SparkCognition’s application suite was generic and visually bland. Within that clear deficiency, it was also replete with aesthetic, component, and pattern inconsistencies. Between these issues and lacking a basic light/dark mode toggle for users who switched between indoor and outdoor usage, general usability was suffering.
The Spark team also flagged the need for significant improvements to complex tables, filtering patterns, and data visualizations. The agreed upon engagement allowed for about 3 months to solve all of these issues.
Art Direction
Visual Design
Interaction Design
Design System
Prototyping
In collaboration with argodesign, I delivered a unified and much improved visual language and Design System along with crafting novel interactions for more usable tables, filters, and select data visualizations—all within our narrow time window.
Role
Agency
Project Lead
Client
Year
SparkCognition’s application suite was generic and visually bland. Within that clear deficiency, it was also replete with aesthetic, component, and pattern inconsistencies. Between these issues and lacking a basic light/dark mode toggle for users who switched between indoor and outdoor usage, general usability was suffering.
The Spark team also flagged the need for significant improvements to complex tables, filtering patterns, and data visualizations. The agreed upon engagement allowed for about 3 months to solve all of these issues.
Art Direction
Visual Design
Interaction Design
Design System
Prototyping
In collaboration with argodesign, I delivered a unified and much improved visual language and Design System along with crafting novel interactions for more usable tables, filters, and select data visualizations—all within our narrow time window.
Role
Agency
Project Lead
Client
Year
SparkCognition’s application suite was generic and visually bland. Within that clear deficiency, it was also replete with aesthetic, component, and pattern inconsistencies. Between these issues and lacking a basic light/dark mode toggle for users who switched between indoor and outdoor usage, general usability was suffering.
The Spark team also flagged the need for significant improvements to complex tables, filtering patterns, and data visualizations. The agreed upon engagement allowed for about 3 months to solve all of these issues.
Art Direction
Visual Design
Interaction Design
Design System
Prototyping
In collaboration with argodesign, I delivered a unified and much improved visual language and Design System along with crafting novel interactions for more usable tables, filters, and select data visualizations—all within our narrow time window.
Role
Agency
Project Lead
Client
Year
SparkCognition’s application suite was generic and visually bland. Within that clear deficiency, it was also replete with aesthetic, component, and pattern inconsistencies. Between these issues and lacking a basic light/dark mode toggle for users who switched between indoor and outdoor usage, general usability was suffering.
The Spark team also flagged the need for significant improvements to complex tables, filtering patterns, and data visualizations. The agreed upon engagement allowed for about 3 months to solve all of these issues.
Art Direction
Visual Design
Interaction Design
Design System
Prototyping
In collaboration with argodesign, I delivered a unified and much improved visual language and Design System along with crafting novel interactions for more usable tables, filters, and select data visualizations—all within our narrow time window.
Visual Direction
Visual Direction
After the initial rounds of stakeholder interviews and comparative analysis, I was tasked with creating a component moodboard to help define and establish the visual direction.
After the initial rounds of stakeholder interviews and comparative analysis, I was tasked with creating a component moodboard to help define and establish the visual direction.
After the initial rounds of stakeholder interviews and comparative analysis, I was tasked with creating a component moodboard to help define and establish the visual direction.
Final Moodboard
Final Moodboard
Opting for more subtle secondary buttons and selection states as well as a cleaner font in DIN Pro, I finalized the visual direction with one last iteration of the component moodboard.
Opting for more subtle secondary buttons and selection states as well as a cleaner font in DIN Pro, I finalized the visual direction with one last iteration of the component moodboard.
Opting for more subtle secondary buttons and selection states as well as a cleaner font in DIN Pro, I finalized the visual direction with one last iteration of the component moodboard.
Global Navigation
Global Navigation
With the general look & feel decided upon, my next task was to take inventory of SparkCognition’s extensive line of applications and design a Global Navigation that would be flexible enough to implement across all products.
With the general look & feel decided upon, my next task was to take inventory of SparkCognition’s extensive line of applications and design a Global Navigation that would be flexible enough to implement across all products.
Key Experiences
Key Experiences
Finally, I targeted several high-impact experiences with known usability issues for high-fidelity redesign—a data visualization with interactive scrubbing, large and complex tables, filters that preserved context, and an editable AI-generated work order flow.
Finally, I targeted several high-impact experiences with known usability issues for high-fidelity redesign—a data visualization with interactive scrubbing, large and complex tables, filters that preserved context, and an editable AI-generated work order flow.
Finally, I targeted several high-impact experiences with known usability issues for high-fidelity redesign—a data visualization with interactive scrubbing, large and complex tables, filters that preserved context, and an editable AI-generated work order flow.
Design System
Design System
The Design System was created concurrently with our UI/UX work. Starting with the basics (grid system, padding, color, typography, etc.) we continued to flesh out novel components as well as skin the most useful components within the Material UI design kit.
The Design System was created concurrently with our UI/UX work. Starting with the basics (grid system, padding, color, typography, etc.) we continued to flesh out novel components as well as skin the most useful components within the Material UI design kit.
The Design System was created concurrently with our UI/UX work. Starting with the basics (grid system, padding, color, typography, etc.) we continued to flesh out novel components as well as skin the most useful components within the Material UI design kit.
Tools
Tools
Tools
Figma
Figma
Figma
Principle
Principle
Principle
Miro
Miro
Miro
Jira
Jira
Jira
Material UI
Material UI
Material UI
Tokens Studio
Tokens Studio
Tokens Studio
Methods
Methods
Methods
Stakeholder Interviews
Stakeholder Interviews
Comparative Analysis
Comparative Analysis
Moodboarding
Moodboarding
User Flows
User Flows
Interaction Design
Interaction Design
Data Visualization
Data Visualization
Design System
Design System
Prototyping
Prototyping
© 2026 Bryce Swihart
© 2026 Bryce Swihart
© 2026 Bryce Swihart