DinoFit Back

Exercise while playing

About

You have certainly tried in the past to work out every day. But staying motivated is challenging, it's much easier to sit on the couch playing on your phone. DinoFit takes a different approach, it's a game that requires you to do push-ups to win!

My Role

I created DinoFit from scratch from visual design to development.
DinoFit Items

Core Concepts

Improving engagement

Challenges & Rewards

Workouts have different level of difficulty. In the beginning it’s fairly simple, but it gets harder as time goes!

On the flip side, the more difficult the workout, the more points users earn; which will help them attain the end goal quicker.

A Tailored Experience

Not everyone is the same, and DinoFit knows it. In the beginning, a short test evaluates the user’s shape to suggest adapted trainings.

After each training, depending on the user feedback, the app generates harder or easier workouts!

The End Goal

There is nothing better to stay motivated than a clear goal. The app shows the user’s progress at any moment and how to attain the goal.

The game includes three difficulty levels, from novices to experts.

DinoFit illustration

A delightful experience

Details matter

DinoFit onboarding flow

Onboarding

Studies have shown that most people downloading an app uninstall it in the next 10 seconds. Thus, engaging users starts from the moment they open it for the first time. The first impression is the most important.

The onboarding flow in DinoFit, walks the user through the core concepts of the app.

At the end of the introduction, the app prompts the user to test their level by performing a quick push-ups test. It gives the opportunity to the user to try the app right away! However, this last step is optional and can also be completed later.

Storyline

To keep the onboarding experience engaging, it is built around a strong storyline. A Dinosaur’s village is threatened by an erupting volcano. What can they do to save their village? That’s were the main character (the actual user) can avoid the cataclysm by pumping water (doing push-ups) regularly.

DinoFit water animation DinoFit volcano animation

Illustrations

DinoFit was built from the ground up as a game. Working out is generally not a pleasant thing. On each screen, the app features illustrations and live effects to make the overall experience more delightful.

In contrast to all other fitness apps, I used humor to create a light atmosphere. It took a lot of time creating illustrations and effects but I am very satisfied with the result.

Live Animations

The app features a few live animations. Like illustrations, animations are delightful experiences that make using the app enjoying.

But the main reason for using animations is to provide direct feedback on the users’ actions. For instance, when doing push-ups, the water level indicates the current progress. During rest periods, the water lever gradually goes down, again showing progress.

It is also a way to bring back gameplay concepts. While doing push-ups, the user metaphorically pumps water and then dumps it during rest periods!

The other live animation is the fumes coming out of the volcano on the main screen. The fumes show how active the volcano is. If the user didn’t open the app in a while, there will be more fumes, indicating it is time to exercise before the volcano erupts! Conversely, the closer the user is from completing the goal, the less fumes there are.

Development

I always wanted to create an Android app. I started thinking about the concept in June 2014. After sketching many gameplay ideas and interactions, I started developing a first version in about 3 months. I developed a Ruby on Rails server to store user’s information and generate new workouts every day. The app and the server would communicate through a REST API.

It worked very well, but I also became very busy with school around that time while entering at the University of Washington.

Dino sketch
Dino wireframe
Dino illustration

Around April 2015, I started the project again but from scratch, learning from my first experience. I spent a month creating a high fidelity mockup of the app, and then another month developing the app. I ditched the server and managed to generate workouts on the phone directly. Because there is no need to wait for any server, it is more responsive than ever.

The app is currently in closed beta. However, I have started many other projects and I didn’t have the time to release it yet, although it is ready to launch. So stay tuned!