Wireflows

Onboarding & Signup

Justification

Our persona needs quick solutions that fit into their busy schedule. That’s why our onboarding process starts with the option to sign in with Google or Apple, making it easier and faster than creating a new account from scratch. We still offer the traditional username/password option, but the focus is on getting them into the app as quickly as possible.

If our persona had to go through too many introductory steps, they might give up early or delay using the app. Instead, they can start seeing relevant actions right away without distractions. This is partly why we put the address and billing info in the settings screen instead of requiring it during sign-up.

After setting up, the onboarding process encourages them to invite teammates or friends using a simple invite link, rather than manually entering contacts. This increases the chances that they’ll use the app with their friends instead of ignoring it due to hassle.

Inviting Friends

Justification

In the original sketchy screens, users had to navigate multiple options for inviting friends (selecting contacts, adding personal messages, etc.), which created unnecessary friction. 

By condensing these steps into a single “Copy Link” screen, we ensure our persona can instantly share the invite however they prefer, rather than being forced to choose from multiple pathways. Once the user returns to the My Group screen, they can decide to check the status of their invitations or move on. This ensures the interface isn’t cluttered with status screens unless the user actually wants to see them. It also gives users the right information at the right time rather than overwhelming them. 

By adding a dedicated Invitation Status screen with a Remind Friends option, we reinforce social accountability—especially important for a user who wants to build momentum with friends. The simpler flow means more people are likely to complete the invite step in the first place, and the status screen encourages them to follow up.

Rewards

Justification

The rewards system in our solution is designed to drive engagement and reinforce positive behavior while maintaining a streamlined and intuitive user experience. We structured the flow around key decision points and reduced unnecessary complexity to ensure users can seamlessly track their progress, view rewards, and stay motivated. We allow users to see their weekly progress, which does not cognitively overload them and gives them only the most relevant information. Additionally, the UI allows users to easily check teammates’ scores by viewing a list of their teammates and optionally clicking on them to see further details. Users can also optionally nudge teammates to remind them to keep good posture, incorporating a social accountability factor. Upon completion of a week, the system assesses whether or not the team has achieved a goal and will distribute awards if they have, or send a failure message if not. The system automatically will reset progress after each week, making sure app maintenance is not on the users. Through this approach, our product achieves a reward system that effectively balances team motivation, engagement, and ease of use. Users are in control of their experience but are gently guided toward rewarding behaviors.

Sketchy Screens

*All justifications for changes are in the feedback.

Signing Up – CJ:

Initial:

Feedback:

• Mena: More of a question than a criticism but would we want to have a button or something that leads them to buy the posture device in the onboarding process/when they update their payment info?
• Mena: Nitpick but would be good to have a Forgot My Password button in the log in
  • Akanshya: adding on to this, a forgot my username would also be nice!
• Mena: In the welcome screen, could add a checkbox (or two) to accept Terms & Conditions/Privacy Policy since we’d need to be tracking different metrics and sharing them with their friends
• Akanshya: To have consistency between screens, maybe your home screen after you first log into the app can look like Mena’s first screen before she has a group?
• Akanshya: Maybe that speech bubble could be a notification on the settings page? Like a red exclamation mark that when you click on it, you go into settings and see this? This might help with consistency and how it would look when we actually make a mockup of the app at the end 
• Christelle: I think the UI is very simple but there are a lot of buttons in the welcome page. I am not sure if we need all those options immediately there. I would suggest condensing the buttons.
• Christelle: Updating address and payment details seems a little barebones and a little hard to read. Maybe making it bigger and putting it in the home page would be better.
• Abena: I like that we added the ‘Sign In with Google’ and ‘Sign In with Apple’ buttons on the Sign In screen. It makes logging in much faster for users who already have those accounts. 

Final:

Creating a Group – Mena:

Initial:

Feedback:

