A repository of assets for streamlining design
Toyota
Toyota Online Service Booking is an online tool that allows Toyota customers to book a service for their vehicle. Taking a Design Systems approach, a repository of assets was translated into a common design language including reusable patterns and components that could be delivered to market faster.
Toyota Online Service Booking is an online tool that allows Toyota customers to book a service for their vehicle. Taking a Design Systems approach, a repository of assets was translated into a common design language including reusable patterns and components that could be delivered to market faster.
This project involved taking brand elements and existing patterns - pulling all the parts together, applying rules and finally developing a single source of truth that connects all the parts of a greater whole. The outcome was an internal digital tool that could be leveraged by teams to streamline works and support more consistent outcomes. The repository - documented in Sketch and mirrored in code - supports rapid iteration and faster delivery.
This project involved taking brand elements and existing patterns - pulling all the parts together, applying rules and finally developing a single source of truth that connects all the parts of a greater whole. The outcome was an internal digital tool that could be leveraged by teams to streamline works and support more consistent outcomes. The repository - documented in Sketch and mirrored in code - supports rapid iteration and faster delivery.
This primarily involved consolidating assets and bringing together all the design elements previously designed or built. Once explored, each element was carefully considered and refined to deliver a more cohesive experience. Rules and requirements were documented to support consistent application and usage across designers and developers.
The result is a series of design patterns, components and supporting principles documented in a Sketch Library. The components enable designers to quickly create flows / experience within Online Service Booking that are inherently Toyota in look / feel.
This primarily involved consolidating assets and bringing together all the design elements previously designed or built. Once explored, each element was carefully considered and refined to deliver a more cohesive experience. Rules and requirements were documented to support consistent application and usage across designers and developers.
The result is a series of design patterns, components and supporting principles to guide decision making. The components enable designers to quickly create flows / experience within Online Service Booking that are inherently Toyota in look / feel.
Each element has been considered to provide appropriate affordance and align with user mental models. Rules and requirements are documented to communicate how components should look and behave to support continuity across experiences.
Each element has been considered to provide appropriate affordance and align with user mental models. Rules and requirements are documented to communicate how components should look and behave to support continuity across experiences.
Standardised components allow designers to spend less time focused on style and more time developing a better user experience. They also bring design and development closer together to streamline build and reduce tech debt.
Standardised components allow designers to spend less time focused on style and more time developing a better user experience. They also bring design and development closer together to streamline build and reduce tech debt.
Rules for typography (including heading/body styles), content (including voice, tone and language), elements and components, grids and specs, responsive requirements and more were considered and established to align with the Toyota digital brand. The outcome is a a living ecosystem of assets and guiding principles that helps teams craft consistent and enjoyable online experiences for Online Service Booking.
Rules for typography (including heading/body styles), content (including voice, tone and language), elements and components, grids and specs, responsive requirements and more were considered and established to align with the Toyota digital brand. The outcome is a a living ecosystem of assets and guiding principles that helps teams craft consistent and enjoyable online experiences.
A discovery piece also involved a deep dive into the current end-to-end experience of Online Service Booking focusing on identifying pain points and opportunity areas for future initiatives. The output was a series of artefacts outlining recommendations for strategic uplift. A number of deliverables were considered and estimated against (design effort only) to support prioritisation.
A discovery piece also involved a deep dive into the current end-to-end experience of Online Service Booking focusing on identifying pain points and opportunity areas for future initiatives. The output was a series of artefacts outlining recommendations for strategic uplift. A number of deliverables were considered and estimated against (design effort only) to support prioritisation.
