Trek Ride Club App

Project Overview: Trek Ride Club App

One of the biggest projects I have been a part of at Trek is the new “Trek Ride Club” app that is still currently in the works. Trek does not currently have a brand app to enhance customer engagement with the Trek brand. To solve this, a large team and I are creating a bike recording app that also has different features to get customers to engage in it.

Role: Digital Product Design Lead

I have been been the lead designer for this app from beginning to where we are at now. I am in charge of the entire experience form an ux/ui standpoint, including the UX roadmap for the product, research, strategy, vision and delivery of this new app. There is one other designer helping on the web version of the app that uses Treks current design system.

Customer Problems

Currently our customers do not have access to a Trek branded app (outside of our e-bike specific riding app). They have no way of recording bike rides and engaging with their biking community from a Trek personalization standpoint. Our retailers are also looking for more touch points in their sales process to engage customers.

Who Im working with:

Product Owners

Front End Developers

Back End Developers

Business Analysts

Engineers

Software Architects

Customer Problems

Project Managers

Vice President of Marketing

Vice President of IT

Graphic Design Team

Product Data Manager

IT Director

Step 1

Understanding our users

User personas play a pivotal role in successful product development and marketing strategies. These fictional representations of target users helped us gain a deeper understanding of our customer base, allowing us to design products and tailor experiences that meet our users' specific needs and preferences. Here, I explored the importance of creating user personas and the benefits they bring to businesses.

Step 2

Benchmarking

Where to begin! With an app of this size, it was very important to do an extensive amount of research. Benchmarking was key in understanding where our competitors stood and to gain some best practices to use.

Step 3

Working with my Product Owner and team to align UX/UI capabilities within the project Roadmap

Once a decision was made on the feature set of this product between my research and research done by my product owner, the project roadmap was created. I was responsible for working with the Business Analysts and dev team to make sure the UX/UI timeline of deliverables would be on target and align with development needs. As a part of this and have a very short project timeline, we worked together to brake the project into three phases.

Step 4

Getting Setup

With a project of this size, it is important to have very good organization. I first added a TRC specific swim lane to our UX/UI design board for all tickets surround design work for TRC that also directly link to the TRC project board itself. I also made sure we had a specific UX/UI channel within the TRC project team for communication and also a Figma setup representative of the phases to help make an efficient handoff to the developers.

Step 5

User Journey Mapping

During this phase of the project, under my lead but with the help of my product owner, we mapped out the user journey based on our gathered research and requirements. This involved understanding the needs and pain points of our target audience, exploring potential solutions, and structuring the flow of the user experience. By having a clear understanding of the user journey, we were able to identify the key touch points and pain points so I could go ahead and design intuitive interfaces that would address the users' needs effectively.

Step 6

IA (Information Architecture)

Establishing a thorough structure of this app, both web and mobile was very important to making sure it was feasible from the back end development side of things, and that there was an efficient and successful user flow through the app. These architecture maps established the foundation of the app.

Step 7

User Flows

At this point I had my user personas flushed out as well as a solid architecture map so I was able to begin user flows so I could then start sketching out the app and begin wire framing.