Toronto Public Library
Interactive and Fun Website for Kids
Responsive Website Redesign
Service Design and UX Consulting
International Responsive Website Launch (21 websites)
Mobile, social, and web-based app & game design
Inspiring & Responsive UX Design
Heart and Stroke Foundation
Strategic UX Involvement on Interactive Health Apps
UX Design: Product Database Software
End-to-end Design & Development
Toronto Public Library
When the Toronto Public Library asked us to design a fun, interactive website for the TD Summer Reading Club, we were delighted to help.
Every year, the TD Summer Reading Club helps children discover great books while also providing program-planning resources to librarians across Canada.
Our challenge was to design a website that would appeal to both audiences.
For the children, we designed a series of interactive games & activities they could “unlock” to find new books and made it easy for them to share their drawings, jokes, book reviews, and ratings on the site. We also gave the homepage with a playful edge by adding parallax animation to the artwork.
For the librarians — the site’s primary users early in the year — we created a discreet yet easy-to-find Resources section off the homepage, where they could find downloadable artwork, a complete program-planning guidebook, and a blog for sharing ideas.
"Usability Matters brings a remarkable amount of expertise and experience to any project. Their work on Sportsnet.ca made the process smoother and easier for everyone involved. Their team was a true pleasure to work with."
Pary Bell, Vice President and GM, Digital Media
Rogers Digital Media wanted to give their customers the best possible digital sports experience. Their goal was to re-launch Sportsnet.ca as the first – and only – sports website in Canada to use responsive design. Usability Matters was tasked with bringing effective user experience solutions to the table and working out the details with the multi-disciplinary, multi-party team.
The scale of the project was enormous; the nature and variety of content needed for a dynamic sports channel required precision, organization, and keen attention to detail over a long period of time. Usability Matters contributed to strategy, research and user experience design and worked closely with Sportsnet and front-end development team Savoury Projects on final execution. Our extensive research on sports fans drove informed decisions around navigation, enabling Sportsnet to provide top-notch content that’s responsive, always up to date, and easy to navigate, without ever compromising user experience.
As one of Canada’s largest post-secondary institutions, our client caters to a diverse community of students, faculty, and staff.
With multiple schools, departments, and faculties to manage, the digital team needed to a way to unify their sprawling organization in order to present a single, cohesive online presence.
Collaboratively, we created a comprehensive research plan that focused on engaging and understanding the full range of audiences and stakeholders including students, prospective students, parents, faculty and administrative staff.
By applying innovative workshop techniques we were able to help the team form the basis of a well-researched, user-focused and service-oriented strategy in just a few short weeks.
Armed with fresh insight into their users’ expectations, needs, and pain points, our friends at this college are now able to tackle their redesign and it’s attendant organizational changes with confidence and clarity.
“We chose Usability Matters because they work more as a partner than a supplier. They are nimble, timely, responsive, highly experienced, and collaborative... They turned a really tricky and multi-faceted challenge into a manageable and timely project with an established process.”
Michael Telpner, Project Manager
As an international bank, Scotiabank needed to overhaul a total of 21 banking websites across the Caribbean and Latin America. Each site had to be mobile-optimized, user-friendly, and consistent with the Scotiabank brand.
Excited by the scope of this challenge, we took the reins and drove the project forward at every level: site design and architecture; project management copy editing and content migration; development and deployment in an enterprise-scale legacy CMS; and quality and user acceptance testing.
The target audiences were “mobile first”, but the existing design approach was desktop only. A major success of the project was our ability to devise a way to reverse-engineer responsive page designs from Scotiabank’s original desktop-optimized templates.
By working closely with Scotiabank’s digital project lead, IT managers, international staff, and Spanish translators, our team succeeded in launching all 21 responsive sites in just one year — a exceptionally fast turnaround for a project this size.
Over the years we’ve helped Zerofootprint design several carbon footprint-focused tools, including online games for schools, smart meters for home owners, visualization tools for large corporations, and easy-to-use apps for iPhone and Facebook.
Because Zerofootprint is committed to creating digital tools that engage and entertain, they rely on us to ensure each one is as beautiful and usable as possible.
We’re proud to say that Zerofootprint has received widespread praise for apps and graphics we helped create, including two Apps4ClimateAction awards and a nomination for a Design Exchange Award in Visual Communications: Content Development & Editorial.
A fresh take on the conventional travel website, Jaunt Destinations helps would-be travellers get inspired for their next trip abroad.
Most travel sites provide little more than a way to book flights and hotel packages. The Jaunt.ca team wanted to try something new — to motivate visitors who are between vacations to further their travel daydreaming and plan more trips on a new section of their site: Jaunt Destinations.
Because the team knew they had to provide not just a seamless user experience but also a captivating one, they reached out to us for help.
Together, we designed a gorgeous, responsive user interface for Jaunt Destinations that allows visitors to immerse themselves in rich, multimedia travel content on any device. The lush evocative photography, breezy storytelling, and fully responsive design allow prospective travellers to find thoughtfully curated tips wherever they may be planning their next trip.
Heart and Stroke Foundation
Each eTool is designed to help users assess and improve a different aspect of their health — including weight, blood pressure, and risk of stroke. We provide the HSF with the critical user research, UX design, and customized content they need to ensure each tool is as clear, easy to use, and relevant as possible.
In recent years eTools has become a critical part of the HSF’s digital engagement strategy. Mobile-friendly web apps such as My Health eSupport, and useful, actionable content such as the six-week Blood Pressure Makeover have been helping the HSF reach more Canadians every year.
In addition to Heart and Stroke eTools, we also regularly advise the HSF on overall digital project strategy and management through in-house workshops on a variety of topics, including information architecture, web content strategy, and web writing.
Book publisher Scholastic Canada generates massive amounts of sales and inventory data, but it often ends up scattered across multiple content platforms. Because of this, planning and creating sales catalogues used to be a time-intensive (and therefore expensive) process.
We were tasked with designing the UX and interface of a new internal system that would unify the publisher’s data. Our biggest challenge was incorporating dozens of data fields and facets into a single design in a way that wouldn’t confuse or overwhelm the user.
To quickly determine the most effective design, we conducted multiple rounds of card sorting and prototype testing. In record time, we distilled our findings down to an intuitive design that presented large volumes of data beautifully, sensibly, and efficiently.
Getting new medical technologies to market is a long, risky, and expensive process. MaRS EXCITE has streamlined this process in order to safely prove new medical technologies at lower cost and risk.
In select cases, clients look to us to go beyond UX strategy and design and manage production as well. For MaRS EXCITE, we worked with a trusted development partner to build, test, and deploy a responsive website. Together we also produced reusable, responsive WordPress templates now available to other MaRS groups.
An additional challenge was explaining MaRS EXCITE in a meaningful, compelling way. To tell their complex story beautifully and simply, we created a series of infographics that break down the what, why, how, who narrative.
Today our infographics remain the visual centerpiece of the MaRS EXCITE website, illustrating its high-level concepts while subtly complementing MaRS’s distinctive brand.