Financial advice made comprehensive through animated content.
Independent Study | UX Strategy and Animation | 6 weeks
Learning about finances has become just as challenging as learning another language but with rising student debt and money becoming more digital it's more important than ever to emphasize financial education.
How do we make financial education less intimidating and more comprehensible?
Nerdwallet has. the opportunity to make financial concepts more tangible through animation.
Introduce financial topics to young adults sooner and in a less formal setting rather than waiting for an issue to arise.
54% of people are struggling with some aspect of their financial lives.
Finances are overwhelming.
With the rise of student loan debt and the concept of money becoming harder to comprehend as finances become more digital, it’s more important than ever that young adults have a better understanding of their finances than simply putting spare change into stocks.
The lack of financial knowledge can come from feeling ashamed about your financial situation, not knowing where to get correct information from, or simply being unaware of how finances impact your day to day life.
Bringing financial information to a younger audience poses the challenge of not only finding a way to get their attention but being able to condense it in into something that would lead them to look for more information on their own.
Make difficult concepts more tangible.
Nerdwallet has the opportunity to create a less intimidating and more accessible learning environment through animation. By using visual references that a viewer can already relate to, it makes understanding the information much easier.
This animation was created to live on Nerdwallet's Instagram story. In most cases, young adults go to social media for financial advice and in this setting it's easy to nudge viewers to learn about financials more preemptively.
1-minute animation created for Instagram stories.
Hover and click the audio button for sound.
Meet the people where they are.
The 'Budgeting 101' animation will live on Nerdwallet's Instagram stories while shorter content will act as Instagram ads. In the future, I'd like to move the longer animations to their Nerdwallet App.
While researching I learned most people get their financial information from social media, youtube, or financial gurus but these resources feel long and informal.
Be intentional when creating shorter content.
It's important to be intentional when creating shorter content.
Shorter content comes with the constraints of a smaller space to work with and overall less time to convey a message. This doesn't include the fact that the target audience has an overall shorter attention span.
For those who are not following the Nerdwallet Instagram, these ads will lead users to their Instagram stories. The short message is meant to give them a second of reflection when it comes to their finances.
Social Media Ad
Final 5-second ad
What does the average millennial know about finances?
Many significant moments in your life impact your finances. This can be anything like going to college, buying a car, or getting married.
To validate my research, I conducted user research with people ranging from ages 19 to 32. I not only asked about their financial habits but where they get their information from. User interviews guided me to create content for social media as well as being intentional with the short amount of time I had to teach them something. It also helped me hone in on what content would be most useful for them.
Creating the Animatic
Before creating the final animation presented at the beginning of the page, I first had to create a script and then an animatic. This allowed me to decide on which visuals and transitions to use throughout the final animation.
Animatic Rough Draft
Currently, Nerdwallet uses a wide range of colors and a very flat design with its illustrations. I sought to improve on that design through the use of textures and gradients.
I picked a palette that gave me warm and cool tones based off Nerdwallet's iconic green logo colors.
Nerdwallet typically uses flat design. I wanted to improve on that with the addition of gradients and texture.
Here are a few stills shots from the animation.