Tait Communications Design System Foundations
Tait Communications Design System Foundations
Tait Communications Design System Foundations
Orca Design System
The Orca Design System is a new design system currently in development for Tait Communications. The design system foundations will provide consistency across Tait's many external and internal websites.
The Orca Design System is a new design system currently in development for Tait Communications. The design system foundations will provide consistency across Tait's many external and internal websites.
Overview
Tait Communications is the leading critical communications provider in New Zealand and has a global network. The company has over 100 internal and external websites, and without a design system inconsistencies between various platforms are growing.
Tait Communications is the leading critical communications provider in New Zealand and has a global network. The company has over 100 internal and external websites, and without a design system inconsistencies between various platforms are growing.
Another intern and I were tasked with developing the foundations of a cohesive design system for the company alongside providing highly comprehensive documentation. This would provide Tait with some visual consistency across the company to begin implementing.
Another intern and I were tasked with developing the foundations of a cohesive design system for the company alongside providing highly comprehensive documentation. This would provide Tait with some visual consistency across the company to begin implementing.
Demo Day - 2025 Showcasing the Orca Design System to different stakeholders across Tait Communications
Demo Day - 2025 Showcasing the Orca Design System to different stakeholders across Tait Communications
Typography was the first foundation that we worked on. It was something with which the company had a lot of indecision, so with the input of each stakeholder, we developed type scales and guidelines to provide consistency between different departments, e.g., Technical Publications, Marketing, Tait's Educational platform, etc.
Typography was the first foundation that we worked on. It was something with which the company had a lot of indecision, so with the input of each stakeholder, we developed type scales and guidelines to provide consistency between different departments, e.g., Technical Publications, Marketing, Tait's Educational platform, etc.
Grids and spacing systems were crucial to the visual consistency of Tait. Clear spacing variables and breakpoint-specific grids were developed to ensure spatial consistency and ease of use for those implementing them.
Grids and spacing systems were crucial to the visual consistency of Tait. Clear spacing variables and breakpoint-specific grids were developed to ensure spatial consistency and ease of use for those implementing them.
We began working on colour towards the end of the internship, only leaving us time to establish status colours and neutral colours. We ensured all colours met AA WCAG colour contrast standards to improve visual accessibility.
We began working on colour towards the end of the internship, only leaving us time to establish status colours and neutral colours. We ensured all colours met AA WCAG colour contrast standards to improve visual accessibility.
We developed some usage guidelines for users of the design system at Tait and decided to conduct a workshop to test the ease of use and accessibility among the UX team. From this workshop we uncovered some valuable feedback, which we implemented into the guidelines soon after.
We developed some usage guidelines for users of the design system at Tait and decided to conduct a workshop to test the ease of use and accessibility among the UX team. From this workshop we uncovered some valuable feedback, which we implemented into the guidelines soon after.