Fraud Blocker

Kickoff

Kickoff (formerly Kudos Fitness) is a startup that provides one-on-one personal training and workout plans through their mobile app. Clients receive daily exercise routines and nutrition guidance from a real human certified personal trainer, and can do workouts + track their progress using the app. We set out to evolve the Kickoff MVP into a robust service, creating an energetic new brand and marketing site to fuel growth, and modern new app to keep clients engaged on their fitness journey.

Fitness startup website design

Components of the redesigned Kickoff homepage and signup flow

New Name. New Brand.

Kickoff was previously known as Kudos, but decided to rebrand when customers were having trouble locating them amongst other similarly named apps in the App Store/Google Play. jKoncept helped the company discover their new name and identity. We created their new visual identity system and brand guidelines to help the company apply branding consistently as they grow.

Example startup brand guidelines

Mobile App Redesign

One of the first surfaces this new brand was applied was the redesign of their mobile app for iOS and Android. This redesign was not only a rebranding of the app, but also significant improvements in key user journeys from the Dashboard, users' central fitness hub, to the in-workout experience. These changes were driven by dozens of qualitative research interviews with current customers, and usability validation interviews with non-customers. Check out this video walking through the new app experience.

Dashboard

A A new feed approach brings entropy to the dashboard with statistics and tips that change daily. We created a ranking system to ensure the most timely items, like today's workout and goal/habit logging, are displayed at the top of the feed, while tips, metrics, referrals and app feedback are lower.

B Knowing that a consistent routine is the most important factor in achieving health goals, we rolled out a simple way for users to self report progress on their eating and fitness habits. Goal prompts are set by the coach, and rotate throughout the week. The prompt flips after filling it out to show a visualization of your self reported progress.

C The new dashboard keeps users motivated by highlighting achievements and streaks through metrics cards. These cards rotate out daily to keep insights fresh.

UX app redesign

Workout Experience

The guided workout UI received the most complaints from users before the redesign, with >10% of churners citing this area of the app as a key frustration. Top concerns were clumsy navigation between exercises, poor visuals, small type sizing, and a confusing timer.

A In the redesign, new enlarged animated visuals (to be licensed), plus enlarged weight and time/rep count, are easily glanceable from across the room or on the gym bench. The workout and set timers are separated so it's clear how much time remains for a timed set, and audio cues alert you when time is up.

B Your personal coach is front and center in the experience, with special instructions they've left for you shown underneath the exercise. A new quick feedback mechanism helps coaches learn your favorite exercises as you work out.

C Finally, the Next button is elevated and the preview of what's coming up sets users expectations and allows them to prepare for the next exercise.

Schedule

Based on user feedback, we moved the schedule to a dedicated tab. Today's workout, if any, is highlighted at the top. It's easier to scroll through your history and view past workouts.

Additionally, we heard from users that they wanted one place to track all their exercise, on days their coach didn't plan a workout for them. The new Schedule design allows for this by adding quick logging on recovery days.

Website Redesign

After usability testing and analyzing session recordings of the homepage, it was clear that the content was not engaging users. The previous homepage faced a steep ~40% dropoff rate. From our research sessions, we saw that over 1/3 of participants could not accurately describe the scope of services included in a Kickoff subscription within their first 30 seconds on the page.

We solved this by refining the design and messaging on the page, including a new scrolling How it Works section to depict what's included in the service and what to expect when signing up.

Signup CTAs were added throughout the page to help conversion, and we moved contact information questions to the first step of the signup flow rather than up front, reducing initial friction. This led to a 23.4% increase in the number of leads collected.

17.9%

HOMEPAGE SIGNUP Boost
within first 30 days

Ready to optimize your conversion?

Startup website design example