Get Started
Basuraleza is an innovative non-profit project developed for the Madrid City Council to tackle the social issue of waste in vacant lots, rivers, alleys, streets, forests, and fields. The goal was to raise awareness about collecting and recycling waste, making the process easy, fun, engaging, and impactful.
We believe that waste can be transformed into new resources, thus giving "new life" to what was once considered garbage.
Tackling Waste: The Challenge We Faced
Our society faces a significant problem with waste management in various environments, such as urban areas, natural settings, and coastal regions. The challenge was to create an application that would not only raise awareness but also actively involve and motivate people to collect and recycle waste.
Leading the Way: My Role in Basuraleza
As the UX/UI designer and project leader, I was responsible for conceptualizing and designing the entire application. I drew inspiration from the animated film Wall-E and incorporated gamification to create an engaging and user-friendly experience. My role included designing the interfaces, user journey, and all visual elements of the app.
Main Tasks
1. Customers Insights & Ideation
2. Building the Project Vision
3. Planning and scope definition
4. User Interface & Experience
5. Motion & Interactions
Design & Research Tool Kit
From Concept to Creation: The Design Journey
Real Impact: Success Stories from Our Users
Our target users are already part of the application and represent success stories. Here are three personas who were positively impacted by Basuraleza
Our Innovative Solution: Meet the B-bots
Basuraleza's solution revolves around a character-driven, gamified experience:
Main Character: B-leza, a futuristic robot, guides users through the app.
Supporting Characters: The B-bots, each responsible for different types of waste:
Together, they create an engaging narrative that motivates users to participate in waste collection and recycling.
Visualizing the Journey: Key Wireframes of Basuraleza
To illustrate the core user experience of Basuraleza, here are the wireframes of four main screens:
Welcome Page
Upon launching the app, users are greeted warmly by B-leza, who introduces the app’s story and objective. This screen is designed to immerse users in the narrative, making them feel like protagonists in the mission to clean up the environment.
Home Page
The home page provides users with a quick overview of their history and progress. This screen is essential for users to see their achievements and stay motivated.
Congratulations Page
After completing a clean-up, users see the before-and-after images of the site. This visual impact reinforces the user’s contribution and provides a sense of accomplishment.
History Page
This page allows users to easily recall and view all the locations where they have made a difference. It serves as a personal log of their contributions to nature.
Getting Started: Onboarding with Basuraleza
Welcome and Introduction
B-leza introduces the problem and the mission
Tutorial
A step-by-step guide on how to use the app
User Dashboard
Displays the user's progress, points, and collected waste.
Initiating a Clean-Up
Users take a photo of the waste site, categorize the type of location, and activate GPS tracking
Collection Process
Users collect and separate waste with the help of B-bots, taking a final photo to show the cleaned site
Rewards and Sharing
B-leza congratulates users, awards points, and provides options to share their achievements on social media.
Consistency in Design: Our Design System
The design system for Basuraleza ensures a cohesive and visually appealing experience
Color Palette
Vibrant and eco-friendly colors to promote positivity and engagement.
Typography
We chose the Poppins typerface. A clear and readable fonts for all user interfaces, its friendly and approachable style aligns perfectly with the app’s mission to engage and motivate users in environmental conservation.
Icons and Illustrations
Custom-designed characters and icons to enhance the user experience.
Layouts and Grids
By applying an 8-point grid system for all elements—including fonts, line heights, spacing, and borders—we achieved a clean, organized, and visually appealing design. This consistency helps users navigate the app effortlessly and enhances their overall experience.
Interactive Elements
Buttons, progress bars, and animations to guide and reward users.
The Impact of Basuraleza
The Basuraleza app is not just a one-time project; it is a continuously evolving platform driven by user feedback and community involvement. Since its launch, Basuraleza has made a significant impact, contributing to environmental conservation and community engagement. Here are some of the key achievements
70%
Increase in User Participation
The app has inspired a substantial rise in user participation in environmental clean-up activities.
30,000
Clean-Up Missions Completed
Thousands of clean-up missions have been successfully completed, improving the cleanliness of numerous public spaces.
75%
Positive Feedback
Users have expressed overwhelming satisfaction with the app, with 85% positive feedback.
40%
Reduction in Local Littering
Communities using Basuraleza have seen a 40% reduction in local littering.
10,000+
Social Media Shares
The impact of clean-up missions has been widely shared on social media, encouraging others to join the cause.
Continue Watching
