gamified carbon tracking app redesign
My Role
UX/UI Design Intern
Team
UX/UI Design Intern (2), Product Manager (1)
Timeline
Jul 2024 - Sep 2024
Project Type
Internship
I worked with Tanbii, a Web5 mobile application that gamifies sustainable habits for rewards, to evaluate and redesign their carbon tracking feature to help the company refine their beta product to improve user retention.
The carbon tracking feature is a core feature of the app which allows users to track their real-life carbon-reduction activities to earn tokens.
previous design
lack of onboarding caused confusion for how to start
app opens to game leaving other core features difficult to discover
We went through rounds of wireframe iterations and critiques from our stakeholders to refine these flows:
1
onboarding
2
carbon activity management
3
activity completion
new designs
1 - onboarding
personalization upon onboarding
onboarding sets users up with core features of the app (game, activities, rewards, friends)
users can choose activities of their interest during onboarding
Tooltip walkthrough
app opens to main menu instead of game
upon first use, users receive tooltips explaining the main menu
2 - carbon tracking activity management
streamlined and personalizable menu
3 - activity completion
improved visual flow and accessibility
accessibility
increased contrast ratios, text and button sizes
visual system
I created a UI kit with accessiblity in mind and the visual style of the original app.
The product manager was pleased with the final designs and passed them onto the leadership team. We handed off the annotated final designs and UI kit for the development team to use and build off of.
Onboarding process that personalizes carbon reducing journey and brings attention to core features
Personalizable activities list emphasizing progress metrics and incentives to improve user engagement
Clearer visual flow to reduce friction of tracking and completing activities
navigating ambiguity
No pre-existing research data or resources - I successfully created and executed a quick usability plan.
Prioritizing features - I was able to find direction and prioritize areas of focus when the project scope shifted around. We documented concepts that aligned with project goals but were out of scope for our timeline on our handoff documents for our stakeholders to consider for next steps!
justifying design decisions
Getting stakeholders on board - I framed my reasoning for prioritization and design decisions with business goals and usability insights.
Disconnect with the development team - we had language and time zone barriers so we relied on our product manager as a communication liaison. This pushed me to be extra clear when presenting my design decisions to the product manager and in my annotations on design documents.
