Contact us!

Fit@Home

The essence of indoor fitness experience within a few clicks.
image

Details

  • Scope Product workshops, UX/UI design, Flutter iOS and Android app development
  • Technologies Flutter
  • Business sector Lifestyle
  • Model of collaboration Time & Material
  • iteo Team 2 x Flutter developers
    1 x UI designer
    1 x UX designer
    1 x Project Manager
    1 x Quality Assurance engineer

Easy to use, highly functional iOS and Android app with beautiful illustrations, bold styling and simple interface – giving a boost of motivation and being accessible at all times.

Timeline

  • 2019
    May

    The app was supposed to be released as soon as possible. We had a couple of months to finish the product.

    June

    We organized Product Workshops with the client

    July

    Design + Development

    October

    App Release

  • 2020
    January

    Quick fixes and updates

  • Project’s highlights

    This fitness mobile app does not only offer subscription plans with amazing workout plans created by seasoned personal trainers. It also analyzes the advancement levels and proposes automatic adjustments, so the user gets a customized plan for their fitness goals. Workout at home easily and achieve success every time with Fit@Home. You don’t need to go to the gym to stay healthy. This sports app will tell you what to do – you just need to put your sneakers on and work hard!

    image
    image

    Business needs and goals

    During Product Workshops we determined the exact project assumptions, target groups and concrete functionalities to be included in the app.

    The main goal was to develop a modern app for buying workout plans. What would distinguish Fit@Home from other fitness mobile applications is advancement levels. That would allow users to pick the adequate training to their condition and requirements. Also, the client wanted to upload seasonal workouts like skiing preparations or getting ready for the beach.

    Target group was defined as adult women and men (+35 years old) who don’t workout regularly and they don’t go to the gym – usually because they don’t have time. Also, the product could be useful for older people who want to stay fit.

    Product workshops

    During our original method of work, Product Workshops, we usually perform concept evaluation. This way we can determine if all of the product requirements are understandable and if the project is feasible.

    With Fit@Home we needed to determine personas and value proposition as the client came to us with an idea for a product, but no other data.

    We’ve started with pinning down basic business requirements. Then we could start designing customer journeys within the app. We did that using wellperforming tools such as empathy maps and user flows. What matters during this stage is product understanding – how will the users act with our final product, what business value does it bring to them and what problem solving solutions it can offer? Answering these questions would help us to optimize the product so we could reach cost effectiveness and high customer satisfaction.

    We also did a scoping session to break down the idea into small parts and find out a solution on how to design each of them. We needed to find out what should be the design spirit of the app, so we could give it a certain tone tailored to target customers.

    image

    Prototyping

    Because the client didn’t have any documentation or product structure in mind, we needed to create the proof of concept – for quick validation of the idea.

    During Product Workshops we mapped out the foundation for wireframing and then building the MVP (minimal viable product).

    Using Sketch and Invision, with lean UX and interaction design principles in mind, we’ve created the minimum lovable product, which is similar to MVP but has more functionalities desired by the potential customer. The whole development handover could be done so fast because we prepared everything beforehand and tested all possibilities with open mind.

    When designing UX, we needed to provide useful information for the user at the exact time they are requested. That required to go through all user paths and build them in a clear, intuitive way. Each step tells the user what kind of exercises can be expected, how long the workout will take and what will be the result. Each training day can be personalized and with photo uploading function the user can compare their before and after. Also, what distinguishes the app from other similar products is workout review which automatically plans next steps in the routine depending on the user’s progress.

    The app’s whole content is based on photos and videos of exercises. The interface displays them without distractions. We’ve added some sport-inspired illustrations with dynamic objects to create the atmosphere of energy and motivation. Also, to achieve that the app introduces transparencies, shadows and gradients.

    Functionalities

    The main functionality the were trainings suited to personal preferences of the user.

    We suggested specific ways to develop certain functionalities, being open for potential changes and updates.

    Basic functionalities to provide included:

    • Registration and logging in processes

    • Main screen

    • User account

    • Overview of workout plans and single exercises

    • Managing user’s workout plans

    • Trainer info

    • FAQ and tips

    • Uploading photos

    • Real-time workout with time-counter

    • Workout reviews

    • Subscription

    The project also assumed adding notifications, language change, unit change (metric / imperial), and more.

    image
    image

    Technologies

    Because the client wanted to shorten the development time, we recommended Flutter as the framework to build a hybrid mobile application for both Android and iOS.

    Flutter is a technology that is rapidly growing. It offers great tools for development of robust, scalable products. All new UX and UI standards are regularly implemented. Creating impressive animated graphic interfaces is one of the main benefits of using Flutter. What’s most important is that building an app with a hybrid framework would make the process much faster than using native solutions.

    Design

    The workout apps competition is fierce. Not only the big brands are racing to create the best sports software, but also a lot of athlete celebrities do. This was one of many challenges we needed to face while preparing the design of the Fit@Home app. We needed to create something simple and friendly to use, yet with that unique style that would make it stand out among the competitors.

    We decided to base the entire UI layout on contrasts, to emphasize the workout progress when users are surpassing themselves. The bright colors and white typography were deliberately placed on dark backgrounds. We used elevation to point out all the clickable elements. To give the app a so!er side, all components were rounded, along with custom-designed icons and handcrafted illustrations.

    The last-mentioned played a great role in the layout. They were inspired by the app’s theme: exercises and sport. They portray the objects that would either be useless, if we used the application (that clearly states to exercise at home) such as skis and bathing suits or were simply surrounding us, like the home furniture. We gave them a more dynamic and energetic look – something that resonated with exercises that usually were done outdoors. The illustration complements the UI design system in coloring, shadows and transparency.

    Our client equipped us with professional photographs which were styled to match the app’s look and were broadly used. We were also responsible for the creation of the new Fit@Home logo along with social media materials.

    image

    Quality assurance

    Our development team began with unit tests. These types of tests are led at the very beginning of the development cycle. They are determining if every individual unit of source code, sets of one or more program modules with associated control data, usage and operating procedures are fit for use.

    The next phase began when our testers team started functional testing and end-to-end testing. Functional tests are focusing on system functional requirements and specifications to make sure that they are properly satisfied by the application. The end-to-end technique is used to test whether the flow of an application right from start to finish is behaving as expected and to ensure that data integrity is maintained between various system components.

    Because of the above mentioned time pressure, there was no time to implement test automation since writing scripts is very time-consuming at the beginning. It is beneficial to implement them in long-lasting projects. At the end of the development cycle, we have done integration tests to make sure that payment subscription systems in both Play Store and Apple Store are working as intended.

     

    Challenges & solutions

    Time pressure

    We didn’t have too much time to develop the product so we needed to pick several organizational tools and methods to make our work as effective as possible. Agile was the obvious choice as we already knew how to implement it into IT projects. The teams were working simultaneously on both Android and iOS parts to shorten the development time. Effective project management is crucial in projects like this. Many iterations, ad hoc solutions to changing requirements and circumstances and awareness of rapidly changing conditions helped us with time pressure without losing quality of the final result.

    Subscriptions

    From the very beginning Fit@Home wasn’t supposed to be a free-to-use product, as it is targeted to premium users that seek personalised and seasonal workout plans. The only free exercise sets its users could access would be during a 7-day free trial. A!er that, each user would have to pick a subscription plan. Seamless user experience is crucial in order to get as many subscriptions as possible. Since Flutter’s library from Google responsible for the subscription module was still in beta, we needed to use our extensive knowledge from Swi! and Kotlin frameworks to create a solution that is hybrid but really feels like native. That resulted in creating different subscription solutions for Android and iOS.

    Lack of backend

    One of the main challenges we had in this project was the lack of backend. Developing a proper backend would take much more time and budget, so we had to find a solution to store the app’s data without a standard backend solution. We used Cloud Firestore from Firebase to create a backend-like part of the app. The only drawback is that adding any changes to the app requires contribution of a developer.
    image

    Outcome

    In a very short given time we developed a modern hybrid application for Android and iOS that helps its users to be fit at home. Two language versions (Polish and English) help our client to reach customers around the world.

    This app not only provides ready-to-use workout plans but it also tracks progress, showcases statistics, analyzes the user’s condition and automatically modifies workout plans to get best results. Fit@Home is an exercise hub for everyone who wants to work on their body without going to the gym.

    It’s a great alternative to fitness club memberships and expensive personal trainer appointments. The app was released just before the coronavirus outbreak. It is definitely a product that answers the rapidly growing trend for workout mobile applications that help their users stay fit at their homes.

    The number of individual subscriptions rises every day while the quarantine is ongoing. Also, big gyms and fitness clubs buy thousands of plans so they can offer them to their clients as an alternative to the ordinary memberships. The app was listed among TOP10 fitness apps in Poland.

    Reviews

    I can recommend iteo as a reliable business partner with extensive consultant expertise for creating custom mobile applications. Our collaboration resulted in a great looking application and I received very positive feedback from my users.
    As a triathlete, I need not only swim, bike and run… For a long time I was looking for a solution to strengthen my body (core stability, especially).
    Awesome!!! Great app for people who don’t have time to hit the gym. I have no excuses now
    My wife recommended this app and it is fantastic indeed. Diverse levels of exercises, easy-to-use interface, professional workout at home.
    This app makes my life easier It’s really useful since it sends you notifications about your parcel so you don’t have to check your e-mail all the time.