Overview
Kelsey had started a membership on an external platform, but wanted to integrate it with her existing blog and shop and make the process more seamless. She also needed an interface for the member’s area that would be easy to navigate across devices, especially mobile.
Audience
Kelsey is a fitness coach and author helping women, especially moms, embrace a healthier lifestyle through nutrition and exercise.
This is a project where we were sub-contracted by Jana Works, but we got to communicate directly with Kelsey for it.
Kelsey already had a brand and website in place, along with a basic WooCommerce shop on her website where she was selling her books. So the idea was to integrate the membership functionalities to WooCommerce, connect it with Active Campaign, which she used for Email Marketing / CRM, and design the Members Area once everything was ready to go.
The only graphics we created for this project were the Welcome banner, the Members Area banner, and the membership images for her shop. The bulk of the work was configuring WordPress, creating a system that worked well together, and the interface design for that member’s area.
The project had a strong focus on mobile, since the main feature of the membership are the monthly workouts that Kelsey provides. In today’s world, using your phone to look for workouts is much more convenient! But the website works well on any device size.
Once a member logged in, they were taken to the Members Area page, where they could access all the exclusive content. If they navigated anywhere on the website, a members-only box appeared in the sidebar to grant quick access to the exclusive content.
The last image from the collage above is a sample of the Workout Pages. The weeks are organized in accordion boxes, and the content inside each week opens up when someone clicks on the week title. That is especially useful on mobile, since it would otherwise be a very, very long page to scroll.
Functionalities not pictured:
- ActiveMember360 integration, so that users could gain access by purchasing the membership through a WooCommerce shop that was already on the website. This integration also makes sure that members-only content is not accessible to people without the right permissions.
- A recipe plugin styled to match the website, since part of the exclusive content are nutritional recipes that Kelsey shares.
This project was not only exciting, but it also kept making us want to be more health conscious!