Protected: TTC Website Redesign

Project overview

The goal of the project was to redesign the entire site to meet the needs of the riders and organizational need of being transparent to the riders and other entities and moreover meet the TTC customer commitment charter of 2018 promise. The project had a very tight deadline of 6 months which made the project of this size very challenging for the entire team.

As UX designer, I had a key responsibility of making sure the site serves the Torontonians as well as making sure the proposed solutions were possible to build in a short-term, meet business and user needs.

Target audience & Scenario

The key target audiences were newcomers, busy families, and downtown dignitaries. These personas were chosen for the web redesign project with concise with stakeholder through workshop activity. The following are some of the personas and scenarios that was created to align the project team and ensure all that the solutions were addressed with empathy for the end-users.  

Displaying Lisa and Marc, the newcomer to Toronto with a child in a stroller and busy family person who commutes TTC for work on a daily bases, respectively.

Approach

We took a mobile-first approach, as 70% of users are accessing the site from the mobile devices.
Additionally, all the content and user behaviors on the current site were analyzed, prioritized and feed into the sprints planning.

Wireframes

A combination of the mobile-first and minimalistic design was used on this redesign.

Navigation pattern

Above is the wireframe of the mobile navigation concept. The direction was chosen because of its app-like and simplicity design. The information in the navigation was prioritized based on usage data.

 

Routes & Schedule, and Station information User-flows

User-flow for finding schedule and station information for Subway – LINE 1

Service alert – content modeling

Various types of service alerts produced by different departments were analyzed and new categories were created to combine them into one unified feed for the end users.  

Service alert data sheet

Content modeling – Raw data was analyzed and new parameters were assigned to structure the service alerts information as a unique feed.

Service alerts wireframes

 

Service alerts widget – interaction concept

 

Designs

 

 

ING DIRECT – Redesign and rebranding to Tangerine
Tangerine
Financial
ING DIRECT – Redesign and rebranding to Tangerine
Ontario Trade Missions
Government
Ontario Trade Missions
GO Transit – Real-time Schedule
GO Transit
Transit
GO Transit – Real-time Schedule
Protected: TTC Website Redesign
TTC - Toronto Transit Commission
Transit
Protected: TTC Website Redesign
Seneca Student Handbook – 2012
Seneca College
Educational
Seneca Student Handbook – 2012
Think Tank Initiative Responsive website
International Development Research Centre
Change initiatives
Think Tank Initiative Responsive website
Tully Luxury Travel – Website redesign
Tully Luxury Travel
Tourism
Tully Luxury Travel – Website redesign