Tr(ai)nStation

UI/UX Design & Development

overview

Tr(ai)nstation is a training web app based on the work of AI

The task was to create a convenient, intuitive and attractive and exciting design for a fitness application that office workers of various companies and corporations will be happy to use.

  • ClientTr(ai)nStation
  • ScopeUI/UX RedesignUI DesignDevelopment
trainstation
user persona

We created several user personas and identified their needs in struggles

trainstation
wireframes

Based on our research, we started working on wireframes

Wireframes are an important stage in developing the web app. Wireframes demonstrate the full functionality of the future pages. They establish the base for the structure and aesthetics of the design, and help bring the project to life visually. The wireframes will also allow us to make the user’s experience easier and seamless.

trainstation
design concept

Training doesn’t have to be boring, and getting a plan doesn’t have to be hard.

That is why we have created a design for the application that is meant to feel like a game. By keeping the game dynamic, light and fun we create a better experience for the user and increase the chance they come back. Here are the main themes that we put into the design:

trainstation
Log in | Sign up

Register and tell the app about your goals and fitness level

To start your journey to achieving your goals towards a healthy body, register and answer some questions on the app so that it can design the best personalized workouts for you.

trainstationtrainstation
Next Workout

Take a short survey before each workout and start training!

The app will ask a few short questions about your health and where/how much you want to train so our AI can get to work. Based on your answers, you will receive a custom program and are ready to get started!

trainstationtrainstation-2

If for some reason you decide to skip an exercise, the application will ask you for a reason so that the artificial intelligence on the basis of which this application works can build the next workouts for the user in a better way

trainstation-2
My profile

Manage your profile, personalize it and change your goals

The convenient and multifunctional interface of the My Profile page will allow you to change data, change banner images, as well as set new goals, having previously read the information on how to achieve a new goal.

trainstation
track an activity

Track your monthly or weekly activity and schedule new workouts

Track your activity. View the number of calories burned, the number of workouts and the time spent on them. Also, if you want to review exercises that have already been completed or previously skiped, you can easily find them here

trainstationtrainstation
awards

Reward system to increase motivation

Сollect interesting stickers to achieve your goals, new actions in the app, etc.

trainstation
theme

Dark theme is another way to personalize the design of the app

trainstation
result

As a result, we got a convenient, exciting web application.

The task was to create a convenient, intuitive and attractive and exciting design for a fitness application that office workers of various companies and corporations will be happy to use.

  • 40pages
  • 3months
  • 6people

Profit-Driving Projects

Expertly Crafted

by Our Team

Transform Your Vision – Let's Craft the Ultimate Solution

Let’s talk

Service (you can choose few)