Role
Lead UI Designer
Problem
The checkout flow for our app on the Google Play Store and IOS store was not compliant with the most recent standards for each respective company and their subscription guidelines and privacy policy. I worked with our developers to create a simple clean checkout flow adhering to the guidelines of both platforms, while incorporating our new design system's components and styles.
Process
Our app offers comprehensive data tracking across many devices and a large variety of sport types. There are a lot of elements at play in terms of which aspects of the app are considered the most valuable. We considered our user's most viewed data, charts, and graphs and worked with our internal teammates to narrow down the list of data points to show in this checkout screen. In order to keep the flow simple, I designed a single screen for subscription options with a carousel showcasing TrainingPeaks most valuable data analytics tools. The pricing card designs match the same style on our marketing website for consistency with what we found effective at communicating the price in our user testing.
Results
Our checkout flow across the marketplace website, the Google Play Store and the IOS App Store are now consistent and updated with our UI kit styles. Users have a simple and explicit showcase of what they are receiving and the purchasing options.