• Akanshya: It’s a little confusing how the create new group works when you’re already in a group, maybe if the first screen had no group before you create one (or one with a different name), it would show the flow more clearly
• Akanshya: I see that this is the home page and it has individual progress, but I think it might make sense to also have a history button to help you see how you’ve done over time?
• Akanshya: This is a slight nitpick but it might help to have home be the leftmost icon? I think this is more standard, but centering it is a good idea if we want to bring attention to it. Just something to think about – what you want to emphasize!
• CJ: This is a small adjustment but the font size is small and hard to read, maybe making the size a little bigger as well as increasing the button size would make the pages more readable and usable!
• Christelle: I think we can add an invitations tab in the group page so that creating a group and joining a group are separate.              Abena: It’s a little confusing how the group creation flow appears when you’re already in a group, so maybe we should make that initial screen blank if you haven’t formed a group yet(might reflect a little in the invite friends flow) 
• Abena: An invitations tab in the main group view might be helpful. We can make it super easy for users to see if they should create a new group or just hop into an existing one (especially if they want to change to a different group before committing to the initial one). 

Final:

Inviting Friends – Abena:

Initial:

Feedback:

• Abena: I think there are multiple screens and too many decision point. If we have too many steps, it could potentially slow down their engagement. I think a simpler way without extra input (maybe remove like selecting contacts, adding personal messages, and confirming invite statuses) – extra friction would definitely impact motivation to complete the invite.
• Akanshya: I think it might be nice to be able to see the invite before it’s accepted on the 7th screen, to better understand the perspective of what it’s like to get an invitation to join the app. 
• Akanshya: I think it would be nice to provide another option to invite friends that’s not just inviting contacts. Maybe there could be a link that we can copy and send? It doesn’t have to be fleshed out but if you could have a button for that that’d be great.
• Akanshya: On the invitations sent page (or the my group page), I think it’d be nice if we were able to invite more friends, since people may want to go back and revise things later!
• Mena: Would be nice to show how the user could see the invitation status at any time (since I assume this would be something they would want to look at other than immediately after they invite the person)

Final:

Checking Progress – Akanshya:

Initial:

Feedback:

• Akanshya: Remove the bottom navigation bar when you go deeper into pages because it can get confusing and allow them to navigate to other pages
• Mena: Make the history button bigger/positioned below the bar or somewhere where it is more discoverable and clear
• Mena: Maybe something to discuss as a team but if the goal is 90%, then what does 100% mean?
• Mena: Not necessarily an issue but was just a bit confused on whether the history is the user’s history or team history (tbh I think it would be clear enough to just change the label to “My History” or “Team History” depending on which one it is and just having a way to navigate to/show either one)
• Mena: Just a small thing but since the total progress and leaderboard are group things and not individual, might be good to have a label or something indicating that
• CJ: How do you get to the “History” page? Edit: just realized the button is above the progress bar, but it could be larger and easier to spot as it is an important aspect of the app
• Christelle: Is there a way to make the History button bigger? It kind of gets lost against the progress bar. 
• Christelle: There seems to be a lot of white space on the first screen. Also I am wondering how you can label the progress bar with specific milestones so that it is not just a bar with progress.
• Abena: We could add some visual cue on the calendar to separate personal milestones from team milestones. Right now, it’s not entirely clear if the progress bar refers to me alone or the whole group, and a simple icon or color code could clear that up. 

Final:

(There is a lot of white space on the third page as was kind of mentioned in feedback, but I want to discuss with the team what we think we should fill it with as I’m not too sure what else we would want in the history).

Rewards – Christelle:

Initial:

Feedback:

• Akanshya: Could you add a nav bar for consistency between screens and so that we can better know how it would all fit in together?
• Akanshya: This is less of a piece of feedback but more general confusion: can individuals also earn separate rewards? Also, what does it mean for in a week’s progress to have a day be shaded in as opposed to not shaded in or half shaded in? 
• Akanshya: I personally prefer the style of version 2! I know consistently we have done version 1 with a list leaderboard style. The only concern I have with the ladder approach is that it seems like an individual is headed to the goal by themselves as opposed to as a team. Perhaps it can be this style of board but shows the team all together? Though I know this introduces challenges for how you might click on a person’s name – maybe we can even somehow combine the two interfaces
• Akanshya: A very small nitpick, but maybe we can add an individual’s points next to their name (for consistency)
• Abena: I also prefer style 2 – and i think having rewards earned is good to keep them motivated! Maybe we could also add a small notification/badge/congratulatory message that alerts the users when they have reached the collective goal(or even maybe 50% – to keep them going). 
• Abena: I think the positive feedback may be implied in the first screen on V2 but making it more explicit could help
• Mena: I also like the style of the board better! I think V1 could also work, but I feel like the plant doesn’t show progress super clearly bc it’s unclear how tall the plant would be if the goal is 100% reached if that makes sense

Final: