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

This is a 2 week client project from Xccelerate’s UX Design Bootcamp, completed with the June 2022 Cohort.
The project’s Client will be referred to as “FITAYE”, to avoid confusion as the app’s user groups are referred to as “coach” and “client”.

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

I was proactive in initiating and maintaining our project timeline, task list, stand-up agenda, meeting notes and research plan.
I made significant contributions to the app and website analysis, interviewee scouting, and research artefacts.
During designing, I created the search result cards, which is a key element of the partners search page.
I led the service report planning, created the presentation template, wrote some sections, proof-reading and edited with a team member.

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)

We planned our interview in the coach and client teams, but aligned with each other so the data received could be aligned.
We interviewed 10 target users in total; 4 coaches and 6 clients.
The coach team were given 4 coaches that were already signed-up on the app.
For the client team, I scouted and interviewed 3 users.
We created separate Coach & Client Affinity Maps, to compare the answers of our users.
Coach Affinity Map
Client Affinity Map
Coach Persona (by team mates)

Click for Client 1 Persona

Click for Client 2 Persona

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.

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

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.

Click for Company Set Up - Coach User Flow

Click for Company Set Up - Client User Flow

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.

click for Coach sitemap

Click for Client sitemap

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.

Info-graphic showing project's wireframe designs

Click for high fidelity wireframe 1

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.
‍

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

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

FITAYE - Fitness Coach App

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

Prototype

Note

Overview

My Role

Research & Findings

Assumptions & Hypothesis

Secondary Research

Primary Research (Interviews)

Defining the Problem

Insights

Problem Statements

User Stories & Jobs-To-Be-Done

Ideation

User Flows - Company Set Up

Sitemaps

Service Blueprint

Design

Wireframe 1

Wireframe 2

Prototype

Reflections & Recommendations

Recommendations/ Next Steps

Impact of your Work

Learnings

Challenges & Improvements