ACTIVE App
Product Brief
The ACTIVE app is an app to find local activities and stay informed with health and fitness related articles.
The Problem
The Active.com mobile app is antiquated due to neglect. Many users simply don’t download and use the app because it has not been updated and does not match the user experience of the desktop version. This is a problem because many users prefer a mobile experience and currently go to competitor apps resulting in missed opportunities for events listed on Active.
The Goal
Revamp mobile app to allow users to focus on finding local events, promoted events, and modernize the user interface.
Responsibilities
User flow, wireframing, user research, and visual design.
Tools
Flowmapp, Adobe XD
Research
Discover the root problem and the user
Before doing any ideation I completed a heuristic evaluation of the current app to discover current issues and areas of improvement. I also analyzed comments in the app store, app user personas, and previous UX research that had been completed to get a better understanding of user pain points and goals.
Key Findings
- Events are not shown on the home screen
- Ability to filter is very limited
- Poor user flow between categories
Exploration
Researched event management and ticketing apps as well as booking sites that showcased great user flows, clean and logical visuals that don’t distract users, and exceptional filtering.
Ideation
I visualized the app flow and started sketching different design solutions to review with the project manager and stakeholders to gather feedback.
Design
Upon opening the app, the user will land on the home screen which displays featured events, categories, and events near by using geo location (user must allow access to location, if not will display popular events). Once they pick a category, they land on the category page where they can filter down to find the perfect event then go into the event details page to register for the event.
Project Learnings
Things I learned from this project:
- Familiarity is essential. Instead of designing super unique apps for the art of it that will cause users to spend more time familiarizing themselves for your interface, it’s good to rely on existing mental modals and stick with elements users are already familiar with.
- Sometimes when making a mobile app version of a website, it’s hard to resist not including every feature of the desktop version into the app. I learned the key is to keep features highly focused based on the core objectives and tweak from there based on which features are used the most.