top of page

Region of Waterloo:
Pocket Cards

The Pocket Cards, a first-year university initiative and my first team project using Figma, received the 3rd place Scotiabank Prize Award. These pocket-sized, brochure-style cards offer essential information on food and shelter resources.

third-place-medal-clipart-free-9-removeb

Overview

Project Goal

Problem Statement

User and Audience

To come up with the best solution to have quick and easy access to information regarding food and shelter.

To redesign the current Pocket Card in a way that the information available is reliable, readable and easily accessible to the users.

Primary Audience/User:

The Unhoused Community

and Individuals 

Secondary Audience/User:

Workers/volunteers of

the Region of Waterloo

​Team Members:

  1. Priyanka Baskaran

  2. Alia Bibi

  3. Daniel Chung

  4. Rathesa Kodeeswaran

  5. Farizah Naeem

  6. Mohamed Shaffie

  7. Jagdeep Singh

  8. Liana Valdez

  9. Isabel Uribe-Perez

Roles and Responsibilities

Separately,

-Alia Bibi: Selection process using Now, How?, Wow! Method and The Four Categories Method 

-Daniel Chung: Journey Map

-Rathesa Kodeeswaran, Persona, Usability Testing

-Farizah Naeem: Background Research/ Background Information

-Jagdeep Singh: Hi-fidelity prototype

-Liana Valdez: Live Document/QR code creation, Usability Testing

-Isabel Uribe-Perez: Project Constraints, User Needs Statements, Usability Testing

 

Together,

-Ideation, and voting on top ideas

-Low fidelity prototyping

Scope and Constraints

  • Really big group, hard to manage meeting times

  • Ethics approval process will take 3-4 months

  • Safety concerns due to lack of training in approaching the unhoused community

  • Budget considerations for cost efficiency

  • Design constraints related to colour selection

  • Need to adapt to technological advancements while preserving the physical design

Solution

  • Created a shared document

  • Everyone worked on their individual parts on their own pace

  • Video called during the break to have a meeting and discuss any problems and to catch everyone up to speed

  • We used all the tools provided to us

  • We were encouraged to think outside the box and develop solutions that enable us to navigate around the constraints

The Working Process and Actions Taken

Empathy

Secondary Research 

As a team, we build empathy with our users through Secondary research and Group Interviews.

Screen Shot 2024-08-12 at 3.12.44 PM.png

Which included reading recent news articles, reviewing government data, videos, and websites of stakeholders

Click the button to access Interview Transcript

With our Secondary Research and Group Interview Results, we then came up with a Persona

Screen Shot 2024-08-12 at 3.33.42 PM.png

We then created a Journey Map for our Persona

Early Research Findings and User Feedback

Pocket Card Updates

  • Receiving information about schedule changes are through email

  • Pocket Cards are updated every two months

  • Using posters at library as a way of communicating information out

Issues

  • Cannot gain access to internet or have a low knowledge of digital literacy

  • Information changes frequently causing pocket cards to be outdated

  • As many services are willing to reach out and help, the pocket card is too small to fit all information

  • Small businesses are hard to partner with due to demographic of clients

Improvement

  • Accurate and dated information

  • Information about public bathrooms locations

Screen Shot 2024-08-12 at 4.14.04 PM.png

Define

User Needs Statement

Screen Shot 2024-08-12 at 4.38.44 PM.png
Screen Shot 2024-08-12 at 4.39.04 PM.png
Screen Shot 2024-08-12 at 4.39.19 PM.png
Screen Shot 2024-08-12 at 4.39.37 PM.png
Screen Shot 2024-08-12 at 4.46.06 PM.png

Ideate

All team members ideated solutions and we used Post-it Voting to shortlist ideas

Screen Shot 2024-08-12 at 5.20.39 PM.png
Screen Shot 2024-08-12 at 5.21.31 PM.png
Screen Shot 2024-08-12 at 5.20.52 PM.png
Screen Shot 2024-08-12 at 5.21.45 PM.png
Screen Shot 2024-08-12 at 5.32.39 PM.png
Screen Shot 2024-08-12 at 5.21.18 PM.png
Screen Shot 2024-08-12 at 5.22.04 PM.png
Screen Shot 2024-08-12 at 5.22.19 PM.png
Screen Shot 2024-08-12 at 5.20.26 PM.png
Screen Shot 2024-08-12 at 5.20.05 PM.png

Selection Process

Screen Shot 2024-08-12 at 5.48.42 PM.png

Low-Fidelity Prototype and Testing

First Prototype

Usability Testing Plan

Screen Shot 2024-08-12 at 6.04.38 PM.png

Usability Test Findings

Priority 1:

  • User found text was small in size, making it hard to read

Screen Shot 2024-08-12 at 6.15.27 PM.png

Before

After

  • Unsure of where the QR code would lead

Screen Shot 2024-08-12 at 6.20.06 PM.png

Before

After

Priority 2:

  • Spacing and alignment of tags/headings

  • Re-adjusting the size of the box containing scheduling information

Before

After

Screen Shot 2024-08-12 at 6.25.42 PM.png

Medium-Fidelity Prototype and Testing

Second Prototype 

Screen Shot 2024-08-12 at 7.39.39 PM.png
Screen Shot 2024-08-12 at 8.50.19 PM.png

Scan QR Code to access live document

Live Document Prototype 

Case Study Slide Deck

Outcomes and Takeaways

 

The Region of Waterloo Pocket Cards project taught us the importance of designing concise, user-friendly resources that effectively communicate essential information to those in need.

bottom of page