Trayn is a Vienna based start-up with a focus on the US market. Its aim is to revolutionise the way professional coaches plan their athletes training. Their biggest competition, as they always love to stress, is Excel as well as pen and paper.
Coaches, athletes, doctors, therapists or the organisations managers can plan and track their athletes workouts, communicate, review an athletes progress as well as assign team events and tests. The core feature is that workout templates get instantly individualised to an athletes capabilities when assigning it to him.
Trayn has been developed over several years before I joined to team. Being a blessing and a curse. There was much to work with and build upon but it became clear that the software had grown in many different directions over the time.
I looked through the web-app for bugs, problems with the UI as well as the user flow. I detected features which were hardly visible, usable or needed and came up with fixes in close collaboration with the team of developers and founders. From problem to scribble through Clickdummies and loads of discussions to a working solution.
We restructured and designed Trayns Website, introduced a Blog, created an automated sign-up process to the software as well as an interactive tutorial inside the web-app. Several screens and small sections inside the web-app were revised and redesigned for better usability. Furthermore the mobile app (iOS & Android) relaunched with mobile tracking and is under continuous enhancement.
With tracking on mobile the athlete can give exact feedback on how well he managed to execute the plan his coach assigned to him. „I only did 7 repetitions instead of 8 but for the next exercise I was able to train with 67 instead of only 65 kilograms.“ A very important feature for planning as well as reviewing.
Redesign of the web app
Trayn is massively clever and can do so much. My job together with the team of skilled developers is to clean up „rank growth“ which quietly appeared throughout the years of development inside the web-app.
In the example above you see the athlete tab. It worked solely with overlays. I redesigned the structure to eliminate overlays and redundant buttons, close-icons, save buttons etc.
We defined two different ways of notifying the user about a background action for two types of notifications:
- Something went wrong and we could not fullfill your desired action.
- Something happened and we want to tell you about without disturbing you.
Redesigning the basics of the web-app also included detecting unused white space and using it to trigger an action, such as sending your first message or adding details about an athlete.
Sign-up and interactive onboarding