End-to-end redesign of InvolveMint’s POI (Proof of Impact) process to elevate volunteers’ clock in/out experience.
Role
UX Designer
Skills
User Research
UX/UI Design
Product Design
App Design
Tools
Figma
Illustrator
Timeline
Mar 2024 - Jun 2024
BACKGROUND
InvolveMINT is a start-up that focuses on creating platforms that facilitate social impact and engagement, enabling individuals and organizations to track and showcase their contributions to various causes. By leveraging user-friendly design and data-driven insights, InvolveMint aims to enhance transparency and accountability in the nonprofit sector, making it easier for stakeholders to measure and demonstrate the impact of their initiatives.
MY JOB
My internship involves redesigning the Proof of Impact (POI) process at InvolveMint, which provides transparent and verifiable evidence of community contributions. The current process includes tracking activities, verifying data through receipts and blockchain, measuring impact with key metrics, visually reporting results, and rewarding users with badges and certificates. My goal is to streamline the experience, making impact tracking clearer, more engaging, and more motivating for users.
PREVIOUS DESIGN
OBJECTIVE
Redesign the POI (Proof of Impact) experience by identifying critical usability and engagement issues and translating them into actionable design improvements.
METHODS
Unmoderated Usability Testing
Post-Test Surveys
Contextual Interviews
Heatmaps & Interaction Tracking
DEFINE
According to the research results, here are the pain points of the current design:
Low Satisfaction with Record Visualization
Only 2 out of 5 users found the record visualizations helpful, as many felt unsure if their work was properly tracked.
Complex Photo-Uploading Process
With a 62.5% success rate, photo uploading was the most error-prone task. Users struggled with unclear options like “Retake,” and heatmaps showed repeated clicks on confusing elements.
High Difficulty for New Users
New users took twice as long as experienced ones and frequently needed help. They found the process overwhelming, often citing too much text and unclear next steps.
Typography
Improve contrast between headers and body text using size or color.
Reduce text clutter with icons or collapsible sections.
Button
Remove heavy shadows for a cleaner look.
Use solid colors over gradients for consistency.
Make CTAs clear and recognizable.
Composition
Add white space for better clarity.
Increase spacing between elements to avoid errors.
Group content into defined sections for easier scanning.
RECONSTRUCT USER FLOW
To improve the POI user flow, I simplified the onboarding process by integrating QR code scanning to eliminate manual data entry. This reduced user error and improved accuracy. I also enhanced user guidance by adding a clear step-by-step overview, photo prompts, and a progress bar, helping users stay informed and confident throughout the submission process.
TEST USABILITY
During the design phase, I carefully mapped out the full POI submission flow, from initial check-in to final record review, using structured wireframes. This comprehensive layout helped surface edge cases and usability gaps early in the process, ensuring no interaction point was overlooked. By testing these flows through usability studies, we observed a 90% task success rate and received direct feedback from users highlighting increased clarity and ease of use. The wireframe mapping not only guided the design direction but also validated that the new flow met real user needs.
REDESIGN DESIGN SYSTEM
To enhance readability and visual consistency, we developed a streamlined design system aligned with InvolveMint’s minimalist aesthetic. This system systematically addressed previously identified UI issues, improving hierarchy, clarity, and overall user experience.
From check-in to proof—seamless, simple, done.
ON-BOARDING
No more guesswork, no more second-guessing. Our redesigned onboarding flow visually walks users through what to expect—step by step—so they feel confident, informed, and ready to act from the very start.
PROJECT SELECTION
To simplify the process, we replaced manual data entry with a QR code scan or quick project selection. This reduces user errors and speeds up onboarding through automated, accurate input.
CLOCK IN
To reduce confusion during clock-in, we introduced clear photo prompts that guide users through what’s required. The clock-in page was also redesigned to prioritize essential information—such as remaining time and action buttons—ensuring a clean, focused interface. Additionally, we added a time selection feature to help users track the duration of their volunteer work, addressing prior concerns about uncertainty and incomplete records.
CLOCK OUT
To reduce user confusion during clock-out, we added a confirmation popup to prevent mistakes and streamlined post-clock-out steps like photo uploads and questions. A final summary screen celebrates the user’s impact and credits earned, turning the experience into a moment of recognition and motivation.
