FlexIt Dashboard

The FlexIt account platform faced a significant challenge in retaining user engagement beyond live training sessions. Despite active participation in these sessions, users frequently overlooked the platform's additional features. To address this, the project focused on redesigning the user account experience to enhance navigation, increase interaction, and boost overall utilization of FlexIt's offerings. This case study outlines the comprehensive redesign process, highlighting the strategic design changes that transformed the platform into a more engaging and cohesive hub for clients.

Date

April 2022

Roles

UI/UX Designer
UX Researcher

Challenges and Objectives for Enhancing User Engagement

FlexIt faced a challenge in retaining user engagement within their account platform. While clients actively participated in live training sessions, many would drop off the platform afterward, missing out on its additional features. The objective was to redesign the user account experience to enhance interaction, improve navigation, and increase the utilization of the platform's offerings.

Streamlined User Journey

Simplify the layout and structure to reduce the number of clicks required to access key features, making navigation more intuitive for users.

Improve Interactivity

Integrate interactive components that encourage users to engage more frequently with the platform, such as widgets, notifications, and personalized content.

Cohesive Design

Update the user interface to reflect FlexIt's refreshed branding, ensuring a consistent look and feel that reinforces brand identity and user trust.

Showcase Product Updates

Use the dashboard to prominently display new and existing features, educating users about available functionalities and encouraging them to explore more of the platform.

Project Methodology:
From Research to Design

To tackle FlexIt's engagement challenges, a structured approach was followed, beginning with in-depth research and competitor analysis. This was followed by collaborative brainstorming sessions to generate innovative ideas, which were then translated into sketches and low-fidelity wireframes. The final stage involved developing high-fidelity UI designs that seamlessly integrated user insights and branding elements.

Early Design Concepts

I created these initial sketches to conceptualize key layout ideas and user flows. These sketches laid the groundwork for developing detailed wireframes and the final UI design.

Wireframes:
Blueprint for a User-Centric Design

We first created low-fidelity wireframes to visualize key insights from the research phase while adhering to project goals. Widgets were proposed for the dashboard to present essential information in an organized layout. Responsive high-fidelity wireframes were then developed, incorporating a clear visual hierarchy and catering to specific user types such as new users, fitness-focused users, and nutrition-focused users.

Final UI Design:
User-Centric Visuals

Building on the wireframes, I then designed the final UI. This stage refined visual elements, ensured brand consistency, and enhanced user experience. Different screens were created based on user status: new users without a free trial, those who had taken a free trial, and existing users. Existing user screens were further divided into those who purchased a plan but hadn't taken the quiz or scheduled a session, those who took the quiz but hadn't scheduled a session, and those who purchased a plan and scheduled a session. Additionally, screens varied based on quiz results, focusing on fitness or nutrition. The final design combined aesthetics with functionality, promoting engagement and usability.

Scenario One: New Users

Welcome and Onboarding

The dashboard greets new users with a warm welcome and encourages them to get started with a plan or take the quiz to find the right plan.

Getting Started

Encourages users to start their wellness journey by selecting a plan and learning more about the available programs.

Explore Experts

Prompts users to explore the platform's fitness and wellness trainers, offering options to browse and discover experts in various specialties.

Personalized Welcome

Displays a personalized welcome message for new users, guiding them to start with a plan and explore the platform.

Achievement Badges

Intentionally highlights a section for achievement badges, motivating users to participate and purchase a plan to earn their first badge.

Blog and Resources

Highlights the platform's blog, featuring interviews with athletes and fitness insiders, providing valuable insights and motivation.

Upcoming Bookings & Activity

Shows that there are no upcoming bookings yet and provides an activity graph to track sessions, encouraging users to book their first session.

Scenario Two: Free Trial Participants

Welcome and CTA

The dashboard greets free trial participants, encouraging them to start booking sessions with trainers to continue their fitness journey.

Upcoming Bookings

Indicates that there are no upcoming bookings yet, prompting users to book their first session.

Activity Tracking

Provides an activity graph to track the number of sessions completed each day, motivating users to stay engaged.

Personalized Welcome

Displays a personalized welcome message for free trial participants, encouraging them to explore the platform and book sessions.

Trainer Recommendations

Offers tailored suggestions for trainers based on the user's interests, with options to book or message them directly.

Setup Guide

Includes a setup guide for preparing the space for virtual personal training sessions, making it easy for users to get started.

Mobile View Optimization

The dashboard is optimized for mobile devices, allowing users to easily access bookings, activity tracking, and trainer recommendations on the go.

Scenario Three: Fitness-Focused Prospects