Design System
An inclusive design system for Australia’s premier communication company.
A BRIEF FROM TELSTRA IN 2018
Working in a small embedded team of 6 at Telstra’s Sydney office, we were tasked to create a design system for Telstra to enable the design community to create consistent experiences that feel connected and express the brand purpose across an evolving set of products, services in digital.
Of the 20+ applications Telstra has, only four have style guides or standards, and these are manually updated as static websites, PDF’s or wiki pages. They lack a consistent format, all live in separate locations and contain inconsistent standards. Through the development of the Telstra Design System, we must address the challenges presented by the existing identity guidelines within the digital environment.
RESULTS
Toolkit
An evolving living toolkit with guidelines that live within the digital environment.
AA Compliance
Ensure the digital enviroment is 100% compliant.
IN DETAILS
Project activities and approach
Working in a small embedded team of 6 at Telstra’s Sydney office.
Close collaboration with Telstra internal team and cultivating ongoing engagements.
Honour and reinterpret and extend the existing brand guidelines.
Defined an accessibility and inclusion guideline which ensures Telstra met its commitment to deliver an AA WCAG experience.
Enables organisations to create digital products and services at scale across a multitude of devices and contexts.
What we’ve delivered
A living toolkit comprised of patterns and elements.
Accessibility and compliance guidelines.
Evolved design system and module based component library.
A design direction that live across digital and physical space.
Design principles and guidelines for executions.
PROJECT HIGLIGHTS
Design direction
Light in Motion, uses the luminosity, vibrancy, colour, mood and photography associated with Telstra Brand deliver an inclusive and accessible experience. This direction emphasises flow and way-finding, whilst promoting scalability and flexibility within a system that can be personalised at scale.
Documentation
Typography
Colour
Light in motion
Components