Civix

Civix provides a centralized civic platform where users can report issues, track progress, and receive updates through a transparent and accessible interface.

UX

UI

Product Design

Project Overview

Client: Civix
Industry: Government to consumer
Timeline: A week (2026)
My Role: Product Designer

Context

Existing civic platforms are fragmented, difficult to use, and lack transparency. Users often do not know whether their complaint was received, who is responsible, or when it will be resolved. This reduces trust and discourages adoption of digital civic services.

How Did I Add Value?

As the sole designer, I made the complaint submission flow easier for city residents across age groups and socio-economic backgrounds, primarily smartphone users, with uneven digital literacy and varying expectations from government systems. 


Discovery
Internal Findings

During user interviews, i found key pain points that citizens face:

  1. Lack of complaint status visibility

  2. No proactive updates from authorities

  3. Complex and time-consuming reporting flow

  4. Low trust in complaint resolution systems

  5. Repetitive location entry for frequent reporters


Problem
Citizens struggle to access and trust civic services due to complex, fragmented systems that lack transparency, guidance, and accountability.
  1. Service access and complaint registration flows should guide users step by step, clearly explaining what information is needed, what will happen next, and how long each step may take. Users should be able to track progress and receive updates without having to follow up manually. 

  2. Trust and accessibility should be embedded through clear ownership of complaints, transparent timelines, multilingual support, and options such as voice input or assisted flows for users who struggle with text-heavy interfaces. 

 

The Challenge

Design a unified mobile application that enables citizens to:

  1. Report civic issues quickly

  2. Track complaint progress transparently

  3. Receive timely updates without manual follow-up

  4. Use the system easily regardless of digital literacy


My Solution

Civix provides a centralized civic platform where users can report issues, track progress, and receive updates through a transparent and accessible interface.

Core capabilities include:

  1. Fast complaint reporting using photo and location

  2. Complaint tracking through status timeline

  3. Real-time updates via notifications

  4. Location auto-detection to reduce repetitive effort

  5. Clear department ownership and resolution updates

Onboarding

I tried to create AHA! moment for the citizens when they move towards language selection

  1. Instead of telling the citizen how they should proceed, I highlighted why it is valuable.

  2. Instead of telling them what i am offering in this app, displayed the services clearly even with the CTA button.

  3. Instead of asking the citizens, i offered people one clear reason so they want to be notified.


Homescreen

After authentication via mobile number and OTP, the citizen lands on homescreen. Citizens can enable location on the home screen to automatically detect complaint location. This reduces repetitive effort while allowing manual modification if needed.

There is a quick report section that lists issues most frequently used by citizens, allowing them to select at a glance instead of clicking the report issue button and then selecting it.


Report Issue Screen

Issue categories were designed using consistent color coding (e.g., Roads – Red, Garbage – Green, Water – Blue, Electricity – Yellow) to enable faster visual recognition.

This reduces cognitive load and helps elderly users, forgetful users, and users with lower digital literacy quickly identify and select the correct issue type without relying entirely on text. Color coding improves usability, especially in multilingual and accessibility-focused environments where users may rely more on visual cues than written labels.

Complaint Submission Screen

Complaint submission was designed as a single-screen form combining photo, location, and description. This reduces effort, improves completion rate, and supports users with lower digital literacy.

Notification access is again requested after complaint submission, when users expect updates. This improves permission acceptance and ensures relevance.

Complaint Tracking Screen

Reported issues are categorized by status: in progress, resolved, or all complaints.

Each complaint includes a timeline with status progression, timestamps, and department ownership. This improves visibility and builds user trust.

Included a contact support button at the bottom because the citizen expects it if their issue is not resolved, and the citizen can connect with the help for assistance.

Ready to build something amazing?

I'd love to connect with you!

Create a free website with Framer, the website builder loved by startups, designers and agencies.