InfoGym

Multi‑platform system for athletes, trainers and gyms

ios
android
ux/ui design
norway
InfoGym is a mobile app that helps people improve their training results through access to trainers and 3D exercise guides.

Challenge

Our task was to develop a suite of apps, for both the gym-goers and trainers, that fostered meaningful connections and improved workout results.

What we did
  • UX/UI Design
  • iOS Development
  • Android Development
Group 45 Created with Sketch.
FbStart Finalist BestApp of the Year 2016
Facebook Accelerator Program
8DEE648F-18F4-4405-8A22-75AE4B5D34BA Created with sketchtool.
Most Downloaded App in Singapore & Norway
Most donwloaded "All time" and "Fitness" as of January 2017
00D4A331-6F13-4717-A359-107A250E31BC Created with sketchtool.
Top 10 Most Downloaded in UK & Australia
Top 10 in "Fitness" and "All apps" as of January 2017
Custom Exercises
Over 700 exercises, animated in detail using 3D models, ensuring correct and safe training
Training plans
A wide range of workout routines created to help users reach their gym goals
Tracking
In-depth statistics help users track their progress
Further assistance
Users can reach out to a personal trainer for advice or to book a training session

MVP Launch

Group 17 Created with Sketch. 37F99134-7D66-4F3F-884E-500C543AA27E Created with sketchtool. 3 Month Maintenance Fixed price Time & Material

Infogym app promo video

Combined Shape Created with Sketch.

UX/UI Design

  • UX consultation
  • New Android UI based on iOS design

Project Launch

We began with an all-hands workshop with the InfoGym team. This meeting clarified the key user stories and business goals, allowing us to draw up an initial project scope.

EADACA85-57E8-47D1-B9CB-54E7E6B7B183 Created with sketchtool.

Design co-operation

Regular communication with a remote design team in Norway ensured timeliness and consistancy throughout the process

150

work hours

60

screens

10

calls

The designers at Software Brothers have a very structured and efficient design pipeline that added a lot of value to InfoGym.

Stian Sandsgaard
Design Team, InfoGym

Tools used

B91D75EC-4ACA-428A-9115-6F943F231670 Created with sketchtool. 12260059-DE26-49C3-8737-C415F56EE1E7 Created with sketchtool.
UI Design

Sketch & Photoshop

E2F1A424-41A4-4D44-BE14-EFB3CE0CEA70 Created with sketchtool.
Prototype & Feedback Gathering

Invision

DC4ABC02-427C-496D-9BBF-1A0BD436C20E Created with sketchtool.
Asset Export

Zeplin

4C132E6D-E33B-4DF4-9125-D0BE04E9C4CF Created with sketchtool.

Google Material Design

AA824BD0-6BB0-4A63-86EB-35923E4C4663 Created with sketchtool.

Human Interface Guidelines iOS

Technology

  • Tested on all stages
  • Custom architecture
  • Cross-platform instant updates
  • Development of 4 applications
89A0AE8A-148F-44A6-A831-44D909699BD5 Created with sketchtool. 65A79441-1854-4F33-93F0-E0194E5D6E65 Created with sketchtool.

Application Structure

We extracted 3 separate modules: user app, trainer app and a common module, which allowed us to implement updates to both apps simultaneously.

849F0A7F-16BD-4B5F-91EC-DE6AC7E181B8 Created with sketchtool.

From Design to Development

Each element and margin is checked to ensure a smooth development process. Each asset was optimised for performance.

Architecture

A consistant MVVM architecture for both Android and iOS. This allowed us to:

Group 14 Created with Sketch.
Ensure testability through the separation of business and UI logic.
Group 57 Created with Sketch.
Avoid the issues associated with a subsantial View Controller where 90%+ of the code is contained within the View Controller.
Group 61 Created with Sketch.
Deliver different views between iPhone and iPad with only small changes to the ViewModel.
Group 59 Created with Sketch.
Support automated model values propagation through data binding.
A7C7EF07-6D5A-46F2-B045-29963EBCCB0A Created with sketchtool.

Why did we use MVVM architecture in our apps?

Many developers are afraid of using MVVM architecture as there's no great example of it's implementation, but we thought it was worth the risk — and it certainly paid off!

Jakub Szymion

Senior Android Developer
MVC architecture is a default, Apple-promoted architecture for iOS apps, but there were significant advantages to MVVM, so we decided to go for it!

Piotr Gorzelany

Senior iOS Developer
Download our open source auth library
Android-Base on Github
Want to see more of our libraries?
Find us on Github
FED28837-9F17-4A14-90E3-41FB71CBDC9D Created with sketchtool.

Gradle files

We've created 2 separate .gradle files to keep the code clean and organized. This also made it easier to update constants and dependencies across the whole project. Simply update one file, and it is automatically applied acorss the whole platform.

Android Libs

Language
Java
Analytics
Firebase & Crashlytics
Made with
Android Studio
Network layer
Retrofit
Continous Integration
Fabric
Debugging
LeakCanary
Data streaming
Rxjava
Image management
Glide
UI Dialog
Material Dialog
Dependecies
Dagger2
UI Charts
mpCharts
Model Generation
AutoValue
List Helper
LastAdapter
Websocket
Nv-websocket-client
Database
Requery
UI Helper
SwipeLayout
Facebook
Facebook Android SDK
UI Walktrought
ShowcaseView
Testing
Espresso
Data&time formatting
Joda
Testing
Mockito
Testing
Hamcrest

iOS Libs

Language
Swift
Analytics
Firebase & Crashlytics
Made with
xCode
Continous integration
Fabric
UI Swippable content
SWTableViewCell
MVVM
RxSwift
UI Animation
EasyAnimation2
List Helper
RxDataSources
Websockets
RxStarscream
Reactive Extensions
RxCocoa
UI Walkthrough
Instructions
Network Layer
RxAlamofire
UI Helper
CCBottomRefreshControl
JSON Helper
SwiftyJSON
Network status
ReachabilitySwift
Image Managment
SDWebImage
UI Badges
MIBadgeButton-Swift
Data&time formatting
SwiftDate
Facebook
Facebook SDK
UI Charts
Charts

Tested on all stages

A8DCF33E-444E-426D-BF0C-EC6B4568D15A Created with sketchtool.
  • 1600+unit tests
  • 200+hours of functional tests
3C227C67-8171-4A72-A7C4-6AD1EE68BCEA Created with sketchtool.
  • 1400+unit tests
  • 200+hours of functional tests

We listened to Software Brothers when it came to scope planning. Otherwise, we’d still be developing the MVP.

Tor Ivar Vage
Founder