Personal project 25'
Personal project 25'
Personal project 25'
Steam UX/UI
Shopping Experience
Steam UX/UI
Shopping Experience
Steam UX/UI
Shopping Experience







My Role
My Role
UX/UI Designer
Interaction Design, Visual Design, User Flows, Information Architecture, User Research
Interaction Design, Visual Design, User Flows, Information Architecture, User Research
Solo Project
Solo Project
Status
Status
Jan. 25' - Present, IN PROGRESS
Overview
Overview
Steam is a digital platform for buying, playing, and managing PC games and is developed by Valve Corporations. It started to distribute popular game titles in late 2005. As of 2025, it is the largest digital distribution platform for PC games with over 35k games. But, the clunky navigation and a complex interface overshadows what matters most for gamers: enjoying the games.
As an avid gamer and Steam user, I was interested in tackling some of the most obvious issues, but throughout my research process, it was clear this would become a much bigger project than I had thought.
Because of this, I am currently redesigning Steam with a specific target of creating a more straightforward and joyful game shopping experience.
Steam is a digital platform for buying, playing, and managing PC games and is developed by Valve Corporations. It started to distribute popular game titles in late 2005. As of 2025, it is the largest digital distribution platform for PC games with over 35k games. But, the clunky navigation and a complex interface overshadows what matters most for gamers: enjoying the games.
As an avid gamer and Steam user, I was interested in tackling some of the most obvious issues, but throughout my research process, it was clear this would become a much bigger project than I had thought.
Because of this, I am currently redesigning Steam with a specific target of creating a more straightforward and joyful game shopping experience.
CONTEXT
CONTEXT
An opportunity to tackle - but where to start?
An opportunity to tackle - but where to start?
Amidst an overwhelming amount of features, gamers primarily use Steam to buy and play games, but what do they think?
Amidst an overwhelming amount of features, gamers primarily use Steam to buy and play games, but what do they think?



01 - Current Steam screens (2025)
01 - Current Steam screens (2025)






02 - Community requests
02 - Community requests



03 - Sentiments from current gamers
03 - Sentiments from current gamers
Feelings about the UI was pretty clear.
Feelings about the UI was pretty clear.
A quick search shows that a cry for an interface improvement was a big request from the community since it heavily impacted gamers’ experience.
A quick search shows that a cry for an interface improvement was a big request from the community since it heavily impacted gamers’ experience.
With a flood of features, it took away from users wanting to:
With a flood of features, it took away from users wanting to:
Shop for new games
Play their new games - by themselves or with friends
Shop for new games
Play their new games - by themselves or with friends
PROBLEM
PROBLEM
Overwhelming interface suffocating gamers trying to buy a new game.
Overwhelming interface suffocating gamers trying to buy a new game.
Before redesigning the entire client, I wanted to focus on getting the main task right - Users want to browse games with the goal of eventually purchasing something new.
Before redesigning the entire client, I wanted to focus on getting the main task right - Users want to browse games with the goal of eventually purchasing something new.
So...
How might we transform a highly unorganized and confusing platform with over 35k games into a seamless game shopping experience?
How might we transform a highly unorganized and confusing platform with over 35k games into a seamless game shopping experience?
RESEARCH AND EXPLORATION
RESEARCH AND EXPLORATION
New information architecture
New information architecture
The new IA map gets rid of repetitive tabs which allows for clarity in user navigation.
The new IA map gets rid of repetitive tabs which allows for clarity in user navigation.
The new IA map gets rid of repetitive tabs which allows for clarity in user navigation.



04 - New IA map
04 - New IA map
USER FLOW
USER FLOW
Purchasing a new game
Purchasing a new game



05 - User flow to purchase new game
05 - User flow to purchase new game
TASK:
You are looking for a new featured game to play for yourself. You are already logged in with your Steam account.
TASK:
You are looking for a new featured game to play for yourself. You are already logged in with your Steam account.



06 -Task flow chart to buy a new game for yourself
06 - Task flow chart to buy a new game for yourself
DESIGN ITERATIONS
DESIGN ITERATIONS
Wireframes
Wireframes
The task flow is the direction for our wireframes will reflect.
The task flow is the direction for our wireframes will reflect.


















07 - Wireframes for task flow from above
07 - Wireframes for task flow from above
Getting rid of feature bloat to focus on the primary task of a seamless checkout
Getting rid of feature bloat to focus on the primary task of a seamless checkout
The current Steam task flow gets confusing as the navigation is unclear for the user and where they should proceed next. In my design, I wanted our navigation to support our user in decision-making.
The current Steam task flow gets confusing as the navigation is unclear for the user and where they should proceed next. In my design, I wanted our navigation to support our user in decision-making.
SNEAK PEEK OF
SNEAK PEEK OF
High-fidelity mockups
High-fidelity mockups
Here’s a look into what I’ve been working on, but of course, subject to change after testing.
Here’s a look into what I’ve been working on, but of course, subject to change after testing.
Here’s a look into what I’ve been working on, but of course, subject to change after testing.


WORK IN PROGRESS
WORK IN PROGRESS
This project is still in progress!
This project is still in progress!
I’m currently working on:
I’m currently working on:
High-fidelity prototypes
User testing
Exploring how we can create an easy co-op gaming experience
High-fidelity prototypes
User testing
Exploring how we can create an easy co-op gaming experience
High-fidelity prototypes
User testing
Exploring how we can create an easy co-op gaming experience