I was brought on to help redesign SimpleStage's product interface and develop a design system that would be adaptable, expandable and flexible as the platform grows and evolves.
A visual identity, marketing website, and initial prototype had already been created before I was brought onto the project. These elements served as jumping off points for the development of the design system.
Combine 3 project touch points (design presentation, feedback + design iterations, and bug tracking) into one, easy-to-use product.
Design system management
UX design support
The first step I took was to conduct a visual study of SimpleStage’s competitors to identify industry trends on how color, typography and layout impacts complex UI systems.
The IA and user flows were established before I was brought onto the project but had not been formally documented. I built a site map to help inform my decision making when designing each dashboard.
With a clear scope of the competitive landscape, I developed a design system that was visually calming and easy to use though the following practices:
Minimal, purposeful use of color
Appropriate typographic hierarchy based on level of information
Repeating layouts that create learnable patterns throughout the dashboards
Inter was chosen for its classic, neutral, Helvetica-like qualities and it's legibility at small scales.
Using the four hues of the SimpleStage identity as a starting point, I expanded the color palette to accommodate the needs of the platform’s complex dashboard system.
I created and maintained the component library throughout the design and development process, which served as the single source of truth for all team members and ensured visual consistency across the platform.
The final design aims to reduce the friction typically experienced when working within multiple platforms to complete different tasks. Consolidating these tasks into one unified platform makes collaboration easier, work flows more efficient, and keeps projects more organized.
Centralized hub to view all projects and their current status designed for quick-reference and glanceability.
Displays all requests, messages, and activity for each project in both list and gallery layouts to accommodate different user preferences.
Each request type features layout options relevant to the user and the kind of tasks they will be working on.
A pinning system was developed as a part of the annotation tool to make it clear which pin is in focus at any step in the bug tracking task flow.