I have been using Steam app for about a year now, and I’m surprised that Valve is getting any money selling games through it, as the whole experience is far from perfect (with the exception of the checkout).
Today, I decided to redesign the Steam UI, to be actually useful again, whilst taking into account plenty of requirements, such as: positioning store as a primary entity, optimising the UI for both user experience and sales, whilst also making it more useful to an average gamer.
The concept is a little rough and I admit, there’s plenty to improve. Steam was always a weird mix of native and web app elements, but I know that underneath that web skin, there’s a powerful API, which could be nicely harnessed to work in fully native environment.
This is just a very first concept, thus I’m going to continue to work on the rest of the screens and possibly a Web-based prototype as well.
Your feedback is very welcomed, especially if you use Steam on a daily basis (regardless of your platform of choice).
This design has been done entirely in Sketch (yes, Sketch is awesome).
PS. Check the attachment for details!
10 months ago
Looks great! You have no idea how many times I've thought about redesigning it too. It has to be one of the clunkiest interfaces I've used, and I think it's because they've grown too fast for their interface to keep up.
It's time for a refresh, I think.
How do you mask the photos in Sketch, I saw different techniques: masking in group vs pattern fills (tiled)?
9 months ago
Masking works for pretty much anything in Sketch, you can create a "container" element, like a picture frame, style it, give it border radius, etc. Whenever you're done, just right-click the layer and choose "Use as a mask". All the elements stacked on top of the layer will be masked, but you can play around with grouping and order of each element to get desired results.
That's pretty much how I do it. I hope this helps! :-)
Ps. Thanks for your feedback!
keyboard shortcuts: ← previous shot → next shot L or F like
Show and tell for designers
What are you working on? Dribbble is a community of designers sharing screenshots of their work, process, and projects.
Copyright © 2009–2014 Dribbble LLC. All screenshots © their respective owners. Shipped from Salem, Mass. USA.