Crafting Goal-Setting Experience with a Fitness Startup's Core Team

This case study explores how my iterative design process, refined through developer feedback and founder collaboration, created an intuitive goal-setting experience for users.

Executive summary

  • Problem

    What is the most effective and intuitive way to present 8 goals within a mobile design?

  • Solution

    Utilize a horizontal navigation with all 8 goals that allows users to scroll without having to move through more multiple screens.

  • Impact

    Positive developer feedback and collaboration that ended in shipping the final designs to be used within the app.

Background

Who Was My Client?

Elevate is an all-in-one fitness app and network which allows users to track their progress in fitness, nutrition, and weight loss goals

Challenge

Create an interactive mobile design that allows existing users to set fitness goals for 8 different categories within a signle screen.

There were 8 goals that needed to be incorporated into the goal setting system. These goals were varied and could not be categorized in bulk or grouped together in any way. Therefore, I needed to find a way to represent the goals individually in a way that was visually cohesive yet still easy to digest from a users’ perspective.

From my meeting with Elevate’s two founders, who were also the lead developers, I learned that they had conducted user research prior to this project. An important finding from this research showed that a majority of users disliked the action of clicking something and being taken to a completely separate screen - they wanted all actions for a specific element to remain within the same screen. I knew that I would want to keep all actions for setting the 8 goals (specifically setting numerical goals, and moving from one goal to the next) within the same screen.

Process

Design Process

Although research had been done prior to this project, I wanted to conduct a quick competitor analysis in order to obtain insight into existing goal-setting designs to gain a sense of what exists within the current market.

Key Design Questions at this stage:

  • What is the most effective and intuitive way to present 8 goals within a mobile design?

  • How might I design an interactive screen that incorporates 8 goals without overwhelming users?

Design

Utilize horizontal scrolling for a navigation bar which features 8 goals

Based on the user research which was conducted prior to this project, I understood that Elevate’s users did NOT want to have to move to a separate page to set each goal.

Therefore, my design had to present all 8 goals within one screen while also being optimized for mobile. To achieve this, I utilized a horizontal navigation with all 8 goals that allowed users to scroll through and select the goal they wished to set. Once clicked, the goal would populate the screen below the nav bar and allow users to set their desired metrics. Once set, they would move on to whichever other goals within the navigation they wished to set.

First iteration

I presented my first iteration of mobile screens, utilizing the horizontal navigation I designed to the lead developers and founders for feedback.

Feedback

After presenting my initial iterations, I received feedback from developers.

revisions & final design

I quickly implemented developer feedback and created a final iteration of my designs.

Moving forward

sucess metrics

Test final designs with users and gather their feedback to validate my design’s performance and usability.

Observe fewer complaints for users looking to complete actions within a single screen, continued use for users who are engaged in the goal setting flow and want to chart their progress overtime.