UX • VISUAL DESIGN • BRANDING
Triib on the go
Triib on the go
Triib on the go
Triib on the go
Representing everyone's brand.
Having just finished up our WOD on the Waves mobile project, we set our vision immediately on creating the next iteration of the Triib mobile app. So many ideas, so many lessons learned from the WOD on the Waves project, so many lessons learned from the previous mobile app… but like all things, so little time to do it in. Four things immediately stuck out to us that we wanted to tackle:
- Better navigation
- Bring video and other media into the app
- Introduce the idea of social, get gym communities to start conversations
- A better API for improving the mobile apps faster
I'm especially excited for the underlying goal that drove every screen discussed, designed, and developed… how to make the experience more human. Fitness is a very personal thing; so lets treat it as such through empathy and understanding rather than screens that behaved or looked generic.
Representing everyone's brand.
Having just finished up our WOD on the Waves mobile project, we set our vision immediately on creating the next iteration of the Triib mobile app. So many ideas, so many lessons learned from the WOD on the Waves project, so many lessons learned from the previous mobile app… but like all things, so little time to do it in. Four things immediately stuck out to us that we wanted to tackle:
- Better navigation
- Bring video and other media into the app
- Introduce the idea of social, get gym communities to start conversations
- A better API for improving the mobile apps faster
I'm especially excited for the underlying goal that drove every screen discussed, designed, and developed… how to make the experience more human. Fitness is a very personal thing; so lets treat it as such through empathy and understanding rather than screens that behaved or looked generic.
Representing everyone's brand.
Having just finished up our WOD on the Waves mobile project, we set our vision immediately on creating the next iteration of the Triib mobile app. So many ideas, so many lessons learned from the WOD on the Waves project, so many lessons learned from the previous mobile app… but like all things, so little time to do it in. Four things immediately stuck out to us that we wanted to tackle:
- Better navigation
- Bring video and other media into the app
- Introduce the idea of social, get gym communities to start conversations
- A better API for improving the mobile apps faster
I'm especially excited for the underlying goal that drove every screen discussed, designed, and developed… how to make the experience more human. Fitness is a very personal thing; so lets treat it as such through empathy and understanding rather than screens that behaved or looked generic.
Representing everyone's brand.
Having just finished up our WOD on the Waves mobile project, we set our vision immediately on creating the next iteration of the Triib mobile app. So many ideas, so many lessons learned from the WOD on the Waves project, so many lessons learned from the previous mobile app… but like all things, so little time to do it in. Four things immediately stuck out to us that we wanted to tackle:
- Better navigation
- Bring video and other media into the app
- Introduce the idea of social, get gym communities to start conversations
- A better API for improving the mobile apps faster
I'm especially excited for the underlying goal that drove every screen discussed, designed, and developed… how to make the experience more human. Fitness is a very personal thing; so lets treat it as such through empathy and understanding rather than screens that behaved or looked generic.
Representing everyone's brand.
Having just finished up our WOD on the Waves mobile project, we set our vision immediately on creating the next iteration of the Triib mobile app. So many ideas, so many lessons learned from the WOD on the Waves project, so many lessons learned from the previous mobile app… but like all things, so little time to do it in. Four things immediately stuck out to us that we wanted to tackle:
- Better navigation
- Bring video and other media into the app
- Introduce the idea of social, get gym communities to start conversations
- A better API for improving the mobile apps faster
I'm especially excited for the underlying goal that drove every screen discussed, designed, and developed… how to make the experience more human. Fitness is a very personal thing; so lets treat it as such through empathy and understanding rather than screens that behaved or looked generic.
experience
branding
My second day with Triib and I was already rebranding them. With all the plans for building out a new platform, we needed a new banner, new messaging, and new core beliefs we could get behind.
With this notion of bringing communities together, we leaned in on the usage of 'gaps' in the design to show that Triib bridges that gap.
branding
My second day with Triib and I was already rebranding them. "Why" you might ask, with all the plans for building out a new platform, we needed a new banner, new messaging, and new core beliefs we could get behind.
We this notion of brining communities together and leaned in on the usage of 'gaps' in the design to show that Triib bridges that gap.
branding
My second day with Triib and I was already rebranding them. With all the plans for building out a new platform, we needed a new banner, new messaging, and new core beliefs we could get behind.
With this notion of bringing communities together, we leaned in on the usage of 'gaps' in the design to show that Triib bridges that gap.
Social Feed
One of the most important things about creating the social feed for me was getting everyone onboard with the idea of removing like counts. This new iteration of the platform we were developing was about creating human connects and fostering encouragement through community.
We were comforted by our decision when it was announced eight months later that Facebook/Instagram were testing the idea on their platforms. ??
Social Feed
One of the most important things about creating the social feed for me was getting everyone onboard with the idea of removing like counts. This new iteration of the platform we were developing was about creating human connects and fostering encouragement through community.
We were comforted by our decision when it was announced eight months later that Facebook/Instagram were testing the idea on their platforms. 
navigation
In revamping the navigation, it was important to be able to get to everything in as few a clicks as possible. It was also equally important to keep learned behaviors to a minimum without forcing users to retrain when a new version with new features came out. Regardless of role (admin, athlete, staff, coach), the click/tap path was always the same.
navigation
In revamping the navigation, it was important to be able to get to everything in as few a clicks as possible. It was also equally important to keep learned behaviors to a minimum without forcing users to retrain when a new version with new features came out. Regardless of role (admin, athlete, staff, coach), the click/tap path was always the same.
Video
Communication comes in many forms and for gyms we wanted them to be unimcombered by the platform; that meant being able to use images, animated GIFs, audio, and video. The previous platform couldn't support video in the mobile app and this was an exciting win for us, for the company, for the users.
Video
Communication comes in many forms and for gyms we wanted them to be unimcombered by the platform; that meant being able to use images, animated GIFs, audio, and video. The previous platform couldn't support video in the mobile app and this was an exciting win for us, for the company, for the users.
Exploring
COMING SOON…
15 months of a global collaborative effort, over 400+ screens designed and iterated through, animations explored, a branded guide for developing future screens. There are so many things to talk about with this project.
Exploring
COMING SOON…
15 months of a global collaborative effort, over 400+ screens designed and iterated through, animations explored, a branded guide for developing future screens. There are so many things to talk about with this project.
