MP Seminars Learning Platform

Growing Subscribers & Increasing Profits

  • UX/UI Designer
  • Frontend Developer

Overview

MP Seminars had been creating video training for Logos Bible Software for over 20 years, but was looking to shift away from their traditional model of monetizing their training. Our goal was to deliver a platform where users could easily subscribe to this membership site and access training videos on any device as well as be notified when new content was released.

Problem

DVD training was becoming obsolete, and didn't provide an outlet for continued training outside of major updates with every new software release. This format also did not allow for updates if tweaks were made with minor releases.

Solution

I designed and developed a subscription site that allowed access to our online database of training material. This allowed control of video content behind a paywall, the ability for users to track the progress through each course, the ability to take and save notes while watching training videos, and much more!

Lead Analysis App

Audience Research

By studying website analytics and mailing list demographics, as well as conducting a survey with existing MP Seminars customers, I was able to capture key information about the MP Seminars user base. This data allowed me to focus in on several key user details:

  • Who would be using this training platform.
  • What type of content they were wanting training on.
  • What challenges they faced when working online.
  • What features they would like to see in a online training platform.

User Personas

Taking this research, I was able to develop user personas that would serve as the "WHO" this subscription site was being built for. These personas were used in design processes while mapping out user journeys and also influenced visual design decisions.

User personas
User personas
User persona cards
Research survey for MP Seminars
Research survey sent to existing MP Seminars subscriber base (409 responses captured)

Design

By utilizing the data gathered in the research stage, I was able to move forward confidently into the design stage of this project.

Userflow

I developed sitemaps to aid in the design of user flowcharts for the customer. It was important that the customers movements through the site would be easy and intuitive, navigating through the checkout process and then accessing the secure content behind the paywall. This process helped us identify any pain points the user may encounter and plan accordingly.

Userflow for MP Seminars

Wireframing

I was able to explore layout options when it came to key pages the user would interact with during this stage. What would the membership selection process look like? How would the the lesson pages look to make watching our training be easy make next steps simple. These questions, and many more like it, were tackled during this step.

Wireframe for MPSeminars.com

Design System

Any good design requires consistency. I established the visual design system, UI components, and guidelines that the site would adhere to. Having these established frameworks inside of the design system helped streamline both the design and development process.

Design System for MP Seminars

Visual Mockups

I created detailed mockups illustrating how the website would look and feel for both mobile and desktop views. These were presented to key stakeholders to help solidify the direction of the design.

Design System for MP Seminars
Development

Development & Testing

As the front end developer on this project, I was tasked with:

  • Coding functional HTML, CSS, & JS for all areas of the website.
  • Creating a responsive framework that would work visually on both desktop, tablet, and mobile devices.
  • Ensuring website seamlessly integrated with third party features (payment gateways, email collection, etc.).
  • Testing the functionality of all elements on the website.

Increasing Growth and Profit

Since its launch in late 2020, MP Seminars subscription base has grown to over 3,200 active subscribers. My job is to take customer feedback and create new, meaningful experiences that help keep our users happy with their experience; ultimately leading to better retention rates. By creating specialized landing pages, I am able to track new customer interaction via A/B testing and develop optimized experiences to help grow our user base.

Iteration Milestones

User interaction is the best way to collect data on what's working and what needs improvement. By having a support channel and talking to people at special in-person training events, our team was able to collect data and use that to help inform our iteration decisions. I tried to consistently analyze the service and how functional it to our subscribers

  • Adding sorting by category in training library
  • Adding the ability to pay-per-course
  • Creating a dashboard that contains all pertinent info for the user