Mogo Inc.: Carbon Offset
Introduction
Mogo is a Vancouver-based fintech company that aims to help Canadians control their finances through offering products such as prepaid card, credit score check, identity fraud protection, mortgage, crypto wallet, and loans, with a mission to help Canadians to control their finances.
Mogo saw that there was a huge demand for sustainability from the Mogo users as well as potential target users. Mogo decided to introduce a new carbon offset feature for the existing Mogo prepaid card — Allowing members to offset up to 1lbs of carbon per dollar members spend on a Mogo prepaid card.
Role
Product Design
Categories
Marketing website, iOS and Android mobile apps, web app
Year
2018–2020
Requirements
The requirement was informing members how much CO₂ they’ve offset so they’re more encouraged to use Mogo cards.
Research
I started looking at other websites and apps offering carbon offset products or carbon footprint-related information, evaluated and learned what was successful/not successful.
I also looked into websites displaying complicated data in clean, simple ways.
Learning
From my research, I learned that:
- We need references that can help members understand what a certain amount of CO₂ really means
- An interactive calculator with an individual’s lifestyle can provide good insights, tailored information, and experience.
- An interactive calculator can be used as a marketing tool to promote the new carbon offset feature and potentially to turn more people into Mogo members.
With the business stakeholder’s request to release the carbon offset feature in a few sprints, I broke up solutions into three phases to make them achievable.
Challenges
The challenges were:
- Make sure members understand what carbon offsetting is & why carbon offsetting is important.
- How Mogo can update existing members and new users about the carbon offset feature and their carbon offset data information efficiently, without complicating existing flow & marketing communication.
To further investigate, I created and examined user journeys based on the strategy I made.
Initial Prototypes and Validations
I ran A/B tests and usability tests on the initial design variations.
Here are some of the key insights from the tests:
- Overall, all the information was easy to understand.
- The Analysis tab was not easily discoverable from the Overview screen. It needed some sort of indication to show that a new analysis feature had been implemented.
Delivery
Based on the test result & the team’s feedback, the following designs were delivered.
Phase 01 - Updated onboarding flow for Mogo Card
For new users, we show onboarding carousel screens. The pages about offsetting carbon footprint by using a Mogo card and mindful spending habits were added.
Phase 02 - New notification message + Updated MogoCard dashboard
When users make a transaction using a Mogo card, the app sends a push notification about the purchase, cashback, and the amount of CO₂ offset.
The final dashboard design from the test was delivered as well.
Design Guide
All the new designs were made into scalable components and updated in the Mogo design guideline.
Contact
elinataka727@gmail.com