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.

Xbox Game Pass Mobile walkthrough
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.

Xbox Game Pass Mobile Home scroll

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.

Xbox Game Pass Mobile Home Xbox Game Pass Mobile Home Xbox Game Pass Mobile Home
Games list pages

Easily browse a list of games

Game art is prominently displayed, along with game title, developer, and user rating.

Xbox Game Pass Mobile List Xbox Game Pass Mobile List Xbox Game Pass Mobile List
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.

Xbox Game Pass Mobile Home scroll

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.

Xbox Game Pass Mobile Detail Page Xbox Game Pass Mobile Detail Page Xbox Game Pass Mobile Detail Page
Downloading a game

The "Install" button turns into a download progress bar.
Download status can also be viewed in the Playlist tab.

Xbox Game Pass Mobile Detail Page state Xbox Game Pass Mobile Detail Page state Xbox Game Pass Mobile Playlist