Project Timeline

Client: Sri Lanka Police
Role: UX/UI Designer
Duration: 4 weeks
Tools Used: Figma, Illustrator

Project Overview

The Sri Lanka Police eTraffic app redesign is a citizen centered digital solution aimed at improving road safety and strengthening the connection between the public and law enforcement. The new design introduces a modern, intuitive interface that allows users to report road incidents, access safety resources, and engage with real-time traffic updates.

Current Problem Statement

The Challenge

The previous version of the eTraffic app suffered from multiple critical usability issues that significantly impacted user adoption and engagement


❌ Unintuitive Navigation

Users struggled to find features

❌ Poor Visual Hierarchy

Key actions were buried

❌ Limited Features

No education or engagement tools

❌ No Feedback Loop

Users never saw report outcomes

❌ Trust Deficit

Low confidence in system

User Journey - Before Redesign


Design Process

User Research

Survey Insights (150 Respondents)

Demographics

Age Range: 18-55 years old
Location: Colombo, Kegalle, Galle, Kurunagala
Driving Experience: 0-25 years


Question

Response

Have you used the current eTraffic app?

Yes: 23% / No: 77%

Would you report traffic violations?

Definitely: 45% / Maybe: 38% / No: 17%

What stops you from reporting?

Complexity: 42% / Privacy: 31% / Distrust: 27%

Preferred way to access traffic laws?

Mobile App: 67% / Website: 21% / Other: 12%

Need for emergency contacts in app?

Essential: 89% / Nice to have: 9% / Unnecessary: 2%

User Interviews (12 Participants)

Interview Structure

Duration: 10-25 minutes each
Format: Semi structured interviews
Recording: Audio with consent

Key Interview Quotes

"I've witnessed so many accidents but never knew there was an app to report them. If it was simple, I'd definitely use it."
"The current app feels like it was made in 2010. I want something modern that I can trust."
"As a police officer, I can tell you we rarely get reports through the app. Citizens don't know how to use it."
"I need quick access to emergency numbers. During an accident, every second counts."

Research Findings


USABILITY ISSUES

TRUST & FEEDBACK

FEATURE GAPS

ACCESSIBILITY NEEDS

Complex navigation

No status updates

No complaint tracking after submission

Language options

Hidden features

Distrust in outcomes

No safety education

Font size options

Poor icons

No proof of action taken

No traffic updates

Limited platform availability
(Android only)

Slow loading

Unclear privacy policy

No emergency contacts

Color contrast issues

Competitor Analysis


Feature / Method

Traditional Method (Calling 119)

Social Media (Facebook Groups)

eTraffic App

Speed of Reporting

Slow (Wait times)

Fast (Upload photo)

Instant (3-Tap Report)

Evidence Quality

Low (Verbal only)

High (Visual)

High (Geo-tagged Video/Photo)

Privacy

High

Low (Public exposure)

High

Feedback Loop

None

Public Comments (Noise)

Real time Status Tracking

Official Action

Yes

No (Informal)

Yes (Direct Police Integration)

User Personas




Key Areas of Focus for Enhancement


Streamlined Onboarding

One-tap Incident Capture

Emergency Quick Access

Real-time Notifications

Community Dashboard

Safety Tips & Stories


User Testing


Task Description

Success Criteria

Complete onboarding

< 2 minutes

Report a traffic incident

< 1 minute

Find emergency contacts

< 15 seconds

Look up speed limit laws

< 30 seconds

Check report status

< 20 seconds

Watch a safety video

< 30 seconds

View achievement badges

< 15 seconds

Key Improvements Based on Testing


Issue Found

Change Made

Users missed the capture button initially

Added tooltip in onboarding

Law search was confusing

Added category tabs

Some icons weren't intuitive

Added text labels

Loading states unclear

Added skeleton loaders


Final Design




Prototype Link: https://www.figma.com/proto/2UNA9IkTh3ce22YLXvMEKJ/E-Traffic?page-id=0%3A1&node-id=1-46&viewport=85%2C559%2C0.05&t=mm5jPudBSCq9TN1H-1&scaling=scale-down&content-scaling=fixed&starting-point-node-id=1%3A46


EeTraffic App Redesign

Enhancing User Experience for the eTraffic Mobile Application UX Case Study

Client:

Srilanka Police

Date:

January 12, 2025

Type:

Mobile App

Role:

UI/UX Designer

Enhancing User Experience eTraffic Mobile Application
Enhancing User Experience eTraffic Mobile Application
Enhancing User Experience eTraffic Mobile Application

Copyright © SithCreation 2025. All rights reserved.

Copyright © SithCreation 2025. All rights reserved.

Copyright © SithCreation 2025. All rights reserved.

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