This is a project we got to work on sub-contracted by Jana Works. Kelsey wanted to create a membership site on her website, where followers could purchase a subscription and receive exclusive content through it. The branding was already in place and the only graphics we created for this project were the Welcome banner, the Members Area banner, and the membership banners for her shop. The bulk of the work was configuring WordPress, create 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-like 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!
What Kelsey had to say…
I recently worked with Sara on a development project for my website. She built a custom workout membership portal for my WordPress blog. I gave her an idea of what I wanted and she took the project and ran with it! It looks amazing and functions just as I wanted! She was very responsive when I had questions and even provided training videos to help me manage it. I am excited to work with her on future projects and appreciate her work ethic. Thank you!