Allan.
UX Case Study — EdTech × Sustainability

SWApp
Mobile

A mobile application that encourages students to participate in school waste segregation activities through engaging interactions and rewards.

Role
UI/UX Designer
Duration
4–6 weeks
Tools
Figma, Miro, Adobe XD
Designed a user-friendly experience that makes participation easy, enjoyable, and rewarding.
Category selection screen
Welcome to SWApp screen
Student selection
4–6
weeks, end to end
02
user segments
05
week design timeline
06
core product screens
01 Overview

The problem, the goal, and what success looks like

Problem

Traditional waste segregation activities in schools are manual, hard to track, and often fail to engage students.

Goal

Create a fun and simple mobile app that motivates students to participate while helping schools track and reward actions.

Success criteria

  • Easy onboarding and navigation
  • Clear and engaging user experience
  • Encourage participation and consistency
  • Easy tracking for teachers and parents
02 Primary Users

Two audiences, kept in sync

Students need it to feel like a game. Parents and teachers need it to feel like a reliable record.

Students

Goals

Participate easily and learn so grades school below can participate.

Pain points

Confusing flows, low motivation, unclear instructions.

Parents / Teachers

Goals

Monitor activities, participation, track progress.

Pain points

Hard to monitor, time-consuming processes.

03 Research

Competitive research & design exploration

Reviewing similar student-facing and reward-based apps before defining a direction.

Key findings

  • Bright and friendly visuals increase engagement.
  • Card-based layouts improve readability.
  • Gamification and rewards drive motivation.
  • Simple navigation reduces user confusion.
Reference screenshots
Competitor reference screenshot 1
04 Creating the Flow

Mapping for the better experience

The user flow was designed to minimize steps and make participation quick and rewarding.

Competitor reference screenshot 1

Project timeline

WEEK 1

Research & Problem Definition

WEEK 2

Competitive Analysis & User Flow

WEEK 3

Wireframes & Iteration

WEEK 4

UI Design & Prototyping

WEEK 5

Feedback & Refinement

05 Craft

From early wireframes to final decisions

Wireframes (early exploration)
Early wireframe sketch 1
Key design decisions

Friendly visual language

Bright colors, illustrations, and rounded elements create a welcoming feel.

Simplified navigation

Key actions are easy to find and accessible with minimal taps.

Reward visibility

Progress, points, and achievements stay visible to motivate participation.

Consistent patterns

Buttons, cards, and interactions behave the same way throughout.

Accessibility first

Large touch targets, readable text, and strong contrast for all users.

Product screens — final design

Key screens that demonstrate the final experience
Onboarding screen
SCREEN 01

Onboarding

Simple onboarding introduces the app and its purpose.

Scan and participate screen
SCREEN 02

Scan & Participate

Quick QR scanning makes participation easy and fast.

Dashboard screen
SCREEN 03

Categories

Overview of parts or section of the school where you find issues.

Activities screen
SCREEN 04

Subcategories

Listed some areas of the selected main category.

Rewards screen
SCREEN 05

Captured Images

View of images captured and saved for review.

Profile screen
SCREEN 06

Profile

Manage personal info, settings, and preferences.

06 Impact

Results, reflection, and the prototype

Results & outcomes

  • Created a clearer, more enjoyable experience for students
  • Simplified participation flow with fewer steps
  • Established consistent UI patterns and components
  • Encouraged engagement through rewards and gamified elements
  • Delivered a responsive and accessible mobile app

This project reinforced the importance of designing for younger audiences through simplicity, fun visuals, and clear interactions.

If revisiting this project, I would conduct usability testing with students and teachers to validate assumptions and further improve the experience.

Watch Promo Video

A showcase of SWApp’s capabilities in improving student safety and engagement within school environments.

Like what you saw?

I'm always open to new opportunities and exciting collaborations.