As a full time in house designer at Mogo, I touched on every part of the product at one time or another. This section is a high level overview of some of these parts. Additionally, I grew from intermediate to senior during my tenure at Mogo.
Mogo is a customer-focused online financial services company emphasizing “financial fitness”. We endeavoured to provide top class experiences across the board. From the moment a person becomes aware of our brand and products to their continued success with the tools we provide, we wanted to create the best possible experience. This meant continuously evolving and iterating.
This was a tool I designed for the MogoMoney marketing page to help illustrate the cost disparity between an instalment loan and a credit card. You can check this page out under the MogoMoney marketing page section below.
Working closely with copywriting, legal, and art direction teams this marketing page was an overhaul from a prior version. The goal of this overhaul was to align the marketing page with Mogo's then new art direction and enhance education on the product. I designed, tested, and created animations and interactions to help communicate the value proposition of MogoMoney. An example of this can be seen under the MogoMoney cost comparison section above.
I designed this tool for the Credit Score monitoring marketing page to help illustrate how a credit score can affect your financial well being. A user could click or tap on any number range next to the dial or on the dial to get some helpful information. You can check out how it integrated into the Credit score monitoring marketing page below.
Another overhaul to align the marketing page with Mogo's then new art direction. Interactions and animations were added to give a sense of what to expect from the product and also to guide the user through the page. An example can be seen under the Credit Score Dial section above.
When we launched our first iteration of the MogoCard we wanted to make the experience of selecting your own personal MogoCard something special. Keeping closely in step with the Mogo art direction of the time, I worked closely with the design team and development teams to make this a reality. We faced some interesting interaction and technical challenges along the way: Particularly the process of masking the initial loading under the first animation, then transitioning to loading in the other cards, and finally making it interactive.
This was a small animation placed on the MogoCard marketing page intended to show the card in action in a MogoMember's wallet.
The goal of this product was to alert the MogoMember if a credit check had been performed on their Equifax credit profile. The radar would show dots corresponding to the number of alerts received. Working closely with the design team, I created the animations, interactions, and UI based on the Mogo design standards and wireframes created by other design team members.
Regularly evolving the Mogo product line was invaluable to my growth as a designer. From iterating on user journeys and flows, to regular user testing, to collaborating with the graphic design team to nail down the right assets and visual style; every element of working with the Mogo design team was a tremendous experience.
The Mogo platform benefited greatly from these iterations, as indicated by a growing user base, growing customer success rates, consistently hitting KPI's, and growing user satisfaction (indicated by ever-improving reviews across social media, feedback, user surveys, and research).