https://images.unsplash.com/photo-1501147830916-ce44a6359892?ixlib=rb-4.0.3&q=85&fm=jpg&crop=entropy&cs=srgb

This project focused on providing users an informational resource to help purchase a new bike. It spanned about a month, allowing for time to research, design, and test a few rounds of screens.

The goal was for users to complete their checkout after finding the right bike match. With the app, users could navigate a large inventory of bikes and research as needed. The large amount of information would be organized to prevent users from becoming overwhelmed. At the end, users would successfully complete a purchase.

Competitive Research

Amazon

Target

Trek Bikes

User Flow

Acting as both UX and UI designer, I used the competitive research I gathered to create a user flow.

C2-Flowchart2.jpg

The goal here was to give users a place to compare and/or shop depending on their individual needs. It was evident that with competitors, users could be overwhelmed with the large inventory; each of which contained large amounts of information. It was more likely that users would stop in their user journey before even reaching the checkout process. The flow intended to include the comparison tool that would help users make a quicker and more informed decision.

Mockups + Testing

First Screens

Testing

Conclusion

All testing feedback progressed the screen designs into a more seamless experience. More users towards the end of testing were able to reach the final step of their purchase journey. Challenges included early stopping points during testing and functionality confusion. With the use of familiar UI elements, there was less confusion and more confidence when moving through the checkout process.

The next steps for this app include working with the comparison tool a little more. I’d like to test asking users to save a comparison for later. This could be beneficial when researching and comparing multiple bikes. Being able to save more than one comparison could help compare additional bikes.