Brantforward

Community Safety & Civic Reporting App

Brantforward

Community Safety & Civic Reporting App

// UI/UX Design

Overview

Brantforward is a human-centered reporting application designed to empower Brantford residents to report and track neighborhood safety concerns collaboratively.

Overview

Brantforward is a human-centered reporting application designed to empower Brantford residents to report and track neighborhood safety concerns collaboratively.

Wilfrid Laurier University

Client: Workforce Planning Board of Grand Erie

Client: Workforce Planning Board of Grand Erie

TIME: Sep - Dec 2025 (12 weeks)

TEAM OF 5

ROLE: UX Designer (Research, Interaction Design, Prototyping)

The problem & Opportunity

The problem & Opportunity

Residents in Brantford often feel unsafe or unsure how to report minor urban issues, such as poor lighting, overflowing waste, or damaged sidewalks.

Existing systems are slow and lack updates, leading to frustration and disengagement from civic participation.

Design a civic reporting experience that is:

  • Easy to use

  • Community-driven

  • Transparent and accessible

Surveys & Interviews

These gave us breadth, understanding general attitudes, pain points, and what residents wished existed. We learned that people care deeply about their community but felt disconnected from city processes.

Research Insights

Target User Persona

We used quantitative and qualitative data from survey results and interviews to define target user profiles to build empathy during our design process

Competitive Analysis

Competitive Analysis

We analyzed existing civic engagement platforms and reporting systems : Van 311, Traffy Fondue, Citizen. 311 Toronto, NYC 311, Facebook groups.


We evaluated each option using consistent UX and service criteria:

  • reporting simplicity

  • accessibility / inclusivity

  • live request mapping

  • gamification

  • coverage area

  • backend visualization


to understand how similar systems support (or fail to support) residents reporting safety concerns.

We analyzed existing civic engagement platforms and reporting systems : Van 311, Traffy Fondue, Citizen. 311 Toronto, NYC 311, Facebook groups.


We evaluated each option using consistent UX and service criteria:

  • reporting simplicity

  • accessibility / inclusivity

  • live request mapping

  • gamification

  • coverage area

  • backend visualization


to understand how similar systems support (or fail to support) residents reporting safety concerns.

Think-Aloud Usability Testing

This gave us depth—hearing participants narrate their thought process helped us understand confusion points we never would have caught otherwise. "Wait, what does 'upvote' mean?" was a lightbulb moment.

Think-Aloud Usability Testing

This gave us depth—hearing participants narrate their thought process helped us understand confusion points we never would have caught otherwise. "Wait, what does 'upvote' mean?" was a lightbulb moment.

Quantitative Usability Testing with Contextual Observation

This gave us proof—objective metrics like task completion rates (70-100%), efficiency scores (55-95/100), and time-on-task measurements showed us exactly where our design succeeded or struggled.

Quantitative Usability Testing with Contextual Observation

This gave us proof—objective metrics like task completion rates (70-100%), efficiency scores (55-95/100), and time-on-task measurements showed us exactly where our design succeeded or struggled.

Heuristic Evaluation

Using Nielsen's 10 usability principles, we systematically assessed our design against established best practices, catching issues like poor error prevention and unclear iconography before they became bigger problems.

Heuristic Evaluation

Using Nielsen's 10 usability principles, we systematically assessed our design against established best practices, catching issues like poor error prevention and unclear iconography before they became bigger problems.

Secondary Research

We interviewed an IT expert to understand the technical feasibility of our solution, learning about database architecture, privacy considerations (GDPR), and realistic development timelines (1.5 months with 2-3 developers).

Secondary Research

We interviewed an IT expert to understand the technical feasibility of our solution, learning about database architecture, privacy considerations (GDPR), and realistic development timelines (1.5 months with 2-3 developers).

wireframe
wireframe

Iteration Summary

Iteration Summary

From Assumptions to Evidence

Early ideas were challenged through real user feedback, revealing gaps between intended and actual user behavior.

Refined Through Testing

Think-aloud sessions, contextual observation, and usability testing informed changes to navigation, labels, and reporting flow.

Validated with Data

Quantitative testing and heuristic evaluation confirmed which design decisions worked and where further improvements were needed.


Tutorial

Tutorial

Clear guidence for first time user

Reporting

Reporting

Provides a clear entry point to start a report (“Make a Report”).

Submit a report with three simple steps

Community

Community

Shows community activity, including reports, updates, and resolved issues.

Helps residents see the impact and the results.

Key learning

Key learning

Research First, Design Smarter

Mixed methods revealed real user needs and reduced assumptions.

Mixed methods revealed real user needs and reduced assumptions.

Iteration Drives Better UX

Continuous testing led to clearer flows and improved usability.

Context & Collaboration Matter

Community insights, accessibility focus, and team alignment strengthened outcomes.

One page UX summary

Reel image
12/4/2025

Team Brantpixel

more projects

more projects

Copy Email

dorisjiang8828@gmail.com

EST

11:41 AM

let’s collaborate

Copy Email

dorisjiang8828@gmail.com

EST

11:41 AM

let’s collaborate