Design UI UX Limbijak Mobile Apps
"Hello, let me introduce Limbijak, a waste mapping application. It's a tool designed to assist in reducing waste within the environment and encourages community involvement in cleanup efforts."
Enhance your environmental awareness with the Limbijak app, providing solutions to environmental issues around you. The Limbijak app offers three main features: Clean Up, Report, and Exchange Points.
The first page displays a map based on the user's current location.
Additionally, this page shows:
Location synchronization.
Cleanup location details.
User comments.
Location photos.
The second page displays:
Completion time.
Remaining time.
Cleanup location.
The third page displays evidence of location cleanup in the form of photos and videos. Here, you can also:
Edit or delete photos.
Add location descriptions.
Select waste delivery methods.
This page will display locations with a high severity level. Additionally, this page also shows:
Location name.
Location photoDistance from the user's position.
Number of participants who have joined and the required number.
The second page displays:
Details of when the event will take place.
Location details.
The third page showcases actions that must be completed as evidence in the joint cleanup event.
Here, you can also:
Edit or delete photos.
Add location descriptions before, during, and after cleanupe.
The first page displays a report form that users can fill out to report a dirty location.
Additionally, this page shows:
Location map
Map synchronization feature
Address details
Photos of the location's condition
Selecting Location Status such as High, Medium, Low
Adding a location description
The second page:
Results from the user's camera
The third page:
Displays that the report created by the user is currently being processed
After engaging in individual or group cleaning activities, users will earn points that can be exchanged for various options.
On the first page, it displays:
User's points balance
User profile photo Point redemption options (Mobile credit balance, E-wallet balance, Food vouchers, and Beverage vouchers)
On the second page, users enter the point redemption process where they can:
Select the E-wallet they want to use
Enter their number
Input the number of points they want to exchange
The app will convert the amount of money obtained from the points exchange
The third page features a pop-up display when the point exchange process is successfully completed.
The first page displays a waste collection form.
Additionally, this page shows:
User's Location Map
Map Synchronization Feature
Address Details
Selection of Pickup MethodPayment Details
The second page:
Displays the Driver's Tracking Map
Driver's Profile
Driver's Call and Chat Feature
Transportation Weight
Status
The third page:
Shows Tracking DetailsPayment Details
Limbijak has other features:
Articles, Tutorials, and Activities.
On the first page, the "Articles" feature displays:
A Search Bar to find desired articles
Article filtering options
Popular articles related to the environment
Latest articles
The second page, the "Tutorials" feature, provides necessary information. When users encounter difficulties using the app, Limbijak offers comprehensive guidance on app usage, including:
Point exchange
Individual cleanup
Community cleanups
Reporting
On the third page, "Activities" will display all history, including ongoing activities and transaction history conducted by the user.
"Limbijak" uses a design system as follows:
The design adopted by "Limbijak" applies concepts from the Nielsen Usability Heuristics, wherein:
Consistency and standards, along with aesthetic and minimalist design characterized by consistent and appropriate use of colors, text, and components.
Confirmation pop-ups during activities indicate user control and freedom, error prevention, and visibility of system status.
Application of visual icons that apply match between the system and the real world.
There are several components, including:
Limbijak Logo
Event Card
History Card
Status Bar
Navigation Bar
Color
Poppins Font
Icons