FITAYE: Fitness Coach Booking App

Developing an app to help fitness coaches manage their business and connect with more clients

Coach company setting-up mock-up

Prototype

I was responsible for the Company Set Up feature, in the Coach interface:
Coach company setting-up prototype (my work)
Coach interface prototype (by the team)

Note

Overview

  • FITAYE is a client to coach booking application, where fitness or sport coaches can manage their business on the app, and clients can use it to search, book, chat and pay for freelance coaches.
  • We tested, review, and improved FITAYE’s beta app and existing website, based on new research.
  • At the end of week one, the project scope changed. Due to this, we faced some unexpected challenges.
Info-graphic showing project's objectives
Project Objectives

My Role

Info-graphic showing project's exisitng beta app
FITAYE beta app analysis

Research & Findings

Assumptions & Hypothesis

Our assumptions are based on our understanding of the freelance fitness coach scene in Hong Kong (some of the cohort are target users), the information provided by FITAYE, and the cohort’s analysis of the beta app.
Info-graphic showing project's hypothesis
Assumptions & Hypothesis

Secondary Research

  • We split ourselves into coach and client interface teams - I chose the client side.
  • I analysed the client interface for FITAYE's beta app, the existing website, and their competitors.
  • I discovered the information structure across the app and website needs to be streamlined, to match their competitors.
Key competitor analysis

Primary Research (Interviews)

Defining the Problem

Insights

Please note the coach insights below are my synthesis of the research conducted by the coach team. For the client team, I was responsible for writing our insights.
Info-graphic showing project's insights
Insights

Problem Statements

Please note the problem statements below are my synthesis of the research conducted by our team mates.
Problem Statements

User Stories & Jobs-To-Be-Done

As I only interviewed clients for primary research, I was responsible for these artefacts:
Info-graphic showing client's user stories
Click for Client User Stories
Info-graphic showing client's list of requirements
Click for Client JTBD
Info-graphic showing project's change of scope
Change of scope & FITAYE product roadmap

Ideation

Taking the Insights, actionable ideation maps were created, to structure our ideas for the design phase.

User Flows - Company Set Up

This feature is for coaches use only. For clients, they will see both freelance coaches and companies (gyms or studios), in the search results.

Sitemaps

I worked on the company set up section of the coach sitemap, and created the whole client sitemap, with some input from each team.

Service Blueprint

This displays the interaction between clients, coaches, FITAYE’s backend team and third party systems. FITAYE’s current systems can be compared to this blueprint, to discover areas of improvement.
Click for Service Blueprint - by myself & team mates

Design

I worked on the Company Set Up feature with one other classmate. As I took on finishing the missing artefacts and a lot of responsibilities on the service report, my team mate took on more design tasks.

Wireframe 1

  • To start, I reverse engineered the Account page, as that’s where the Company Set Up page & others, would be accessed.
  • My design team mate suggested using the primary blue as a background. Although it was against the design system, he wanted to propose it to FITAYE.

Wireframe 2

  • Following meetings with FITAYE and our cohort, we agreed to keep the original background colour. 
  • I updated the company profile page form, and created a more refined progress bar. 
  • My team mate created the inviting employee coach flow.
Info-graphic showing project's wireframe designs
Click for high fidelity wireframe 1
Screenshots showing project's wireframe designs 2
Click for high fidelity wireframe 2
Coach prototype flow

Prototype

I was responsible for the Company Set Up feature, in the Coach interface:
Coach company setting-up prototype (my work)
Coach interface prototype (by the team)

Reflections & Recommendations

Recommendations/ Next Steps

Info-graphic showing project's conclusion and recommendations
Recommendations

Impact of your Work

  • FITAYE did not have user flows or wireframes for any of the product roadmap features. Our prototype began the design process for these features and provided many ideas.
  • The Company Set Up feature is key in building trust on the platform, as clients will see recognisable companies and allow small companies to build a client base on the app.
  • I’ve taken on multiple responsibilities and often took leadership roles, which aided our team in this project.

Learnings

  • How to adapt and re-align ourselves as a team, when the project scope changes unexpectedly. 
  • Importance of the design system, as our prototype has inconsistent styles.
  • How to be a better leader and teammate. Our cohort was supportive and understanding of each other.

Challenges & Improvements

Info-graphic showing project's final challenges
Challenges & Improvements
Navigation 🔍
HomeProjectsAbout
Let's connect 💌
EmailLinkedinMediumInstagram
Made with care on Webflow