Hoppers! - Mobile App
Collaboratively researched and designed a Jump rope application to encourage personal and community health.
Competitor Analysis, Personas, Scenarios, HTA Diagram, Card Sorting, Information Architecture, Wireframing, UI Design, Prototyping, Usability TestingMy Role
I collaborated with two UX designers to work on the mobile app of the Hoppers - A Jump rope fitness application. The project's primary focus was on User Interface design, and I was in charge of performing competitor analysis, considering design layout, and designing the app's Jump rope event section.
Competitor Analysis
The competitor analysis has been conducted to identify limitations within services provided by the existing applications of a similar domain.
Problem Framing
User Personas
User personas were created around the concept, taking into account the user's fitness goals, frustrations, and motivations.
User Scenario and HTA
Open Card Sorting - Paper Approach
Performed Card sorting exercise with 2 candidates and both produced the same result that shaped our IA.
Wireframes
Created wireframes to show a workflow of the events section.
Material Guidelines
Considered a few material design guidelines to be implemented in the final UI design.
UI Components
Design Layout
UI Design
Designed Jump rope workout list, and the whole UI of the Jump rope events section.
UI Design Updates
After conducting usability testing and identifying key findings, we worked on iterating the existing designs to increase the quality of the experience for the users.
Figma Prototype
Key Takeaways
The competitor’s analysis helped us improvise on missing and existing features of the other applications.
Open card sorting provided a valuable insight to further develop the information architecture.
Material design guidelines were implemented before designing the UI components to standardise the UI across all the pages.