Steam

STEAM —
MOBILE APP
REDESIGN

A Conceptual Redesign of the Steam Mobile Application

Role UI / UX Designer
Tools Figma
Type Conceptual Redesign
Steam App Redesign
01

About Project

As someone who loves to play games, Steam has been a website I use often to browse through games. Recently, I have been using the Steam app to look through games on the go, however, I have found that the user experience of the app could be improved.

Original Steam App
02

Problem Statement

One of the main issues I had was the inconsistency of the colours, and icons used across the steam pages, and the app layout was hard to navigate.

The header and footer took up too much real estate on the page and lead to a crammed viewing experience.

03

Possible Solution

My goal is to create a cleaner, more organized interface with easier methods of nagivation

Redesign Solution Overview Redesign Solution Overview
04

Sketching & Planning

Sketch

Initial Sketches

Wireframe

Wireframe 1
First Iteration
Wireframe 2
Second Iteration
Wireframe 3
Final Iteration
05

Style Guide

Steam Style Guide
Presentation Version
Steam UI/UX Final Design