Camp Gladiator
In-app Messaging
About Camp Gladiator
Camp Gladiator is a health & fitness company based in Austin, Texas that helps Certified Trainers finds and connects to Customers (Campers) all over the words using Technology.
Camp Gladiator offers Outdoor, Online, On-Demand and Nutrition programs.
Project Overview
As Camp Gladiator is focusing more on building a digital platform that helps connects Trainers and Customers, providing Trainers with the best insight will help them grow their business quickly and reach out to more potential customers.
The Problems
The messaging tool was built poorly. It works on Desktop but not responsive on Mobile, which is the main device Trainers use to send messages.
After 2 years, the adoption rate was still very low.
Up till today, Trainers actually still use their personal phone numbers to text/call their Campers.
Both Trainers and Campers aren’t comfortable with communicating using their personal phone numbers.
The Objective
Research, Strategize and Design a new Trainer App that provides a straightforward messaging tool for our Trainers so that they can communicate easily & quickly with their campers.
Tools we used
Part 1: Empathize
We want to understand what Trainers truly need and want from a Messaging Tool to better communicate with their Campers.
In order to find out Trainer’s needs and wants, we used 3 different UX research methods:
Trainer Interviews (20+ Trainers)
Takeaways:
Trainers don’t like using their actual phone numbers to text Campers but do it anyways because it’s the most convenient.
The downside of using their actual phone number to text Campers is that they can’t access that Camper’s information.
Trainers talk to hundreds of Campers everyday so it’s very important to be able to have a place to leave notes about each camper (eg: If they are injured, pregnant)
Trainer Survey (500+ responds)
Takeaways:
66% of Trainers is using their personal phone number to communicate with Campers
67% of Trainers said they will use the Trainer App if built right
83% of Trainers wants a quick way to identify and access Camper’s information while texting them
Trainer Focus Workshop
Takeaways:
Messaging Tool is important because it is what a Trainer uses everyday!
Trainers are willing to pay for a monthly subscription fee for a product that has features like templates and scheduled messages
It’s very important to send Group Message (or one-to-many) to help Trainers save time.
Part 2: Conceptualize
Make data make sense!
by creating feature list, user flow, wireframe, and product roadmap for our Messaging Tool
We hosted a design workshop to figure out the Product’s Feature List:
We combined our Research (to see what the industry standards are for Messaging Apps) with Data collected from Trainers to prioritize our Product’s Features:
1:1 Messaging to a Camper
Broadcasting Message Feature (one-to-many)
Instant access to Camper’s Information
Create a private tag to categorize Campers
Next up we worked on…
User Flow to ensure we cover all user scenarios for the Messaging Tool
Things came up as we worked our User Flow:
App Navigation
Basic features of a Messaging tool like Search and Load Old Messages
Native features like accessing Camera Roll to send a Picture or Video
Error States
Wireframe
Wireframe
Using wireframe we can bring the User flow to life without having to spend too much time on the Design
Product Roadmap
Roadmap is important because it’s the easiest way to help Stakeholders visualize the development cycle of this Product
MVP version:
Trainer to Camper 1:1 and Broadcast
Send Photo, Video, and Document
View Chat history
View Camper Info & Workout History
Create, Add, and Remove Camper’s Tags
Future features:
Use Templates to communicate with Campers
Schedule messages
Create List using filters
Ability to create Highlights (Reel Video)
Part 3: Design & Test
Created components for the design system
Following the atomic design methodology, I updated our Design system with new components for atoms, molecules, organisms and pages libraries
Pages Library
Top: iOS page components | Bottom: Android components