ClutchMove

ClutchMove

About

About

ClutchMove is an events, chatting and community platform for people who want to participate in sports and recreational activities with their friends or find new people with whom they can form a group for such events. The goal of the app is to alleviate the difficulty of gathering a group and maintaining it so that they can schedule games in various sports of their choosing with little to none possibility of their plans falling apart.

ClutchMove is an events, chatting and community platform for people who want to participate in sports and recreational activities with their friends or find new people with whom they can form a group for such events. The goal of the app is to alleviate the difficulty of gathering a group and maintaining it so that they can schedule games in various sports of their choosing with little to none possibility of their plans falling apart.

Team

Team

1 Designer

2 Developers

1 Designer

1 Front-end Dev

1 Designer

1 Front-end Dev

My Role

My Role

Product Design

Graphic Design

User Research

UI/UX Design

Graphic Design

Info Architecture

UI/UX Design

Graphic Design

Info Architecture

Tools

Tools

Figma

Photoshop

Illustrator

Figma

Photoshop

Illustrator

Mobile App

The main focus of this platform is the app. It is thought of as a tool for users to communicate with their teammates and to help them find additional players and venues, which ultimately sets the app apart from Messenger, WhatsApp or Viber. But in order to develop such a product it is mandatory to make a selection of features that are crucial for the inital release. If the first MVP is well received, we can continue into making a UX Roadmap.

For the prcess I used Design Thinking.

Banner for the App.

Phase No 1

Emphatize

I conducted several User Interviews, along with informal conversations with some friends and acquaintances about the idea. For the interview participants I chose young adults that used to train certain sports when they were in elementary or high school (of course, with some exceptions to the rule just in case).

Also did Competitive Analysis of apps identical or similar to ClutchMove. That means testing the apps with same concept, the ones that are currently being for chatting between participants and the ones that have a stong community like Strava.

First draft of the user flow.

Phase No 2

Discover

When all informtaion is gathered, I had enough data to make 2 central types of personas to that will be interested in using the app:

  1. Marko - Community Seeker - Open meeting new people, finding new places trying out things he has never done before;

  2. Dejan - Circle Keeper - Has his own group of friends and is satisfied with them, and may use the app for finding a missing player, rescheduling and keeping a record of wins.

When all informtaion is gathered, I had enough data to make 2 central types of personas to that will be interested in using the app:

  1. Marko - Community Seeker - Open meeting new people, finding new places trying out things he has never done before;

  2. Dejan - Circle Keeper - Has his own group of friends and is satisfied with them, and may use the app for finding a missing player, rescheduling and keeping a record of wins.

User Personas, detailed in the link below.

Phase No 3

Ideate

The ideation was all about finding the solutions for our 2 personas. It was also mandatory for the MVP to be as much stripped-down as it can be. So the solution was to make the nav the 3 options that benefits the both users: Events, Chats and Player Profile.

The ideation was all about finding the solutions for our 2 personas. It was also mandatory for the MVP to be as much stripped-down as it can be. So the solution was to make the nav the 3 options that benefits the both users: Events, Chats and Player Profile.

Wireframe / User Flow

Phase No 4

Prototyping

The final design came out easily from the previous stage. My main objective is to make it as minimalistc as possible, even made it colorless. What I tried to do with such an aesthetic is to make it not only clean and vague because of the multitude of sports, but also to give it a more urban feel to it, because of the users that should be mostly located in urban areas.

The final design came out easily from the previous stage. My main objective is to make it as minimalistc as possible, even made it colorless. What I tried to do with such an aesthetic is to make it not only clean and vague because of the multitude of sports, but also to give it a more urban feel to it, because of the users that should be mostly located in urban areas.

Old design and new design comparison.

Old design and new design comparison.

Phase No 5

Testing

The testing went well. I made some minor changes where the users seem to underpreform, but all in all that's it. The rest is up to the developers to develop it. So to make things easier I made a UI kit with all the necessary fonts, colors and components.

The testing went well. I made some minor changes where the users seem to underpreform, but all in all that's it. The rest is up to the developers to develop it. So to make things easier I made a UI kit with all the necessary fonts, colors and components.

'Find the Player for your Game'.

Recap

Reflection

This project was a redesign of my previous work and this time I did a lot of things differently.

First is thinking a lot more user-centered. Doing more interviews and structuring them more precisely and also being more prone to adjusting the questions during the research. Also did a lot more journey mapping with my stakeholders to determine the Initial problem and the solution, so that we know in which direction to develop the product.

Second thing I did was focus more on the business ascpect like: How to get to people? How to monetize? How to include venues in such a thins? Knowing in which direction the business is going helps navigate the usabilty, brand and the design as a whole.

Going back in time and reviewing a past project is a good way to determine if the path you are taking is a good one. By noticing progress in your newest work compared to the previous ones give you the right incetive to continue heading forward.

Rearview mirrors are there for a reason.

Glance back, so you know when to turn.

Back to Top

© 2024 Aleksa Majstorovic A420. All Rights Reserved.

© 2024 Aleksa Majstorovic A420. All Rights Reserved.

© 2024 Aleksa Majstorovic A420.

All Rights Reserved.