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
HIGHLIGHT
CONTEXT
WHAT IS INVOLVEMINT
InvolveMINT is a start-up that helps people earn credits by doing volunteer work. These credits can be used to exchange goods or services from the places they help. For example, if someone volunteers at a community garden, they might be able to use their credits to get fresh vegetables like carrots. The goal is to make volunteering more rewarding and to support local communities in a meaningful way.
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
RESEARCH
METHODS
Unmoderated Usability Testing
Post-Test Surveys
Contextual Interviews
Heatmaps & Interaction Tracking
DEFINE CURRENT PROBLEM
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 hardest 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.
DESIGN
RECONSTRUCT USER FLOW
Integrated QR code scanning to replace manual data entry
→ Reduced errors and user frustration by streamlining onboarding.
Added step-by-step overview
→ Helped users understand the process upfront, reducing drop-offs.
Included photo prompts with examples
→ Improved submission quality by guiding users with clear visuals.
Implemented a progress bar
→ Gave users a sense of control and clarity throughout the flow.
TEST USABILITY
Mapped the full POI flow from check-in to review
→ Identified edge cases and usability gaps early with structured wireframes.
Used wireframes to visualize and validate interactions
→ Ensured user touchpoint was accounted for before high-fidelity design.
Ran usability tests on the flow
→ Achieved a 90% task success rate and confirmed increased clarity with iiiiiiiuser feedback.
Used findings to guide design direction
→ Aligned the new flow with real user needs before investing in final visuals.
REDESIGN DESIGN SYSTEM
Typography
→ Adjusted text hierarchy and spacing for better readability.
Color Palette
→ Replaced with a cleaner, modern palette using flat colors for clarity and iiiiiiibrand alignment.
Composition
→ Added white space and grouped elements for clarity and easier navigation.
Buttons
→ Replaced with solid-color buttons to enhance visual consistency.
→ Increased button size to improve accessibility and touch interaction.
FINAL PRODUCT
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.
TAKE AWAYS
WHAT I LEARNED
Working on InvolveMint taught me that great design isn’t just about visuals — it’s about aligning with people, business goals, and real impact.
I took initiative in redesigning the entire Proof of Impact flow — from wireframes to a full design system — identifying problems, proposing solutions, and validating them through testing.
I also collaborated closely with designers, the CEO, and other stakeholders, learning how to balance user needs with business strategy and communicate decisions with clarity.
Most importantly, I stepped into ownership: asking not just “what looks good,” but “what drives meaningful changes.”