TML. Public mobility website for Lisbon’s transport authority.
Check
Website
Partnership
2+ years
Services
UX Design
UI Design
Design System
Accessibility Design
Deliverables
Deployed Website
Information Architecture Map
Design System
Engagement
TML is the public-facing website of Lisbon's public transport operator.
We designed it as a public-facing digital platform for Lisbon's transport operator, covering a WCAG-compliant design system and information architecture. A broad, non-specialist public audience needed accessible information without complexity – and the scalable system now serves that audience directly. Development by Push.
Design System for Accessible Transit Site
The Design System for TML pairs the Lexend typography with heading scales, inclusive color schemes, a custom icon set, and 3D illustrations. It also includes an interactive route map
Homepage Structure for Passes and News
The homepage and news hub let residents browse TML updates by category and manage Navegante passes. Filters span transport, corporate, and press, with article pages answering questions on card data and validity.
Nested Navigation for Transit Governance Pages
This page turns institutional and compliance material into categories: governance model, legislation, financing programs, and seven municipal advisory councils. Content stays organized for visitors without specialist knowledge.
Navegante Landing Structure and Coverage Map
The Navegante landing page guides users through the transport card experience, covering key information, pricing, usage, and network accessibility.
Contrast Modes Built into the Homepage
The homepage renders in more than one contrast mode, an inclusive color scheme for visitors with color vision impairments. Background and text colors switch while layout and content stay identical.
Inclusive Controls for Font and Color
Accessibility features carry over to the mobile experience, allowing users to personalize readability and choose inclusive color schemes for different vision needs.
Public-sector or high-traffic platform with WCAG requirements and a non-specialist audience? Accessibility-first design systems are how we handle that scale. Reach out with your project.
Ready to start your own project?
