Toronto Life Neighbourhoods
An interactive tool used to identify the rating of Toronto’s neighbourhoods based on a set of
predetermined criteria, with adjustable sliders for user customization.
Year of completion
2018
In collaboration with
Tim Burden, Developer
Year of completion
2018
In collaboration with
Tim Burden, Developer
![](https://freight.cargo.site/t/original/i/53a6785c2df6e842ffd1c374ac9b9f8cec7d5aec12de7c1ebb30f5b92505d50b/toronto-life_neighbourhoods_4.png)
![](https://freight.cargo.site/t/original/i/c43167d6ab822d439a5e567a8f14f948033a2a7039293129d5ad832db9a950a2/toronto-life_neighbourhoods_5_.png)
The Ask
The Solution
- create a fun, useful, interactive tool that can be experienced across devices
- increase Toronto Life’s online user engagement
The Solution
- sketched out a few initial concepts
- conceptualized the user experience and journey through a responsive lens
- generated a responsive set of wireframes
Initial Desktop & Mobile Concepts – Concept 1, Concept 2
![](https://freight.cargo.site/t/original/i/1bcb67a71f4a9722763a459cd4b061058608bda4337c0d6791163703884f0d88/IMG_6873.png)
![](https://freight.cargo.site/t/original/i/a7026ed4539674d750a59842ec6194485eb6f3e22b5c393831f93bd2d116c069/IMG_6874.png)
Wireframes – Concept 2
![](https://freight.cargo.site/t/original/i/b329464841705126a7705090ada5ff7edbd1901e4e20d17619fdb4a985b06f97/toronto-life_neighbourhoods_wireframes_1.png)
![](https://freight.cargo.site/t/original/i/771e4e8baac54544d82a280266bd5c17cb5aaa20b8982047312e1de8babd014c/toronto-life_neighbourhoods_wireframes_2.png)
- designed an interface using Toronto Life’s existing visual design library whilst extending it
- worked closely with the full stack developer to establish map functionality and user
interactions
- performed internal user testing, modified designs and conducted design and functionality qa
User Testing Issue – Custom dropdown wasn’t seen, so an animation was added on page load
The Impact
- consistently ranks as one of the most popular pages on Toronto Life’s website with 58,000 hours spent using the tool over the course of the first 3 years
Desktop Slideshow
![](https://freight.cargo.site/t/original/i/fd7e01e66c29808643679218de89c30ba5f59074f124b8befaebc813e4de9f84/toronto-life_neighbourhoods_1.png)
![](https://freight.cargo.site/t/original/i/24fcd3d15eaa8fcd5b4fb99675feddaba83e6d2f6f07c9dc56d806ef1333699f/toronto-life_neighbourhoods_2.png)
![](https://freight.cargo.site/t/original/i/1be4d8dc8d3ccbfd5cc546477c35c504fa3fc57868481f9bb0159c8f15d6a727/toronto-life_neighbourhoods_3.png)
Next ︎