Xbox Game Pass
Mobile app
About
Xbox Game Pass is a subsciption service for games that launched in July 2017.
As a member on the original Xbox Game Pass design team, I helped create new ways for gamers to engage with Xbox Game Pass; creating, aligning, and updating visual designs for the mobile app launch.
The mobile app enables gamers to browse, search, and even download Xbox Game Pass games straight to their console, all from their phone.
Research
I looked at a lot of apps on my phone—Apple podcast, Nike, Spotify, Google Search, Amazon, YouTube—and talked to my peers to get their input. I also looked at a lot of mobile pattern websites.
Design
After receiving initial visual explorations and interaction framework from fellow teammates, I began playing with the mobile visuals; exploring and aligning the styles and patterns. I created a range of work—from thorough user flows, to user state tearsheets, and even a few redlines.
Results
While working on the app, we took beta app feedback into account. It released to GA in late 2018, and ratings on the iOS App Store and Google Play store have both been 4+ stars!
Home screen
Browse and discover new games
Game recommendations are organized into horizontal scrolling channels, showing either box art or game art.
Hover over the phone ⤴ and scroll
Game recommendations are organized into horizontal scrolling channels, showing either box art or game art.
Hitting "Show All" takes the user to a games list L2.
Games list pages
Easily browse a list of games
Game art is prominently displayed, along with game title, developer, and user rating.
Game Detail Page
Find out more about the game
Watch the trailer, see game details, helpful reviews, screenshots, add-ons, Mixer streams, news, and similar games.
Hover over the phone ⤴ and scroll
Hit "Add to Playlist" to save it for later, or hit the sticky green "Install" button to download it immediately to your console.
Downloading a game
The "Install" button turns into a download progress bar.
Download status can also be viewed in the Playlist tab.