MidFirst Bank Money Moments Online Financial Literacy Course

Overview

MoneyMoments.com is an interactive course designed for MidFirst Bank to promote financial literacy for college students. It is coupled with college campus events and workshops to help students navigate the complex landscape of financial management and responsibility. The course covers four main areas: banking basics, saving and spending, credit and borrowing, and identity theft.

  • Category: Financial Education
  • Initial Launch Date: October 2012
  • Initial Development Length: 5 months
  • Additional Feature Enhancement (post-launch):
    • Additional university themes added
    • Introduction replaced with full video
    • Closed captioning added
    • Individual versions created per category
  • Download the Full Case Study (PDF) document, and view the Project's Portfolio.

Features

  • Custom video and graphic production on financial topics
  • Interactive "quizzes" to test the student's knowledge
  • Course completion tracking mechanism
  • Volume and navigation buttons
  • Completion certificate with print and email settings
  • Multiple themes for specific universities

Design

matcha-design-wins-summit-international-award-emerging-media-award-money-moments.pngWe started by developing the MoneyMoments brand identity. It was important for the logo to integrate well with the MidFirst Bank brand, but also be able to stand alone as the online course was developed for specific universities. In the beginning, the MidFirst color scheme was developed, but soon new versions were designed to match the Arizona State University and University of Central Oklahoma branding colors. Each graphic was meticulously designed across color schemes to promote visual consistency, including graphics for checks, graphs, credit card statements, video storytelling and more.

Script Writing

We rewrote an old financial literacy course provided by MidFirst Bank to fit the new online platform; however, this was no easy task. Each section had to be condensed and rewritten for a younger, online audience. Plus, interactive questions had to be added to test information retention. The interactive questions included true or false, matching, multiple choice, storytelling and more. The script went through several levels of approval before the final version could be prepped for production.

Video Development

Key portions of the script were created for video. We completely managed and arranged studio time and talent. Finding the right talent was key to the script because we needed actors that could bring financial topics to life, and locating talent with diverse backgrounds was key. We worked 10 hours on set with props, directional scripting, wardrobe, makeup and a full audio and video staff to capture the needed clips. Later, the MoneyMoments identity changed and extra voiceover recording and video shoots had to be scheduled and implemented into the online course. Although it pushed back the timeline for the project, the end result was seamless.

Production and Development

This online course is very unique. It is not a website, nor is it an app, however it is compatible across tablet and mobile technologies and all major browsers. For this reason, using flash was not an option. Developing MoneyMoments was a challenge because there were multiple segments and a lot interactivity between the online course and the visitor. Making sure the visuals and audio behaved consistently across all major browsers required extensive testing and code tweaking. The online course is programmed to use AJAX and dynamically generates content based on XML definition, and we streamlined the debugging features so maintenance is easily taken care of.

Project Management

We worked with MidFirst Bank teams in marketing, IT, accounting, education and on executive levels in two states to complete MoneyMoments. For this reason, the project grew organically, with many changes occurring instantly across project members. A project of this size required extensive project management to communicate project needs, secure appropriate approvals, and discuss the functionality and messaging goals.

About Matcha Design
Matcha Design is a full-service creative agency specializing in web designprintidentitybrandinginterface designvideo productionstill photography and motion design. Using our passion for excellence, multi-cultural background, and award winning practices, we consistently provide high-quality, custom, innovative solutions to meet the diverse marketing needs of our clients. For more information, visit www.MatchaDesign.com.

Contact Info:
Media Relations
918.749.2456
info@MatchaDesign.com

-END-