Gymrats is a fitness app that allows users to form groups and track their exercises through a point-based competition system. My goal was to reimagine the app's interface and usability using the Material Design 3 system by Google as a guide. Below, you can see the before and after.
For the main group page (1), the pictures taken during each check-in (photos are mandatory in the app when you check in an activity) appear larger to emphasize the social aspect of the app. In addition, a badge displays each user’s placement in the ranking to encourage competitiveness. On the Ranking page (2), the most important information is shown first: your current placement in the competition, followed by the full ranking. After that, general group statistics are displayed. Both sections include a button for accessing more detailed information.
For the new check-in page (3), the text fields were reorganized to create a more continuous layout, and the buttons were emphasized for better visibility.
For the new activity page, I improved the user experience by reducing the number of steps needed to register an activity. Previously, users had to first choose the activity (4), then move to the new activity page (5). After the redesign, the entire process takes place on a single page (6), with a dropdown menu for selecting the activity.
