Native App Design & Website Development for Massage Therapies & Athletes

Personal Fitness
3 Months
UX Strategy
UI Design
Webflow Development

An Effective Web Platform For An Innovative App

The app serves athletes by finding massage therapists near them for body part specific and need specific massage therapies. They can select between massages at home and a studio and also select their preferred schedule. Therapists are rated based on past user ratings, jobs completed, and experience, enabling athletes to select the best possible option for them.

Tuned is a platform for athletes and mobile massage therapists. The application combines athletes (who need massage therapy for recovery post-activity, healing from an injury, or performance enhancement) and certified massage therapists.

Therapists can cater to athletes and clients at their studio or the client’s house and a defined schedule - immediately or at a future date and time.

The app is geared towards three key stakeholders - Athletes, massage therapists, and massage studios.

The app serves therapists and studios by onboarding them onto the platform and then connecting athletes looking for therapists with them.

The platform also allows therapists to deliver and schedule recovery exercises directly through the app, which athletes can follow from the comforts of their homes. The progress of each activity can be tracked on the app so that the therapists can evaluate progress and remotely help the athlete get the best possible treatment.

Project Objectives

Less is usually more when we talk about digital content in times of decreasing attention spans. Following this line of thought, we decided to create an attractive user interface, featuring a bold design, but to-the-point messaging.

Instead of selling the service to the user, the intention was to highlight each feature of the service, bringing out its uniqueness and driving more users to install the app.

Here’s a snapshot of what the client wanted to drive through the website:

  • Create an informational page around the service that was distinct yet impactful.

  • Bold and attractive design.

  • Explain each feature clearly.

  • Design website pages in line with the content strategy.

  • On-page SEO to meet the business objective of onboarding at least 100 therapists in three months.

Creating a Highly Enhanced
Appointment Module

One key intended feature of the application was to help athletes clearly express their problems and needs and then connect them with the right therapists based on this information while also enabling therapists to have enough initial data to cater to athletes the right way, right from the start.

The idea was to create an appointment booking module that allows athletes to highlight the problems they are facing using body maps and manually entered descriptions. Athletes can specify which body parts they need help with and what exactly their issues and needs are. This information makes mapping athletes with the right therapists more accurate. It also allows athletes to specify what their pain points are and what outcome they are looking for.

The appointed therapists also gain from this model by getting preliminary information that helps them understand the athlete and their problems and needs even before beginning the session. It allows them to create a recovery plan tailored for the athlete making the therapy session more beneficial for both parties.

This appointment booking method also makes pricing transparent right from the beginning eliminating any ambiguity in cost for the athletes. The app calculates pricing based on service details like the date, time, and duration and gives athletes a fixed price right on the app.

The idea of creating an enhanced appointment module was to streamline the process of booking a massage and also to ensure high accuracy in mapping athletes to therapists.

Sample 1

Sample 2

The Approach

The product features and functionalities were to be defined by understanding the needs and perspectives of the stakeholders who were going to be the primary users of the application.

The team conducted workshops and discussions with stakeholders to obtain valuable information and guidance. The key objective here was to define product features and user journeys based on their needs. The idea was to get need-specific information from the stakeholders - athletes, therapists, and studios. These people would be the users of the app, and so their needs and expectations were duly defined and listed.

Further interviews were held with stakeholders to understand their existing business models. This was necessary to define the onboarding process.

User personas were also defined to ensure that the UI and UX thus designed suited the end-user.

Competitor product research was performed to understand how their applications functioned and the features they delivered. All competitor features were weighed and divided into pros and cons.

Through multiple brainstorming sessions, a list of ideas was generated to achieve all the goals.

The final UX flow was defined using current UX trends, incorporating the information from research, and by considering client acumen.

Execution And Process

A dynamic and agile manner was adopted in completing this project.

Introductory workshops and informational discussions were conducted with the team and stakeholders as participants in order to define and set up the informational architecture guidelines and to discuss the overall process to be followed.

In order to establish transparency and constant oversight of the project, weekly calls between the team and stakeholders were scheduled.

Through immersive workshops and discussions, the ideas, perspectives, and needs of all key stakeholders were understood and the information architecture for the requested functionalities was finalized.

The team then moved to the ideation and wireframing phase. Stakeholders were presented with multiple iterations before finalizing a working model.

With wireframing done, the style scapes and color scheme were finalized.

Low fidelity and high fidelity prototypes were produced according to the defined web flow and user journey.

A final review was conducted to ensure everything was in place and the clients were satisfied, following which the assets were handed off to the client.

Web Presence: From Design to Deployment

After shaping the UX/UI for Tuned's native app, we turned our expertise to crafting their web presence. Our team designed an engaging, responsive website that echoes the functionality and aesthetic harmony of the app, creating a coherent digital ecosystem for athletes and therapists. This seamless online experience was then meticulously constructed on Webflow, offering Tuned the power of a visually arresting, easily managed platform poised for growth.

Client Testimonial

Team Codesign is on the way to greatness. The designed successfully captured the branding of the client's company, meeting their goals and expectations. Team Codesign is detail-oriented and creative, producing quality results. The team communicated and collaborates effectively with clients.
Benjamin Head
Founder GetBenji, Tuned

Project Summary




Strategy  -  Abhishek

Visuals - Rumana, Devanshu

Website - Sachin


Adobe XD, Webflow




Get this
Case Study!

You will get the case study PDF in your mailbox in no time!
Your subscription could not be saved. Please try again.
Your subscription has been successful.