ShareFit - Online Sports Training App

ShareFit - Online Sports Training App

A place where fitness becomes personal. Share Fit connects users with coaches and classes designed for various skill levels, all presented within a sleek design that keeps the focus on achieving fitness goals.

Mobile App Design icon
Mobile App Design
Fitness icon
Fitness
ShareFit fitness mobile app design
About Project
Our Task
Design Process
Wireframes
Visual Design
Key Features
Screens

About the Project

Share Fit is a sports training app that provides a comprehensive approach to sports training and fitness in general. It allows users to choose from a diverse pool of professional coaches, each specializing in different fitness disciplines.

Screens designed

32 screens

Clock icon

165 hours

ShareFit sport training app design
Mobile App Design icon

Service:

Mobile App Design

Fitness icon

Industry:

Fitness

Origin country icon

Country:

USA

Partnership period icon

Partnership period:

2023

Our Task

The client approached our team with the vision of crafting an intuitive mobile app for exercising at home. Our task was to design a fitness mobile app for sports and yoga training, featuring categorized workout videos tailored to skill levels and preferences, ensuring seamless access to personalized fitness guidance anytime, anywhere.

Our Solution

In response to the client's vision, our design experts delved into designing a mobile app that prioritizes user experience and accessibility for sports and yoga enthusiasts. We developed an intuitive app featuring categorized workout videos tailored to skill levels and preferences.

Our Design Process

01
Research & Discovery
Initial research and discovery phase

We began the project by thoroughly exploring the client’s vision and requirements to ensure alignment with their goals. Our team conducted extensive competitor research to understand the existing landscape of fitness and yoga apps, identifying industry trends and key differentiators. We also performed an audience analysis to define the target users’ needs, preferences, and fitness aspirations, forming a strong foundation for the app's design.

02
Wireframing
UX stage

In this phase, we translated the gathered insights into detailed wireframes that outlined the app’s core functionality and navigation. This step allowed us to focus on the user journey, ensuring a seamless experience for accessing categorized workout videos and selecting skill-based training. Each wireframe was carefully refined to prioritize ease of use and accessibility for fitness and yoga enthusiasts at all levels.

03
UI Design
UI stage

With the user experience defined, we focused on creating visually engaging user interfaces that resonate with the sports and yoga community. We incorporated clean layouts, dynamic color schemes, and intuitive elements that reflect the energy and motivation associated with fitness training. The UI design aimed to inspire users while maintaining clarity and functionality across all app features.

04
Logo Design
Logo design stage

To complement the app’s identity, we designed a distinctive logo symbolizing sports energy and personal growth. The logo combines elements of motion and balance, reflecting the app's focus on empowering users to achieve their fitness goals. This visual identity reinforces Share Fit's commitment to providing high-quality training tailored to individual preferences.

05
Clickable Prototype
Clickable prototype stage

Finally, we created an interactive prototype to bring the app’s functionality to life, allowing the client to experience the app’s design firsthand. The prototype enabled real-time feedback, ensuring the final product met the client’s expectations and catered to the fitness community’s needs. This iterative process helped us refine the app before moving into the development stage.

01

Research & Discovery

02

Wireframing

03

UI Design

04

Logo Design

05

Clickable Prototype

Wireframing

By creating over 17 wireframes, we meticulously planned the user journey for Share Fit. These wireframes provided a structured foundation, enabling a seamless navigation experience while focusing on the app’s core functionalities, such as video categorization and personalized workout recommendations.

Wireframe of the ShareFit mobile app splash screen
ShareFit wireframe featuring workout prompt
Wireframe of ShareFit app login screen
Wireframe of ShareFit app exercises screen
Wireframe of ShareFit app training screen
Wireframe of ShareFit app tips screen
Wireframe of ShareFit app goals screen
Wireframe of ShareFit app training programs screen
Wireframe of ShareFit app program details screen
Wireframe of ShareFit app schedule screen
Wireframe of ShareFit app video playback screen
Wireframe of ShareFit app topic detail screen
Wireframe of ShareFit app friends list screen
Wireframe of ShareFit app chat screen
Wireframe of ShareFit app incoming call screen
17+ Wireframes

Visual Design

For the Share Fit app, we crafted a visually striking design with an invigorating color palette and modern typography to inspire activity and balance. The Comfortaa font adds a friendly, contemporary touch, while custom icons provide intuitive cues to enhance accessibility and functionality.

 Yogadgine app typography
An example of using the Yogadgine typography
Yogadgine app color palette
Yogadgine app icons set

Key Features

01

Trainings

A versatile training suite offering tailored workouts with filters for skill levels, ensuring a personalized fitness journey for every user.

 ShareFit trainings feature
02

Goals

A dynamic goal-tracking system that monitors progress across multiple sports while measuring calories and time achievements.

ShareFit goals feature
03

Video Courses

Expert recommendations designed to enhance users' exercise routines and yoga practices, fostering a more effective and mindful training experience.

ShareFit tips feature
04

Messages & Calls

An integrated communication system that connects users through instant messaging and voice calls within the app.

ShareFit messages and calls feature

Screens Overview

UI design of ShareFit app splash screen
UI design of ShareFit app workout screen
UI design of ShareFit app login screen
UI design of ShareFit app exercises screen
UI design of ShareFit app training screen

More cases

View All

E-Booking

Learn more

E-Event

Learn more

Sliky

Learn more

Have a project in mind?

rocket-line
Rocket