Community Issue Reporting System

From frustration to clarity

A UX/UI case study focused on improving the issue reporting experience for residents of a beachfront residential complex.

App interface preview

The Problem

Residents face significant challenges when reporting and tracking maintenance issues

Current Process

Residents currently use WhatsApp to report issues to the property management team. This informal system has created several pain points:

Information gets lost

Messages get buried in group chats, and important details are often missed.

No confirmation

Residents never know if their report was received or acknowledged.

No status updates

There's no way to track the progress of reported issues.

Frustration and delays

The lack of transparency leads to resident frustration and maintenance delays.

WhatsApp Group Chat

Hello, the elevator in Building B is not working again. Can someone fix it?

9:23 AM

Thanks for letting us know. We'll look into it.

9:45 AM

Any update on the elevator? It's been 3 days now.

2 days later

Hello? Is anyone going to fix the elevator?

3 days later

"I never know if my message was seen or if anyone is actually working on the problem. It's like shouting into the void."

— Frustrated resident

User Research

We interviewed residents to understand their needs and pain points

Manuel illustration

Manuel, 62

Retired Teacher

Background

Manuel has lived in Building A for 8 years. He's not comfortable with technology and prefers face-to-face communication.

Key Frustrations

  • Finds WhatsApp confusing and overwhelming
  • Often forgets to include important details in reports
  • Prefers verbal confirmation that issues are being addressed

"I don't understand why I can't just call someone. All these messages get mixed up, and I never know who's responding."

Lucía illustration

Lucía, 34

Marketing Manager & Mom

Background

Lucía lives in Building B with her husband and two young children. She's tech-savvy but extremely busy and values efficiency.

Key Frustrations

  • Doesn't have time to follow up on maintenance requests
  • Needs clear timeline expectations for repairs
  • Wants notifications when issues are resolved

"Between work and the kids, I don't have time to keep asking about the status of repairs. I just need to know when it will be fixed."

Kevin illustration

Kevin, 28

Software Developer

Background

Kevin recently moved into Building C. He works remotely and prefers digital communication over face-to-face interactions.

Key Frustrations

  • Dislikes having to call or talk to maintenance staff
  • Wants a digital system to track all communications
  • Expects automated updates on issue status

"I shouldn't have to call or chase people down. There should be a system that lets me report issues and track them without having to talk to anyone."

Pain points

Understanding the emotional experience of reporting and tracking issues

Lack of Acknowledgment

Users need immediate confirmation that their issue has been received.

Timeline Uncertainty

Users want clear expectations about when their issue will be addressed.

Status Updates

Users need proactive updates about the progress of their reported issues.

MVP Features

Key functionality to address user pain points

Submit Issue

Easily report problems with a structured form that captures all necessary details.

  • Select issue category and location
  • Add detailed description
  • Upload photos of the problem
  • Indicate urgency level

Get Confirmation

Receive immediate acknowledgment that your issue has been received.

  • In-app confirmation message
  • Issue reference number
  • Estimated response timeframe
  • Confirmation email receipt

Track Status

Monitor the progress of your reported issues in real-time.

  • Waiting: Issue received, not yet assigned
  • In Progress: Work has been scheduled
  • Resolved: Issue has been fixed
  • View estimated completion date

Email Notifications

Stay informed with automatic updates about your reported issues.

  • Status change notifications
  • Maintenance appointment reminders
  • Resolution confirmation
  • Customizable notification preferences

Wireframes

Low-fidelity sketches exploring structure and flow

Login Screen Wireframe

Login Screen

Simple login with building selection and unit number. Allows for quick access with minimal friction.

Report Form Wireframe

Report Form

Structured form with required fields to ensure complete information. Photo upload option to provide visual context.

Success Confirmation Wireframe

Success Confirmation

Clear confirmation screen showing the report was successfully submitted, with a reference number and estimated response time. Provides immediate reassurance to users.

Issue Tracker Wireframe

Issue Tracker

Detailed view of issue status with timeline and updates. Provides transparency into the resolution process.

UI Design

High-fidelity screens with a coastal-inspired color palette

Login Screen

Login Screen

Clean and simple login interface with building selection.

Dashboard Screen

Dashboard

Overview of reported issues and their current status.

Report Issue Screen

Report Issue

Structured form with clear fields and photo upload.

Issue Details Screen

Submission Confirmation

Instant feedback confirming the successful submission of a report, with reference number and next steps to foster user trust and clarity.

Settings Screen

Overview & Filters

Organized dashboard displaying all user-submitted issues with category, status, and date filters for quick tracking and progress visualization.

Typography

Roboto Bold

Used for headings and emphasis

Roboto Medium

Used for subheadings and buttons

Roboto Regular

Used for body text and general content

Roboto Light

Used for secondary information and captions

Prototype & Testing

Validating our solution with real users

Interactive Prototype

Figma Prototype

Interactive prototype showing the complete user flow

Key Interactions

Issue Reporting

Complete form submission flow with photo upload and confirmation.

Issue Tracking

View and filter reported issues by status and category.

Notifications

Receive and manage status update notifications.

Usability Testing

We conducted usability testing with 3 residents representing our key personas to validate our solution.

Rafael illustration

Rafael, 60

Similar to Manuel persona

Key Findings
  • Struggled with photo upload functionality
  • Appreciated the clear confirmation screen
  • Successfully completed issue reporting task

"I like that it tells me exactly what will happen next. With WhatsApp, I never knew if anyone was listening."

Elena illustration

Elena, 35

Similar to Lucía persona

Key Findings
  • Completed all tasks quickly and efficiently
  • Particularly valued the status tracking feature
  • Wanted more detailed timeline estimates

"This would save me so much time. I love being able to see exactly when something will be fixed without having to call anyone."

Alejandro illustration

Alejandro, 30

Similar to Kevin persona

Key Findings
  • Completed all tasks without assistance
  • Appreciated the digital-first approach
  • Suggested adding chat functionality

"This is exactly what I want. No phone calls, no chasing people down. Just report the problem and track it until it's fixed."

Testing Insights

What Worked Well

  • Clear confirmation messages reduced anxiety about whether reports were received

  • Status tracking provided the transparency users were looking for

  • Structured form ensured complete information was provided

  • All users successfully completed core tasks without assistance

Areas for Improvement

  • Photo upload process was confusing for older users

  • Users wanted more specific timeline estimates for repairs

  • Some users requested a way to communicate directly with maintenance staff

  • Category selection could be more intuitive with visual icons

Final Thoughts

Reflections and next steps

UX Learnings

Transparency is Key

The most significant pain point for users was not knowing if their issues were being addressed. Clear status updates and confirmations dramatically improved user satisfaction.

Accessibility Considerations

Designing for a diverse age range required careful attention to accessibility. Larger touch targets, clear instructions, and intuitive navigation were essential for older users.

Balancing Detail and Simplicity

While we needed to collect comprehensive information about issues, we had to balance this with keeping the reporting process simple and quick. Structured forms with clear guidance achieved this balance.

Next Iterations

1

Improve Photo Upload

Simplify the photo upload process with clearer instructions and visual cues, especially for older users.

2

Enhanced Timeline Estimates

Provide more detailed and accurate timeline estimates for issue resolution based on issue type and priority.

3

Add Direct Communication

Implement a simple messaging feature to allow direct communication with maintenance staff within the context of a specific issue.

4

Visual Category Selection

Redesign the category selection with intuitive icons to make it easier to identify the correct category for an issue.

5

Management Portal

Develop a companion portal for property management to efficiently process and update reported issues.