Snap Fitness mobile app design
Project: Lift Brands wanted to develop a new mobile application to meet the needs of their business and its members. They wanted to create a mobile application that would give their members access to many of the in-club experiences that are offered. To do this, the mobile application had to meet several key objectives. Some of the objectives included: allowing members to pay membership dues through the app, access to virtual and in-home workouts, and enabling geofencing for club locations. In addition to the key objectives, the user interface needed to be intuitive, easy to navigate, and allow for an engaging user experience.
My role in this project
During this project, I was the lead UI designer, responsible for the interface design of the Snap Fitness Member Experience app. This included the following key roles:
Content Strategy
I worked side-by-side with the content creation team to develop content for the mobile application. I also helped with the product strategy during the creation of the application for specific content.
Design Execution and Direction
I led the design direction across all sections of the mobile application for this project. This included wireframes, prototyping, design refinement presentations, and working with stakeholders.
The solution:
The process of building the Snap Fitness mobile app
During the early stages of this project, I was asked by the product owners to concept a few screens to illustrate how Lift Bands' subsidiary company, Snap Fitness, could improve the user experience and interface design of its member-facing mobile application.
As this project began, content would be important to increase user engagement and downloads. As a result, I began to think about what features were most important to users and the business. Some of these included integrated connectivity to track calories burned, heart rate BPM, workouts completed, and more. Once objectives were identified and prioritized, I started mapping the wireframe experience. This process would inform the final output for high-fidelity prototype designs.
The following work is a brief example of what was created for this project, and my thought process for it.
Landing screen and dashboard navigation
Using a customized login allowed information that was directly related to the user to be displayed. The landing page also displayed related content for quick and easy access. Using descriptive iconography provided visual clarity and improved ease of use by leveraging tiles, a method used to enhance the tapping radio. This helped to define different sections in a non-obtrusive manner for a better user experience.
Geofencing and club location
Using the Apple Maps API for club locations provided an intuitive native user interface experience that made it easy to use and navigate. Custom user interface graphics also made actions easy for users to find pertinent information.
User-interface screens
During the prototyping stage, over 20 screens were created. Exploring multiple user interface options provided deep insight into identifying pain points and opportunities to improve the user experience.
Mobile application prototype
Creating this prototype and testing assumptions during user testing also helped validate many of the use case scenarios identified during the project overview.
Billing and payments
Specific design decisions were made to display content that customers showed interest in needing direct access to, such as billing and changing payment information.
