Fitness Genes
Get fit the smart way
Fitness Genes is a company that analyses the DNA of people that want to start working out. Based on the test results they provide them with a tailor-made workout and diet plan. Making the journey of reaching their fitness goal as efficient and effective as possible. On behalf of Soda Studio I helped them by designing a new website and mobile application.
Some quick details
• Client: Fitness Genes
• Project length: 4 weeks
• Methods: UX design for web and mobile app
My role within this project
On behalf of Soda studio I worked on this project. I was responsible for the UX design for the website as well as the mobile app. I worked closely with Wouter van Faassen. He is the one responsible for all of the nice work regarding the branding and visual design.
The problems we needed to solve
One of the main problems Fitness Genes had, was conveying their proposition in a simple form that connected with their online audience. Talking about DNA can quickly become boring, so we needed to figure out a way to tell their story in a more compact but still all-encompassing form.
Another problem that Fitness Genes had, was that part of their actual product; the workout plan, lived in an outdated online members area. Their users actually needed to print their training scheme to take it to the gym. Not really the experience you would expect from such a modern day fitness service.
Our goals for this 4 week project
Design a new website that helps focus the message of what Fitness Genes is all about, so that it better connects with the target audience and eventually drives a higher conversion rate.
Design a brand new mobile app that helps customers to follow their workout schedule and reach their fitness goals.
A little bit about the process
Defining a clear information architecture
For the website as well as the app it all started with clear information architecture. The first step for the website for example, was to find a new navigation structure that made the site less complex. Ordering all of the pages within a new sitemap.
The starting point for the app design was a flowchart that was created by mapping the user journey in a functional way. Giving a clear overview of all the screens that needed to be designed and the flow that the user would follow.
Designing the actual website and app
When designing digital products most of the time at Soda studio scrum methodology is used. But because of the tight deadline of this project the choice was made, to go for a more waterfall based approach. The interaction design was made in close connection with the visual design and at the end of the four weeks it was handed over to the development team.
The new website
Wait DNA…? So how does this work?
Fitness Genes offers a unique combination of a service and a product. The analysis of your DNA and the personalised training program. By layering information about the whole process behind the fitness genes service the user doesn’t get inundated with information.
Everything you need to know about reaching your fitness goal
In the Fitness Genes shop you can find all of the different plans. Every fitness goal has it’s own unique product page. Explaining everything you need to know through background information, other users success stories, and the available plans to reach that specific goal.
Quickly find a fitness plan that perfectly fits your goal and level
Fitness Genes offers fitness plans that serve specific fitness goals. Per goal there are also three experience levels to choose from. The total amount of plans quickly grows quite big and complex. To guide the user in their search for the perfect plan we designed the plan-finder. With the plan finder the user finds the perfect plan within 5 easy steps.
The mobile app
Day to day planning
Quickly check what’s on your training schedule for today and start with your personal workout. Want to know what’s next for the upcoming week? Easily check this with the preview-bar.
Your complete training plan in one overview
Need some more overview? You can find your complete workout program in the workout agenda. Giving you insight in your completed training sessions, upcoming training sessions and rest days in between your training days.
A personal trainer in your pocket
All the information you need to execute your personal training can be found within the workout flow. Every exercise has it’s own explainer video that helps you execute in perfect form. All the exercise specifications are based on the users DNA test. This enables the user to always train at the optimal intensity.
The end result
In need of a DNA optimised workout plan? Or just curious?
You can check out the live site at: www.fitnessgenes.com
The app is currently in development. I’ll post a link when it’s finished.
Get in touch.
Have a project, or proposal to work on together?