Case Study June 3, 2023

Motion Cycling

Motion Cycling, a fitness training company in Abu Dhabi and Dubai, engaged our UX design agency to update their outdated product dashboard. We created a modern and user-friendly dashboard through collaboration with the client, user testing, and iterative design changes.

The redesign has allowed Motion Cycling to provide exceptional fitness training services and maintain its reputation for delivering high-quality experiences to its customers.

Task

Design and develop an intuitive backend dashboard for Motion Cycling to efficiently manage coach availability, class assignments, customer accounts, and equipment availability within a backend system and functionalities.

  • Strategy

    Stakeholder Interview, User Persona

  • Design

    Information Architecture, Visual design, Prototyping, Design system

  • Client

    Motion Cycling, UAE

  • Technology

    Html Css, Codeigniter, PHP

I'm subtitle

Goal

A user-friendly interface enables administrators to seamlessly assign coaches to classes, manage customer accounts, and monitor fitness bike availability while maintaining clarity and simplicity in navigation and task execution.
⬤ 01. Intuitive Navigation
Redesigning the Motion Cycling Dashboard for Easy Access to Credits, Session Schedules, and Trainer Availability
⬤ 02. Effortless Booking
Streamlining the Motion Cycling Dashboard for Quick and Easy Session Scheduling with Preferred Trainers and Locations
⬤ 03. Stay on Track
Redesigning the Motion Cycling Dashboard for Easy Access to Credits, Session Schedules, and Trainer Availability
⬤ 04. Maximizing Trainer Availability
Easily track trainer occupancy and availability through the dashboard to better optimize scheduling and maximize trainer availability for customers.

Strategy

Research

User Persona

Putting the User First: Created Detailed User Personas to Guide the Motion Cycling Dashboard Redesign

Painpoints discovered

Complexity of System

The system is overly complex, especially for new users when they are unfamiliar with backend management tools, leading to frustration and difficulty navigating the interface.

Inefficient Coach Management

Coaches need more visibility into their schedules or have difficulty updating their availability, resulting in miscommunication or scheduling conflicts.

Tedious Class Assignment Process

Administrators find assigning coaches to classes time-consuming and prone to errors, particularly when managing last-minute changes or substitutions.

Customer Account Management Challenges

Managing customer accounts, including adding credits, tracking usage, and resolving inquiries, could be more convenient and prone to errors with a streamlined process in place.

Inadequate Equipment Monitoring

Users responsible for monitoring fitness bike availability need help identifying maintenance needs or allocating resources efficiently, leading to disruptions in class schedules.

Design

UX Design

Information Architecture

Outlined the hierarchical organization of content and features to facilitate intuitive navigation for users.

Motion Information Architecture
Visual design

Motion Cycling has designed its visual interface to make it easier for owners and administrators to manage their operations. The design is clean and straightforward, allowing users to navigate the platform intuitively. Essential tasks such as scheduling coaches and managing customer accounts are streamlined to ensure swift action. The minimalist design elements and responsive layout enable quick comprehension and seamless performance across devices. These features empower owners and administrators to manage Motion Cycling’s operations efficiently and quickly.

Design System

Our design system for Motion Cycling is streamlined to prioritize clarity and efficiency. We consolidate key design elements such as colors, typography, and UI components, which ensures consistency and ease of use across the platform. We provide clear guidelines for buttons, forms, and layouts, which enable quick updates and development. This empowers the Motion team to maintain a cohesive user experience with minimal effort.

Color palette
Primary
#EC103E

R 0
G 122
B 255
 

Magnetic Red

Primary
#EC103E

R 88
G 78
B 157
 

Liberty

Primary
#1BC5BD

R 27
G 197
B 189
 

Tiffany Blue

Primary
#F3F6F9

R 243
G 246
B 249
 

Cultured

Typography

Typefase
Beatrice Regular

Usage
Headlines

Instead of utilizing contrast purely for the purpose of mitigating who are excited about unique ideas and help digital companies.

AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz 0123456789

Typefase
Beatrice Regular

Usage
Headlines

With more than 16+ years of experience, our team has become a leader in digital design and innovations.

Typefase
Beatrice Regular

Usage
Headlines

With more than 16+ years of experience, our team has become a leader in digital design and innovations.

Outcome

What did we achieve from this project?

Testimonials

Our team at Motion Cycling is thrilled with the results of the redesign project. The new dashboard is visually stunning and highly functional, making it easier than ever for our trainers to navigate and access important information

Let's Innovate for the Digital Age

Agency-Subscription Model for fast moving businesses.
Follow our work
Back

Leave a Reply

Your email address will not be published. Required fields are marked *


Warning: foreach() argument must be of type array|object, bool given in /home/u534352843/domains/unqode.com/public_html/wp-content/themes/ohio/inc/framework/components/helper.php on line 607

Warning: foreach() argument must be of type array|object, bool given in /home/u534352843/domains/unqode.com/public_html/wp-content/themes/ohio/inc/framework/components/helper.php on line 607

Warning: foreach() argument must be of type array|object, bool given in /home/u534352843/domains/unqode.com/public_html/wp-content/themes/ohio/inc/framework/components/helper.php on line 607

Warning: foreach() argument must be of type array|object, bool given in /home/u534352843/domains/unqode.com/public_html/wp-content/themes/ohio/inc/framework/components/helper.php on line 607

Warning: foreach() argument must be of type array|object, bool given in /home/u534352843/domains/unqode.com/public_html/wp-content/themes/ohio/inc/framework/components/helper.php on line 607

Warning: foreach() argument must be of type array|object, bool given in /home/u534352843/domains/unqode.com/public_html/wp-content/themes/ohio/inc/framework/components/helper.php on line 607