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!
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.
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.
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.
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.
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.
