myTC Account (MTA) design system

The MTA design system ensures your service is built using GC standards and UX best practices, enabling users to successfully complete their digital TC activities.

This design system relies primarily on the Canada.ca Design System, Web Experience Toolkit and UX best practices. MTA design team welcomes input on design improvements. (link to engage)

All design patterns and components are user-tested and comply with WCAG 2.0 AA. Please MTA UX if you have accessibility concerns with the system.

myTC Account IA

IA structure of MTA (Platform pages, service, shared, auth/guest)

Pages:

• myServices

• Notices

• Support

• Services

Design style guide

The Canada.ca Design System defines the presentation to be used for external websites and online applications by GC departments and other portions of the federal public administration listed in Schedules I, I.1 and II of the Financial Administration Act.

Components

Components are reusable parts of the user interface that are made to support a variety of uses. Individual components can be used in different patterns and contexts. Accelerated forms make use a range of components. Available components are:

• Page Header

• Page Footer

• Button Bar

• Card

• Star Rating

Patterns

Patterns are best practice solutions meant to handle specific tasks or page types. Patterns make use of one or more components. Available patterns are:

• Service Catalog

• Service Request List

• Form Wizard pattern

  • Standard page

  • Summary page

• Service Submission Confirmation

• Account Settings

• Canada Post Address Validation

• Page Not Found

Most Transport Canada services rely on form submissions, so MTA has developed a way to build forms quickly by assembling from ready made components and patterns. We call this our accelerated forms builder.