clean-bangalore-hero

Jhatkaa.org | Designed in 2021

Namma Clean Bengaluru

Product strategy, art direction and visual design in multiple products across the edtech product ecosystem

Overview

Jhatkaa is an organisation that empowers citizens to take action with the help of various campaigns. Namma Clean Bengaluru is one such initiative to tackle the problem of garbage dumping and burning by increasing citizen involvement in tandem with the relevant authorities. The objective was to empower and encourage users to be active participants in making Bengaluru clean.

My Role

As a UI and UX designer, I worked on the user experience, responsive UI designs, illustration and animations closely with the Executive Director, Director of Technology, Campaign Manager and Developer to build the MVP.

Deliverables

icon-user-personas

User personas

icon-user-flows

User flows

icon-wireframe

Wireframes

icon-logo

Logo

icon-final-ui

Final UI designs

icon-illustration

Illustrations

icon-animations

Animations

comparison-image-1 comparison-image-2

Organization Goals

Quick and rewarding garbage reporting

A lean and rewarding process of garbage reporting to ensure user participation

Easy accessible for all

Enable citizens and government authorities access from anywhere and any device

Continuous engagement

A motivating and rewarding approach to increase user engagement over time

clean-bangalore-app-screens

My Process

Discover Define Ideate Deliver

The client had a good idea of the broad functionality of the product through user interviews and surveys. I started the design journey by gaining a deeper understanding of the solution that the clients wanted to execute as well as the users requirements.

User Research Insights

statistics-1
statistics-2
user-insights-graphic
Discover Define Ideate Deliver

Functionality Definition

Based on the proposed solution the functionality was defined.

Report garbage dumping and burning

  • Location
  • Image upload
  • Create reports
  • View existing reports

Report Clean-Ups

  • Location
  • Image upload
  • Create reports
  • View existing reports

Join Squads in their area

  • View squads
  • Create squads
  • Talk to squad members
  • Share squad and invite members

Join Cleanliness Events

  • View events
  • Create events
  • Share events

User Roles Definition

Based on the functionality, four user roles were defined

new-user

New User

registered-user

Registered User

volunteer

Volunteer

leader

Leader

Garbage reports View and create View and create View and create View and create
Clean up reports View and create View and create View and create View and create
Squads View and join (on sign up) View and join View, join, share and chat View, join, create and manage
Events View View and join View, join and share View, join, create and manage

Feedback

After, creating user flows and discussions with the tech and business leads, the following observations were made:

To streamline the product further, there would be 2 user roles primarily - unregistered and registered users.
Event and squad creation and communication would be handled outside the platform through Whatsapp.

new-user

New User

registered-user

Registered User

Garbage reports View and create View and create
Clean up reports View and create View and create
Squads View and join (on sign up) View, join and share
Events View View, join and share
Discover Define Ideate Deliver

An immersive map

The design strategy was to centre all the functionality defined above around a map of the city. This would make all the information easily accessible and encourage usage participation by emphasising on the fact that this is their place of residence and they have the power to make it better.

immersive-map

Capturing users

Users would be encouraged to register on the platform to create reports, join squads and events.
This would be done by making the user invest in the process first, by taking an image of the garbage for example, and then signing up to upload, followed by messaging to reward their investment in the process. There would be an option to skip sign up as well.

capturing-users
Discover Define Ideate Deliver

Homepage

The UI used brand colours and fonts, and Material 2 guidelines for the overall design language. The brand colour of Jhatkaa is red, which is a colour that typically denotes error messages in UIs. But, here we wanted to harness the emotions of passion, urgency and action which is why red was used so prominently throughout. The colour palette apart from red is neutral to complement it.

home-page

Profile Gamification

Once we had users on the platform, we had to think of a way to keep users continuously engaged by encouraging them to perform more actions. We created profile levels and badges for actions. The more actions a user would perform, the more badges they would earn and the more they would level up their profile.

rewarding-language

Rewarding Language

We wanted to use positive, clear and rewarding language throughout the product to make users feel good when they took an action.

rewarding-language

Post Launch

The tool can be seen here - Namma Clean Bengaluru (jhatkaa.org).

“During the run of just 1.5 months, the Clean Bengaluru tool has received a remarkable 120+ reports. This success can be attributed to the active involvement of community groups such as The Indian Ploggers Army, Cognition \Bangalore, Zero Waste group, Hasirudala innovations, volunteers, and colleges." Clean Bengaluru Tool: Mobilizing Citizens and Authorities for a Cleaner City - Jhatkaa.org News

“Launched less than a month ago by Jhatkaa.org, the application named ‘Namma Clean Bengaluru’ has received reports of 30 black spots in various parts of the city. According to the NGO, students from various educational institutes are the most interested in improving the city." Cleaning Bengaluru, one spot at a time (indiatimes.com)

"A resident from Jayanagar 3rd Block said, “Garbage has been piling up near our neighborhood for years. We had no idea who to contact to report the problem. The tool helped us report the issue, we are now hoping for the place to be cleaned up. We have seen regular cleanups in Shalini Grounds by the Ploggers Army. By reporting these incidents and adopting sustainable practices, we can make a positive impact on our environment.” One-stop trash tool in city (indiatimes.com)

Other Projects

mann-malang-cover
icon-desktop icon-phone

Mann Malang

Visual strategy to create a resource and support driven community for Intersex people.

Branding • UI & UX • Illustration

View
xane-ai-cover
icon-phone

Xane AI TDC

Visual strategy for a mass image gathering mobile app to train an LLM

UI & UX • Illustration

View
clean-bangalore-cover
icon-desktop

Zuellig Pharma

Product ownership and visual design in multiple products across B2B Pharma E-commerce

UI & UX

View