The New MongoDB University
Reimagined MongoDB’s online education experience and certification. Page Views increased 380% and users increased 131% YoY.
Goal
Grow the number of developers who know how to use MongoDB, through online courses, labs, and certifications.
Teach numerous developers and data experts how to utilize MongoDB's powerful technology effectively and efficiently to enhance their projects and improve data management strategies.
Users
Students, developers, database architects,
Before State
Required user registration to view content
various learning platforms for Paid live training, internal education
Courses take 4+ hours to complete
20% course completion rate
Typography
Content is king when it comes to shopping for insurance or banking products. It can be complicated and confusing. We want to make sure we give the user all the information they need to choose the policies and accounts that are best for them. Because of this, we stripped down the visual clutter to allow the user to focus on the details that matters. My creative director and I worked to define a set of typographic styles that call attention to what’s most important.
Layout
Our users are busy, and shopping for insurance and banking products is a necessary, but not so enjoyable task. Our product information can be complex so I broke up our landing pages into digestible chunks, so that the user is only visually focusing on one subject at a time. I removed many of the superfluous images, using them only where they add value.
If the user knows what they are shopping for, we made sure to have a prominent CTA at the top of each page.
Ideation for Bank Landing Page Layout
Results
In the 5 months since the launch of the banking landing pages, twice times as many customers began applications for our products. This indicates that in addition to making the information more digestible, more users decided to begin the process of signing up for State Farm products.
After the success and positive reaction to the first pages, the typographical treatments and many design elements were adopted throughout State Farm.
We continue to monitor page success of the pages and iterate based on insights from the analytics department. I look forward to seeing the progression of this work as new designs roll out for our insurance and investment pages.
Page Examples
Old vs. New
Old State Farm web pages contrasted with new ones. The new designs mark a stark change in the design direction on Statefarm.com.
Animation
I used animations to break up content heavy pages and allow users to navigate to exactly the things they were looking for. Additionally, in pages soon to be released we have included GIFs and animations to illustrate complex processes that are easier to understand visually.
Sitewide Consistency
The new design patterns were shared across the design organization. The design team worked to ensure all landing pages and web based applications eventually adopted this look and feel.
