1.0 Description of Assignment:
Working under the supervision of the Manager, Application Portfolios, the UI/UX Developer will be responsible for implementing the approved ttc.ca website redesign and building new customer-facing digital experiences for TTC’s Digital Customer Experience team.
TTC has engaged a vendor to complete the Discovery and Definition phases of the ttc.ca website redesign, deliver evaluation findings, design recommendations, and annotated wireframes and mockups. The contractor will own the implementation: translating the approved designs into production-ready, accessible front-end code within TTC’s existing technical environment, including the Sitecore content management system. Backend system and infrastructure changes are out of scope.
In parallel, the resource will design and build a responsive web application displaying next-arrival predictions and service alerts across form factors, including large-format and kiosk displays such as suspended screens at bus bays. Each display browses to a URL carrying a stop code, and the page renders that stop’s real-time arrivals and alerts. This is a TTC-led initiative outside the vendor’s scope.
This assignment will require the incumbent to work onsite 2-3 days per week at Union Station East Wing 61 Front St West and other GTA locations as required under TTC’s hybrid work policy.
2.0 Skills and Certifications:
Mandatory Requirements:
- University degree or college diploma in Design, Human-Computer Interaction, Computer Science, or a related discipline, or equivalent combination of education and experience.
- Minimum 3 to 5 years of experience as a UI/UX Developer or Front-End Developer
implementing customer-facing websites from approved designs.
- Demonstrated portfolio of shipped responsive web interfaces spanning both UX design and front-end implementation.
- Strong proficiency in HTML, CSS, and JavaScript/TypeScript, and hands-on experience with a modern front-end framework such as React.
- Experience implementing front-end designs within an enterprise content management system (Sitecore preferred).
- Experience building interfaces compliant with AODA and WCAG 2.0 Level AA, including ARIA, keyboard navigation, and screen-reader compatibility.
- Experience designing multiple form factors and screen sizes, including large-format or kiosk displays and mobile devices.
- Experience with Figma, including component libraries, design tokens, and design systems.
- Experience integrating front-end interfaces with real-time data feeds and APIs (e.g., service alerts, schedules), including loading, stale-data, and error states.
- Experience meeting front-end performance budgets and testing across browsers and devices.
- Experience working in Agile delivery teams with product managers, developers, and QA.
- Strong communication skills, with the ability to present and rationalize design and implementation decisions to technical and non-technical stakeholders.
Other Skills and Certifications:
- Experience with digital signage or passenger information display systems.
- Hands-on Sitecore CMS development experience (templates, components, personalization).
- Familiarity with WCAG 2.1/2.2 success criteria beyond the 2.0 AA baseline.
- Experience planning and conducting usability testing and user research.
- Experience with motion design and micro-interactions for glanceable, at-a-distance interfaces.
- Experience contributing to and maintaining shared design systems and component libraries.
- Experience with Git, front-end build tools, and CI/CD pipelines.
- Familiarity with customer journey mapping, service design, and user-centered design principles.
- Public sector, municipal government, or transit industry experience is considered an asset.
- UX certification (e.g., NN/g) or related design and front-end certifications are assets.
3.0 Assignment Duties:
- Implement the approved ttc.ca website redesign, translating vendor wireframes, mockups, and design recommendations into production-ready, accessible front-end code within the Sitecore CMS.
- Review vendor Discovery and Definition deliverables for technical feasibility and participate in handoff and implementation planning activities.
- Build and extend reusable UI components within TTC’s design system, ensuring consistent branding, navigation, terminology, and visual design across the website.
- Integrate front-end interfaces with TTC scheduling and service disruption feeds, real-time trip planning, service alerts, and customer feedback features, working within the existing backend systems.
- Ensure all implemented pages and components meet AODA and WCAG 2.0 Level AA accessibility requirements.
- Meet front-end performance budgets, including page load targets, without degrading accessibility features.
- Design and build the URL-addressable next-arrivals and service alerts web application (one URL per stop code) for large-format suspended displays at bus bays, kiosks, and mobile devices, implementing the specification including bay-grouped pagination, alert displacement behavior, and no-data states, fed by real-time GTFS-RT data.
- Support testing activities, including usability, accessibility, performance, and cross- browser/device testing, and resolve defects in design or implementation.
- Support deployment activities, staff training, and production readiness.
- Develop and maintain design and technical documentation in accordance with TTC standards.
- Provide knowledge transfer and support continuous improvement activities across the Digital Customer Experience team.
4.0 Deliverables:
The consultant will implement the approved ttc.ca website redesign and build new customer- facing digital experiences, including:
- Implemented ttc.ca website redesign pages, templates, and components in production, compliant with TTC brand standards and WCAG 2.0 AA
- Front-end integration with real-time scheduling feeds, service alerts, and trip planning features
- Next-arrivals and service alerts web application: URL-addressable by stop code, real-time GTFS-RT data, responsive across form factors (large-format and kiosk displays, desktop, mobile)
- Reusable UI components and design system contributions
- Accessibility conformance documentation and test evidence (accessibility, performance, cross-browser/device)
- Defect fixes and deployment support
- Training materials and handoff documentation
- Design and technical documentation in accordance with TTC standards
