Bridging Digital & Physical Waste Management

OVERVIEW

SPCTA is an integrated waste management company, committed to promoting sustainability through innovative waste collection, processing, and recycling solutions.


To streamline operations at its Material Collection Centre (MCCs), SPCTA required a robust web application that digitises daily activities, enhances efficiency, and provides real-time oversight. The MCC Web Application was designed to serve multiple stakeholders, from MCC owners monitoring overall performance to attendants managing waste collection and supervisors overseeing daily operations.


MY ROLE

I collaborated closely with the product manager and key stakeholders to research and design the MCC Web Application. My role involved understanding operational workflows, identifying user needs, and translating them into an user friendly, scalable digital solution.

TIMELINE

6 months | March 2023 – August 2023

PROBLEM STATEMENT

The primary challenge was to translate the day-to-day activities of SPCTA’s pilot Material Collection Centres (MCCs), which engage in processing different types of waste materials, into a seamless web application. This required capturing and digitising workflows to ensure smooth operations, including waste collection, categorisation, and logistics coordination.

RESEARCH AND INSIGHTS

The primary research approach involved conducting meetings with stakeholders at various levels to gain a comprehensive understanding of the workflows, pain points, and goals associated with the pilot MCC operations. These discussions provided critical insights into the needs of different user groups, which were then synthesised into distinct personas to guide the design process. Additionally, the MCCs were currently handling three types of waste, plastics, aluminium, and oil, each following a slightly different recycling process.


Through stakeholder engagement, several critical insights emerged:

1

Role-Specific Workflows

Each user group (e.g., MCC owners, supervisors, attendants) had distinct tasks and priorities, necessitating tailored features and access levels within the application.

1

Role-Specific Workflows

Each user group (e.g., MCC owners, supervisors, attendants) had distinct tasks and priorities, necessitating tailored features and access levels within the application.

1

Role-Specific Workflows

Each user group (e.g., MCC owners, supervisors, attendants) had distinct tasks and priorities, necessitating tailored features and access levels within the application.

2

Flexible Role Assignments

While multiple personas were initially defined, smaller MCCs often operated with limited staff, meaning one individual might assume multiple roles. The design needed to accommodate this flexibility.

2

Flexible Role Assignments

While multiple personas were initially defined, smaller MCCs often operated with limited staff, meaning one individual might assume multiple roles. The design needed to accommodate this flexibility.

2

Flexible Role Assignments

While multiple personas were initially defined, smaller MCCs often operated with limited staff, meaning one individual might assume multiple roles. The design needed to accommodate this flexibility.

3

Simplified Workflow for Attendants

Given that many MCC attendants had low literacy levels, the interface had to be intuitive and easy to use, enabling them to complete tasks effortlessly.

3

Simplified Workflow for Attendants

Given that many MCC attendants had low literacy levels, the interface had to be intuitive and easy to use, enabling them to complete tasks effortlessly.

3

Simplified Workflow for Attendants

Given that many MCC attendants had low literacy levels, the interface had to be intuitive and easy to use, enabling them to complete tasks effortlessly.

4

Training Cost Considerations

With numerous MCCs in operation, extensive training would be costly. The application needed to be straightforward and user-friendly to minimise training requirements.

4

Training Cost Considerations

With numerous MCCs in operation, extensive training would be costly. The application needed to be straightforward and user-friendly to minimise training requirements.

4

Training Cost Considerations

With numerous MCCs in operation, extensive training would be costly. The application needed to be straightforward and user-friendly to minimise training requirements.

IDEATION AND STRATEGY

With clear research insights, the next step was to map out the user flows to visualise how different personas would interact with the MCC web application. The initial approach focused on designing waste-based user flows, aligning each step with the waste recycling process for plastics, aluminium, and oil.


However, after discussions with the team, it became evident that a process-based flow would be more effective. This shift ensured that:

Tasks were structured around user responsibilities rather than waste types, making it easier for attendants and supervisors to follow.

Tasks were structured around user responsibilities rather than waste types, making it easier for attendants and supervisors to follow.

Tasks were structured around user responsibilities rather than waste types, making it easier for attendants and supervisors to follow.

Role-based navigation allowed for flexible assignments, ensuring that smaller MCCs with limited staff could operate efficiently.

Role-based navigation allowed for flexible assignments, ensuring that smaller MCCs with limited staff could operate efficiently.

Role-based navigation allowed for flexible assignments, ensuring that smaller MCCs with limited staff could operate efficiently.

Tasks were structured around user responsibilities rather than waste types, making it easier for attendants and supervisors to follow.

Tasks were structured around user responsibilities rather than waste types, making it easier for attendants and supervisors to follow.

Tasks were structured around user responsibilities rather than waste types, making it easier for attendants and supervisors to follow.

Process-based user flow diagram (Plastic)

DESIGN SOLUTIONS

With a clear structure in place, the next step was to translate the defined workflows into a user-friendly design. To ensure that the digital interface mirrored the real-world MCC experience, specific UI elements were chosen to align with how attendants physically interact with waste collection and processing.

1

Card-Based Interface for Baskets

In the MCC, waste is collected and processed in physical baskets. To reflect this familiar concept, a card-based UI was used to represent each batch of waste.

1

Card-Based Interface for Baskets

In the MCC, waste is collected and processed in physical baskets. To reflect this familiar concept, a card-based UI was used to represent each batch of waste.

1

Card-Based Interface for Baskets

In the MCC, waste is collected and processed in physical baskets. To reflect this familiar concept, a card-based UI was used to represent each batch of waste.

2

Large Visual Cues

Since many MCC attendants have limited literacy, the interface relied on bold, easily recognisable icons and colour-coded indicators rather than complex text instructions.

2

Large Visual Cues

Since many MCC attendants have limited literacy, the interface relied on bold, easily recognisable icons and colour-coded indicators rather than complex text instructions.

2

Large Visual Cues

Since many MCC attendants have limited literacy, the interface relied on bold, easily recognisable icons and colour-coded indicators rather than complex text instructions.

3

Step-by-Step Guided Process

The system was designed to guide users through each stage one step at a time, ensuring they follow the correct workflow.

3

Step-by-Step Guided Process

The system was designed to guide users through each stage one step at a time, ensuring they follow the correct workflow.

3

Step-by-Step Guided Process

The system was designed to guide users through each stage one step at a time, ensuring they follow the correct workflow.

4

Visual Progress Indicators

Each section had visual progress indicators, helping supervisors and attendants monitor the batch status at a glance.

4

Visual Progress Indicators

Each section had visual progress indicators, helping supervisors and attendants monitor the batch status at a glance.

4

Visual Progress Indicators

Each section had visual progress indicators, helping supervisors and attendants monitor the batch status at a glance.

OUTCOMES

The digitalisation of SPCTA’s workflow led to the creation of a seamless web application that could be efficiently deployed across multiple Material Collection Centres (MCCs). By streamlining processes and improving accessibility for various user roles, the web app enhanced operational efficiency and minimised training costs. Additionally, the improved structure and scalability of the platform positioned SPCTA for growth, helping the organisation secure additional funding to expand its impact in waste management and recycling.