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.

Wilfrid Laurier University

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

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

Comparative Analysis

We analyzed existing civic engagement platforms and reporting systems to understand their strengths, weaknesses, and gaps that Brantforward could address.

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.

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).

wireframe

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

Clear description for first time user

Reporting

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

Submit a report with three simple steps

Community

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

Helps residents see the impact and the results.

Key learning

Research First, Design Smarter

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.

Reel image
12/4/2025

Team Brantpixel

more projects

Copy Email

dorisjiang8828@gmail.com

EST

8:10 PM

let’s collaborate

Copy Email

dorisjiang8828@gmail.com

EST

8:10 PM

let’s collaborate