YAS! had a simple concept from the start: It would gather all your fitness tracker and apps information and reward you for the overall progress.
The app is now mostly based on step activity, but rewards you for all kinds of activities you input, and connects to other fitness apps to give you points for things you achieved there too.
The app is developed for iOS and Android, and constantly evolving and growing since they like to try a lot of new stuff. The version you see here is not fully accurate with the one in the stores, mostly due to the time development of the apps take.
The company wanted to approach the app on a friendly way, as it is targeted to women between 25 and 35 mostly, who are interested in light fitness activities and discounts in healthy brands.
The old version of the app had an onboarding explaining the points system and trying to get people to connect their device, but it was messy and not very nice to look at.
My job was not only to make this visually appealing, but also simplify the flow and keep people interested in continuing clicking.
The result performs really well, with most people now completing the onboard fully and setting up at least one tracker before starting, which improves the usage of the app in a big way.
The color also identified the activities, and reinforced by this simple but appealing iconography, we made people more motivated to start inputing their activities to collect points.
The screens would have predominant white backgrounds, specially for complex lists or editorial information, and as the screens get simpler, color would have a bigger presence.
For example in the activites screen, the user goes from a more neutral dashboard, into a very colorful list of activities to select.
Once the user has selected one of those, the screen simplifies into a data input, with a big illustration (a bigger version of the icon they tapped on) and a background screen with the color of the activity selected. This adds to the overall playfulness of the app.
Complexity started to raise by the time besides the step counting, and the rewards, there was the need to make users start challenges to motivate them into getting more points, and increasing the use of the app.
I designed a dedicated view, with flows that extended all across the app to inform of new challenges, sign up to a challenge, follow up on it, get informed on your progress, and participate in raffles within the app.
People really liked the feature and combined with a good push-notification strategy it increased users per day in a considerable way.
The team started publishing some articles on health, fitness and other related topics, and there was a need to promote them within the app.
Since the content wasn’t so much that we could create a full blogging section, we would just promote them in the dashboard.
Following with different uses for the “cards” after the points tracking, we integrated a more visually appealing type for this kind of editorial content, for our users to access enjoyable readings on interesting topics.
Motivation is closely tied with emotion, and we made sure to include engaging illustrations and special moments in each important screen. A lot of these messages are sometimes ignored so we made sure at least the feeling for it was clear.
Even though the illustrations in these examples are just placeholders until our commisioned illustrator brought the final images, they represent the graphic universe I wanted for these colorful, yet informative moments.
The premise of the app was: get fit, get points, cash rewards. As the partners increased, and the quality of the products became worthy of showcasing, there was a need to redesign the rewards screen with a more powerful filtering possibility, that was still usable in small devices.
The new rewards screen features an instagram-like horizontal scroll on each card to review the pictures, a possibility to favourite them, and a comprehensive filtering tool with five different categories, the preferred ones by our users in our research.
As the app gets more and more complex, there were some attempts to see what would happen when the most used features require to be turned into standalone apps.
Thats why recently I developed concepts for the Challenges feature as a standalone app where the users could create challenges of their own too, and invite others to join, but removing all other functions of the current Yas! App.
Another interesting concept was to develop an app that would more explicitly track specific parts of the healthy lifestyle of people.
The result was quite interesting, and even if this is not on development, it is a pretty good concept exploring also a slightly different design direction.