I'd highly recommend Font Awesome to anyone looking for a massive library of high quality icons. They're having a limited time sale of $20 off their Pro membership right now, definitely check them out and if you use my referral link you'll be supporting the channel too! Link: fontawesome.com/referral?a=755e5ceb4c
@@Kat21 the free version is nice, but the pro version is very useful. Don't bother with pirated copies though. A multi thousand dollar lawsuit isn't worth saving $20 in the professional world.
From a designers perspective: nice. From a sales perspective: make it pop again! No really. The design changes are great from a customer centric perspective. But those won’t sell - especially minimizing the call to action. Nevertheless great work
I feel like taking ALL of the blue out and replacing ALL of it with black just turned the final design into something pretty generic-looking. There's a reason that websites pick color schemes, brand recognition is important when designing a website.
True but the fact he makes them less cluttered and imo easier to use wins out for me. I mean I love steam and have been using it since 2011 but I mean I still struggle to find what I'm looking for on most occasions.
Not a designer myself, but I'm loving this roasting x website format. It's nice to see how apps i use every day could be improved in UI side, also educational :D
Theming is easy enough to do, but the overall format changes are fantastic ideas. Also, I staunchly believe that every mobile app should have a dark theme option for people who don't want their retinas blown out when they want to doom scroll through stuff at midnight.
I need MORE. It is just so relaxing to watch him do it. It also helps to see your design choice as I am in a website building class through HTML, JS, and CCS.
Having watched 2 of these redesign videos, i have to say it reminds me of why all the new website/app interface designs feel so soulless and doesn't carry anything in the name of brand recognition. You always pick the safest route of simplicity and basic colors that work with anything, cool for a single redesign but a flaw when you reuse it everywhere. UX has also been affected by the redesigns as well, such as moving the hamburger menu into different places and changing the search bar placing on steam, it doesn't really make sense to have a search bar under some content rather than having it in the upper bar that always stays there even when you scroll down. Changing the aspect ratio of the steam game thumbnails is impossible since it has been that way for more than a decade and not everyone will update that. It would have bern better to work what you had in your hand instead of completely creating a new design that doesn't have the usability and UX of the original design.
I pretty much completely agree with the Quora redesign, but the Steam redesign is just way too bland; I would love to see more color. While I really like the hero section, Steam's original version makes more sense given that the user can instantly see that it's swipe-able due to partly seeing the next title. With yours, it's not apparent that there's anything else there other than the singular title, "Cyberpunk". I actually really enjoy steam's color palette for the most part, but I do agree that the blue gradient buttons "new releases", "specials" are a bit too much. However, I disagree with the new ones you picked out, mainly because the pictures have no correlation with the subject. I'm sure there's a way to make it work, but I'm not seeing it right now. The tabs vs tag chips works either way. I think Steam's works the way it is, but definitely like the tag chips based on your entire redesign. As for the pictures of the games, yeah that's a bit difficult. On desktop, it looks much better because there's no padding above/below the title, and my guess is that they just couldn't make the same look on mobile due to the limited real estate. Your redesign would definitely fix that problem as they can simply increase the image while still looking slick. And lastly, I 100% agree with the search bar redesign. Their current one is just awful and cramped. Ultimately, good video. Really enjoying these redesigns you've been doing lately.
Honestly it's a little weird how every single Steam Redesign I see has the same issues and criticisms. I also strongly disagree with removing the game tags in favour of a % number, because that % number is utterly worthless while the tags are the most useful thing (even more useful than the game name, price or logo) when looking for it. Steam can definitely improve their layout but noooot like this.
@@shadowyking123 Exactly, that is the problem with 99% of redesign content out there is that they are re-designing it based on their personal preference, only focusing on the UI without fully understand the fundamental user base. Lack of research is the biggest cause here.
I love what you’re doing, so I’d like to add some feedback on the steam redesign. Moving the price tags under the game title doesn’t make much sense to me. When I browse steam, one of the first things I look at is the price, so having it pop out somewhere on the right is very helpful. What you did looks good, but doesn’t make growing any easier. Also, the images behind the originally blue tabs makes the page seem quite cluttered. I’d prefer something simpler.
Agreed on the placement of the price. Additionally, he put the review rating percentage next to the price, which is confusing as it could easily be mistaken for a discount percentage.
I love that you're looking at feedback and responding to it. Really love the series and appreciate the videos! Best of luck man, doesn't look like you need it though ;)
As is common with redesigns, they visually look great as art, but you need more colour, mainly for brand recognition. If someone looks over your shoulder, the company wants that person to recognise the app. But will all your redesigns, if the small logo isn't easily visible, they all blend together. For Quora, the background could be the red gradient, then the dark/light themed boxes are monochrome on top. Keeps the text readable, but adds a splash of colour, and registers with the brand. For Steam, picking one or two of their gunmetal blue gradients would help a lot, again keeping the greyer blue for the background, with dark/light themed boxes on top. I'd say the game % scores aren't important for the scrolling feed, but even if they're kept, absolutely shouldn't be near the price. It just looks like the game is "$29.99 at 89%", not "The game is $29.99, with a rating of 89%". Equally, the tabs at the bottom are way too similar to Google themes, and don't intuitively link to the content below, while the old tab format does. Easy way to fix that is to have the tab be open ended on the bottom, and then have the tab and content have the light blue gradient, very similar to what they previously had. The actual UI of it can be smoothed out, but not at the expense of ease. Finally, the search bar is far too hidden. If it isn't going to be at the top, then an easy fix is to either also reuse the light blue gradient (Keeping in mind we're trying to minimise the different types of blue), or have the bar be the opposite colour theme of the site. IE, if you have it on dark theme, the search bar uses the light theme. Makes it pop more, but doesn't steal your attention if you're looking for something else. But, the way you layout the game images, especially the topmost one, is great. Makes it look far neater, especially with how the game title text should be easier to identify given its larger font and tinted backdrop.
@@GabeBeyruti Please note his designs aren't near perfect, but they give ideas. Steam users enjoy having more information and users in general don't like drastic changes. Also, a lot of this is his subjective opinion which is never a good thing to go off of when doing design.
@@SchrodingersDinger I second you. It's nice to look at but that's not a design approach, there's no UX methods used. Just because it's prettier doesn't mean the experience will be better
I agree that Steam's website/app design could use a rework and I like your proposal better than the current one; If I'm honest though, I do think there's a bit of a charm to that "steely blue" color you mentioned that could be restored somehow. But of course, like you said, it's only a first draft and it's quite a good one at that!
as much as i'm enjoying these roasting videos, i would prefer if you keep practicality in mind when redesigning. if that's too much work tho, i personally am cash money with the direction you are going! +1 for "basic 2.0" +1 for "fifty shades of blue" lmao
@@TrueOracle he did a spectacular job at decluttering the ui! But, for these UIs I particular: For people using their right thumbs to navigate, it would be hard to use quora's side bar. Which is kinda why bottom navs are getting so popular On steam, he added some hover effects but hover effects don't work on mobile And he removed the discount tags, which is a major marketing decision and can potentially kill sales. Showing there's a discount is far more important than actually giving a discount yknow :P
@@keokawasaki7833 yep UI should be ambidextrous, and only not so important options should be at the top, rest should be at the bottom. Or maybe 🤔 an In app setting to change UI for left and right handed people, and sidebar can also trigger unnecessary back gestures if it hides itself. He is only judging by look's not ease of use. I admit, his design's look awesome, but not so functional.
5:12 I DEFINITELY agree that it was necessary to find another button for adding new content, but the Plus icon might confuse users, making them think that it is to add more options to the sidebar, instead of creating a new post. I'd go with the square and pencil icon that Apple usually uses in those cases, which suits much better the idea of creating a post IMO. But other than that, amazing designs 🙂
This is such a phenomenal series! I've been learning webdev and the biggest problem hasn't been the coding, but my complete and utter lack of styling. I can make things function, but they look like crap. Having the before, after, and and explanation of the decisions you made and the process you go through is by FAR the best way of learning styling choices. I wish there were more channels that did this type of redesign demonstrations.
Such a cool series idea. In my experience changing an image from contain display to cover is usually a risky move. I usually want to make images cover their container like you did with steam, but then stakeholders start complaining that their content is being cut off. Unless there’s an existing internal standard for image size/aspect ratio that usually gets shut down.
Good news, Quora is a good upgrade, Bad news, Steam is a bad upgrade. Definitely a lot of personal preference there though (First thing I'd add back is the gradients, but I've touched on it in the short version), but I'll let everybody else be the judge haha. I do wonder what else you got prepared though, excited to see it! Cool video :)
Overall, I'd say that I like those redesign aesthetically, but I do think that there ate a few issues with them. Quora : + The overall design on desktop, the clarity of navigation and the removal of redundancy - While your new design looks good on desktop, I'm really not a fan of keeping it for mobile ; especially on the left, we're most users are going to have trouble reaching, Nd even more on the top left to toggle the menu. There's also the problem that it looks way too tiny for a mobile screen. Steam : I do think it looks great, but it perhaps look a bit to much like Epic. I'd also keep the price on the right, and put the platforms where you did put your prices. Those are only my thoughts. I thoroughly enjoy your videos and it's obvious you are putting a lot of care into them. I'm exited to see more.
Only critique is that the lack of color makes it dull. Would be good to use a slightly navy-steam blue/subtle gradients for the background and some glow gradients on the main buttons to hold some color.
Don‘t reinvent the wheel so often ;) For Quoras side nav: why aren‘t you opting for a bottom nav with a contextual menu as the 5th option? Having a collapsable side menu without any context doesn‘t solve any problem, just makes it harder to reach. But cool stuff, love that zbe UI industry gets some more attention ;) Defo a job that needs a lot more great minds 🙏🏽
Ahh great catch. I code these on my desktop so I'm just dumb and didn't think about it. Hmm let's just call it carry-over from the desktop version of the site (which doesn't exist 😆).
I can definitely see why your steam design seems to be getting the most backlash, but I think you did a good job balancing what needs to shown, and what doesn’t, as well as giving things flare. The icon and pure black screen does look a TAD bit corporate and I do think some variation could do nicely, but for a rough draft, it definitely looks more than serviceable ^w^
2 times on the Steam design you show effects that appear on hover. Unless a mouse is plugged into your mobile device, those won't be seen. They might appear when you click the screen, but then you've already decided you want to go to e.g. "Specials", so the effect is pointless, unless you really wanna show that 'active' state of the link.
Loved the Quora redesign but the Steam seems to take away the brand's identity. It looks too similar to a competitor like Epic Games. I think it would be worth it to keep the blueish color scheme.
Honestly I disagree with those Designs, although you made a lot of upgrades, you made a lot downgrades too. Also I dont think you should completely destroy the design of steam. The theme should stay as its really an representive of steam this look, but instead the individual ui elements should be overhauled. Just here to share my mind, no pressure :)
One thing I'd like to point out for the Quora redesign is that putting that vertical nav bar on the left seems like a bad call. Phone screens are so big today that putting the nav bar and nav icons on the left means most people (righties) will be straining to reach over the whole screen to interact with the nav bar. This is disaster for one-handed phone operation. So my suggestion would be to actually move the nav bar to the right.
the steam concept looks reallllly good. but i feel like an unspoken thing about the steam site now is that it's very iconic, specifically the blue, the concept you made sort of looks like a mix between the Epic Games and Oculus store, which would not serve well for steam. probrably some more blue, plus keeping the green to symbolise discounts and keeping pricetags to the right would help it.
i learn the most by hearing the thought process of someone else doing it, and these video are amazing. you walk though every step quickly but informatively and the pacing is on point
This is from a while ago, but I want to say: The icons stating what platforms games can be played on in Steam could just be placed next to the name of the game pretty seamlessly.
Hey man I saw the Dominos video and I love your work! I am part of a program at Alamo Heights High School called business incubator. My group wants to design an app that allows orthodontists make sure their patients are wearing their rubber bands and allows the patient to take a picture each day with their rubber bands in the mouth to earn points. We have good connections in the orthodox field and are on track to make this a reality, but we would love some help in designing a simple, easy to use app that makes having braces not a chore. Keep up the great work I love your stuff!
The alignment of the prices and discounts on the original steam page makes the easy to view instead of being cluttered in with more text/characters as per your changes
The steam redesign was incredible, though losing some of the characteristic blue makes it feel a bit less like steam. Maybe having the background a dark blue and making some of the chips a lighter blue could look good? In terms of dark mode, I feel the original website was already had a good (if a little high) brightness, so no need to make it black anyways.
I would love a video about tipps for gui/ux design (basic, intermediate etc.). And maybe even some template widgets (ideas) like side or top bars, menus, themes or maybe even a 'whole' newsfeed.^^
Yea no the redesign is not so good to be honest, if you've used steam you'd find that steam is based on its blue color and he just took all of it away from steam and made the app fully dark me personally I would not enjoy opening steam and just seeing it bland and just dark, not all apps look good dark and he only does the mobile apps if u look at it from the pc app it actually looks pretty good, I dont think steam was ever meant to have a mobile app which is the reason the design on mobile is a bit less good looking than the one on pc but the blue definitely adds some character so please use steam and then comment
You know what might be cool, "roasting" viewer websites. Honestly i wouldn't even call what you're doing "roasting" It seems like good healthy constructive criticism. Very helpful for me thank you
You should fix the Discord light theme. They have been trying for years to make it look good and it still sucks IMO. I think you're the only man for the job that can tackle it.
this video came out right before steam mobile got a huge UI change lmao, it's actually pretty neat now.. for people that want to use steam on their phone for whatever reason.
Dude I just discovered your channel and insta subscribed your content is exactly what I need to design good looking website _other than making everyone dark mode_
I'm not a UI/UX designer, but my user experience suggests that it would be better to move sidebar to the right on the Quora site, or even make a setting defining on which side sidebar will be. Yes, it is unusual, but for right-handed people tapping on the right side of screen will be much more convenient, than tapping the top left corner
woah the rating next to the price with no indication of its meaning created one of the most confusing bits of UI elements possible, but I guess refactoring a UI in less than 5 minutes naturally leads to things like that haha
i personally preffer original steam the way you redesigned it just makes it look like any other website/app nowadays takes away from the beatiful steam blue and overall feel just looks like something someone would make for practice to make an app
I love the series and alot of sites you made really improved by miles. Also agreed with a few comments that the Steam redesign strays too far away from its brand image and what we are used to see from steam store. I prefer the cluttered, image on blue feeling of steam.
Really great work, the Steam redesign was great, and Quora finally makes sense. But part of me couldn’t stop thinking that steam looked a bit like epic games store, but that’s not a bad thing haha
@@roamn4979 that’s fair, but it’s better than current steam imo, it looks very outdated, the steam library redesign they did was really nice, just would like to see the treatment to the store ahah
@Rubeanie I think it's very important to keep the original style when redesigning a website, especialy with steam because the steam design is so Iconic at this point, for example Valve remade their mobile app but they kept the style.
@@roamn4979 I 100% agree, they did a good job at redesigning the mobile app and your right about keeping the original style, I think CZcams also did a good job at this with their new UI (the one covered in acrylic/frosted glass effects) while still keeping it feeling like CZcams
5:07 - Only problem there is that you can't hover on mobile 5:45 - As a former steam user, if I saw that standalone percentage next to the price, I'd feel like it represented either a discount percentage, or the current price as a percentage in comparison to the non-discounted price.
I'd highly recommend Font Awesome to anyone looking for a massive library of high quality icons. They're having a limited time sale of $20 off their Pro membership right now, definitely check them out and if you use my referral link you'll be supporting the channel too!
Link: fontawesome.com/referral?a=755e5ceb4c
what if i just _don't_ pay for font awesome
@@Kat21 the free version is nice, but the pro version is very useful. Don't bother with pirated copies though. A multi thousand dollar lawsuit isn't worth saving $20 in the professional world.
@@jeffrbake ah ok
From a designers perspective: nice.
From a sales perspective: make it pop again!
No really. The design changes are great from a customer centric perspective. But those won’t sell - especially minimizing the call to action. Nevertheless great work
I want to get started with front end developemnt but idk where to start. Any tips?
I feel like taking ALL of the blue out and replacing ALL of it with black just turned the final design into something pretty generic-looking. There's a reason that websites pick color schemes, brand recognition is important when designing a website.
Hm yes I do indeed love the awfulness of the steam colours so much that I'll keep them.
@@Likeusb1 Literally just pick one shade of dark blue and use that. It's not monochrome or nothing.
True but the fact he makes them less cluttered and imo easier to use wins out for me. I mean I love steam and have been using it since 2011 but I mean I still struggle to find what I'm looking for on most occasions.
also the next game showing in the right corner makes users scroll more often
I was gonna say the same ☹️, this is why marketing has to come before design
this is so satisfying for no reason
It’s amazing
exactly
for no reason? lol
Istg
i think it's the awesome editting
Not a designer myself, but I'm loving this roasting x website format. It's nice to see how apps i use every day could be improved in UI side, also educational :D
Yes keep making more of this type vids
me too
I wish you kept the blue theme a bit more prominent in the steam redesign, however I do think these are huge improvements overall.
Great video 10/10
Exactly, I feel the "50 shades of blue" is integral to the steam store feel
Yh I think he should've gone with a really dark blue
Exactly, keeps it from looking like every other dark themed site.
@@autisticwitch7581 exactly
Theming is easy enough to do, but the overall format changes are fantastic ideas. Also, I staunchly believe that every mobile app should have a dark theme option for people who don't want their retinas blown out when they want to doom scroll through stuff at midnight.
I need MORE. It is just so relaxing to watch him do it. It also helps to see your design choice as I am in a website building class through HTML, JS, and CCS.
ah yes, my favourite language, CCS
@@Rash7 😂😂😂
Hover effect on your Steam redesign? ... You do realize it's MOBILE right, and you do realize mobile doesn't have a mouse cursor right
Having watched 2 of these redesign videos, i have to say it reminds me of why all the new website/app interface designs feel so soulless and doesn't carry anything in the name of brand recognition. You always pick the safest route of simplicity and basic colors that work with anything, cool for a single redesign but a flaw when you reuse it everywhere. UX has also been affected by the redesigns as well, such as moving the hamburger menu into different places and changing the search bar placing on steam, it doesn't really make sense to have a search bar under some content rather than having it in the upper bar that always stays there even when you scroll down. Changing the aspect ratio of the steam game thumbnails is impossible since it has been that way for more than a decade and not everyone will update that. It would have bern better to work what you had in your hand instead of completely creating a new design that doesn't have the usability and UX of the original design.
I pretty much completely agree with the Quora redesign, but the Steam redesign is just way too bland; I would love to see more color. While I really like the hero section, Steam's original version makes more sense given that the user can instantly see that it's swipe-able due to partly seeing the next title. With yours, it's not apparent that there's anything else there other than the singular title, "Cyberpunk". I actually really enjoy steam's color palette for the most part, but I do agree that the blue gradient buttons "new releases", "specials" are a bit too much. However, I disagree with the new ones you picked out, mainly because the pictures have no correlation with the subject. I'm sure there's a way to make it work, but I'm not seeing it right now. The tabs vs tag chips works either way. I think Steam's works the way it is, but definitely like the tag chips based on your entire redesign. As for the pictures of the games, yeah that's a bit difficult. On desktop, it looks much better because there's no padding above/below the title, and my guess is that they just couldn't make the same look on mobile due to the limited real estate. Your redesign would definitely fix that problem as they can simply increase the image while still looking slick. And lastly, I 100% agree with the search bar redesign. Their current one is just awful and cramped.
Ultimately, good video. Really enjoying these redesigns you've been doing lately.
Honestly it's a little weird how every single Steam Redesign I see has the same issues and criticisms. I also strongly disagree with removing the game tags in favour of a % number, because that % number is utterly worthless while the tags are the most useful thing (even more useful than the game name, price or logo) when looking for it.
Steam can definitely improve their layout but noooot like this.
@@shadowyking123 Exactly, that is the problem with 99% of redesign content out there is that they are re-designing it based on their personal preference, only focusing on the UI without fully understand the fundamental user base. Lack of research is the biggest cause here.
He's good, but I don't agree with most of his choices. Because he almost always removes the brand identity and makes it look generic and corporate.
I love what you’re doing, so I’d like to add some feedback on the steam redesign.
Moving the price tags under the game title doesn’t make much sense to me. When I browse steam, one of the first things I look at is the price, so having it pop out somewhere on the right is very helpful. What you did looks good, but doesn’t make growing any easier.
Also, the images behind the originally blue tabs makes the page seem quite cluttered. I’d prefer something simpler.
Agreed on the placement of the price. Additionally, he put the review rating percentage next to the price, which is confusing as it could easily be mistaken for a discount percentage.
I love that you're looking at feedback and responding to it. Really love the series and appreciate the videos!
Best of luck man, doesn't look like you need it though ;)
As is common with redesigns, they visually look great as art, but you need more colour, mainly for brand recognition.
If someone looks over your shoulder, the company wants that person to recognise the app. But will all your redesigns, if the small logo isn't easily visible, they all blend together.
For Quora, the background could be the red gradient, then the dark/light themed boxes are monochrome on top. Keeps the text readable, but adds a splash of colour, and registers with the brand.
For Steam, picking one or two of their gunmetal blue gradients would help a lot, again keeping the greyer blue for the background, with dark/light themed boxes on top. I'd say the game % scores aren't important for the scrolling feed, but even if they're kept, absolutely shouldn't be near the price. It just looks like the game is "$29.99 at 89%", not "The game is $29.99, with a rating of 89%".
Equally, the tabs at the bottom are way too similar to Google themes, and don't intuitively link to the content below, while the old tab format does. Easy way to fix that is to have the tab be open ended on the bottom, and then have the tab and content have the light blue gradient, very similar to what they previously had. The actual UI of it can be smoothed out, but not at the expense of ease.
Finally, the search bar is far too hidden. If it isn't going to be at the top, then an easy fix is to either also reuse the light blue gradient (Keeping in mind we're trying to minimise the different types of blue), or have the bar be the opposite colour theme of the site. IE, if you have it on dark theme, the search bar uses the light theme. Makes it pop more, but doesn't steal your attention if you're looking for something else.
But, the way you layout the game images, especially the topmost one, is great. Makes it look far neater, especially with how the game title text should be easier to identify given its larger font and tinted backdrop.
I love this. As a UX/UI designer this is great for inspiration, learning, and seeing what types of designs you would choose for these websites
Please continue these types of videos
@@GabeBeyruti Please note his designs aren't near perfect, but they give ideas. Steam users enjoy having more information and users in general don't like drastic changes. Also, a lot of this is his subjective opinion which is never a good thing to go off of when doing design.
@@SchrodingersDinger I second you. It's nice to look at but that's not a design approach, there's no UX methods used. Just because it's prettier doesn't mean the experience will be better
Really calming. I really like this! Great job on the extended format, I feel this will be a hit!
I agree that Steam's website/app design could use a rework and I like your proposal better than the current one; If I'm honest though, I do think there's a bit of a charm to that "steely blue" color you mentioned that could be restored somehow. But of course, like you said, it's only a first draft and it's quite a good one at that!
as much as i'm enjoying these roasting videos, i would prefer if you keep practicality in mind when redesigning. if that's too much work tho, i personally am cash money with the direction you are going!
+1 for "basic 2.0"
+1 for "fifty shades of blue"
lmao
I feel he added more practicality
@@TrueOracle he did a spectacular job at decluttering the ui! But, for these UIs I particular:
For people using their right thumbs to navigate, it would be hard to use quora's side bar. Which is kinda why bottom navs are getting so popular
On steam, he added some hover effects but hover effects don't work on mobile
And he removed the discount tags, which is a major marketing decision and can potentially kill sales. Showing there's a discount is far more important than actually giving a discount yknow :P
@@keokawasaki7833 yep UI should be ambidextrous, and only not so important options should be at the top, rest should be at the bottom. Or maybe 🤔 an In app setting to change UI for left and right handed people, and sidebar can also trigger unnecessary back gestures if it hides itself. He is only judging by look's not ease of use.
I admit, his design's look awesome, but not so functional.
@@chirag4382 ooh a fellow Indian dev who talks sensibly~ hii
@@keokawasaki7833 BTW, not a dev😅, just a tech nerd.
Wow i’ve waited so long for this video ❤
5:12 I DEFINITELY agree that it was necessary to find another button for adding new content, but the Plus icon might confuse users, making them think that it is to add more options to the sidebar, instead of creating a new post. I'd go with the square and pencil icon that Apple usually uses in those cases, which suits much better the idea of creating a post IMO.
But other than that, amazing designs 🙂
Cybermonk 2099 is my new favorite game.
This is such a phenomenal series! I've been learning webdev and the biggest problem hasn't been the coding, but my complete and utter lack of styling. I can make things function, but they look like crap. Having the before, after, and and explanation of the decisions you made and the process you go through is by FAR the best way of learning styling choices. I wish there were more channels that did this type of redesign demonstrations.
I actually like Steam web interface, it feels unique and consistent.
I love this channel! There's so many sites where the company is too lazy to just do the most basic of improvements. Thank you!
Such a cool series idea.
In my experience changing an image from contain display to cover is usually a risky move. I usually want to make images cover their container like you did with steam, but then stakeholders start complaining that their content is being cut off. Unless there’s an existing internal standard for image size/aspect ratio that usually gets shut down.
Good news, Quora is a good upgrade, Bad news, Steam is a bad upgrade. Definitely a lot of personal preference there though (First thing I'd add back is the gradients, but I've touched on it in the short version), but I'll let everybody else be the judge haha.
I do wonder what else you got prepared though, excited to see it! Cool video :)
That steam redesign is basically how Epic Games store looks
I love these series and wouldn't mind longer videos focusing on a single redesign. Keep them coming please :)
As of the 12th Oct, steam just updated the Mobile App. 🤣
I like how steam updated their mobile app as soon as you uploaded the redesign of the app
the beta has been up for weeks
Overall, I'd say that I like those redesign aesthetically, but I do think that there ate a few issues with them.
Quora :
+ The overall design on desktop, the clarity of navigation and the removal of redundancy
- While your new design looks good on desktop, I'm really not a fan of keeping it for mobile ; especially on the left, we're most users are going to have trouble reaching, Nd even more on the top left to toggle the menu. There's also the problem that it looks way too tiny for a mobile screen.
Steam :
I do think it looks great, but it perhaps look a bit to much like Epic. I'd also keep the price on the right, and put the platforms where you did put your prices.
Those are only my thoughts. I thoroughly enjoy your videos and it's obvious you are putting a lot of care into them. I'm exited to see more.
Steam is nice, but the blue is iconic and I'd like that as a default with the option for dark mode or even a light if you're insane.
Only critique is that the lack of color makes it dull. Would be good to use a slightly navy-steam blue/subtle gradients for the background and some glow gradients on the main buttons to hold some color.
Don‘t reinvent the wheel so often ;)
For Quoras side nav: why aren‘t you opting for a bottom nav with a contextual menu as the 5th option? Having a collapsable side menu without any context doesn‘t solve any problem, just makes it harder to reach.
But cool stuff, love that zbe UI industry gets some more attention ;) Defo a job that needs a lot more great minds 🙏🏽
Lovely breakdown on both the sites. But I felt you missed that hover does not work on mobile 😅
Hahaha oops
Ahh great catch. I code these on my desktop so I'm just dumb and didn't think about it.
Hmm let's just call it carry-over from the desktop version of the site (which doesn't exist 😆).
@@Hyperplexed Ahha I understand. As a UX/UI designer myself, this slipped my mind the whole time until a mentor mentioned it 😂
That redesign took all the character out of the original design
I can definitely see why your steam design seems to be getting the most backlash, but I think you did a good job balancing what needs to shown, and what doesn’t, as well as giving things flare.
The icon and pure black screen does look a TAD bit corporate and I do think some variation could do nicely, but for a rough draft, it definitely looks more than serviceable ^w^
2 times on the Steam design you show effects that appear on hover. Unless a mouse is plugged into your mobile device, those won't be seen.
They might appear when you click the screen, but then you've already decided you want to go to e.g. "Specials", so the effect is pointless, unless you really wanna show that 'active' state of the link.
the steam redesign is mindblowing 🤯🤯
I love that Steam actually jsut updated their mobile app
steam redesign is excellent! but i prefer those blue designs , it gives character, and separates it from simplistic-uniform look from other sites
That steam redesign was really nice. Refreshed the whole experience.
It was bad
Its really bad, he removed the main color of steam, and you obviously have never used steam before
As a web dev who always struggles to find design ideas, your videos are gold.
Awesome video! Will really help with my web simulator project!
Loved the Quora redesign but the Steam seems to take away the brand's identity. It looks too similar to a competitor like Epic Games. I think it would be worth it to keep the blueish color scheme.
Honestly I disagree with those Designs, although you made a lot of upgrades, you made a lot downgrades too. Also I dont think you should completely destroy the design of steam. The theme should stay as its really an representive of steam this look, but instead the individual ui elements should be overhauled. Just here to share my mind, no pressure :)
One thing I'd like to point out for the Quora redesign is that putting that vertical nav bar on the left seems like a bad call. Phone screens are so big today that putting the nav bar and nav icons on the left means most people (righties) will be straining to reach over the whole screen to interact with the nav bar. This is disaster for one-handed phone operation. So my suggestion would be to actually move the nav bar to the right.
the steam concept looks reallllly good. but i feel like an unspoken thing about the steam site now is that it's very iconic, specifically the blue, the concept you made sort of looks like a mix between the Epic Games and Oculus store, which would not serve well for steam. probrably some more blue, plus keeping the green to symbolise discounts and keeping pricetags to the right would help it.
5:07 - _casually makes a hover feature for phone app_
you feel like the guy who wants their vcr to be controlled by a door with a doorbell alongside it
i learn the most by hearing the thought process of someone else doing it, and these video are amazing. you walk though every step quickly but informatively and the pacing is on point
This is from a while ago, but I want to say:
The icons stating what platforms games can be played on in Steam could just be placed next to the name of the game pretty seamlessly.
This channel is a goldmine, I am confused why don't you get the exposure you deserve.
Subbed and binge watching right now.
I mean, 150k for a programming channel is not bad
Hey man I saw the Dominos video and I love your work! I am part of a program at Alamo Heights High School called business incubator. My group wants to design an app that allows orthodontists make sure their patients are wearing their rubber bands and allows the patient to take a picture each day with their rubber bands in the mouth to earn points. We have good connections in the orthodox field and are on track to make this a reality, but we would love some help in designing a simple, easy to use app that makes having braces not a chore. Keep up the great work I love your stuff!
These videos are scratching a part of my brain I didn’t know existed
I could watch these all day. Nothing wrong with a bit of scrutiny and banter. ANOTHER 🔨!!!
I love how he says “interesting” every time quora fucks up
The alignment of the prices and discounts on the original steam page makes the easy to view instead of being cluttered in with more text/characters as per your changes
This channel will soon hit that 500k subs soon
been watching a handful of shorts and man am i glad to see a longer version of this!
And steam has finally listened your advice.
What a great man
Usually I agree with your changes but I preferred the original steam one. It's far from being perfect but it's good enough and has its own identity
u basically turned steam into epic store congrats
For the steam one, you made it look like buying furniture instead of games
The steam redesign was incredible, though losing some of the characteristic blue makes it feel a bit less like steam. Maybe having the background a dark blue and making some of the chips a lighter blue could look good? In terms of dark mode, I feel the original website was already had a good (if a little high) brightness, so no need to make it black anyways.
He just made Epic Games Launcher: Mobile Edition
The steam design looks great but with the theme it looks more like epic store
Man oh Man!
Only if meetings were this productive and straight forward.
I would love a video about tipps for gui/ux design (basic, intermediate etc.). And maybe even some template widgets (ideas) like side or top bars, menus, themes or maybe even a 'whole' newsfeed.^^
Man nothing is more satisfying then these redesigns, especially for how desperately of a change it needs but never gets enough attention for.
Steam has actually just redesigned their mobile app, and it looks quite nice.
I believe some websites lack perfection due to them wanting to stand out and be more recognisable
The Steam redesign is so good. Can they please just hire you as a designer.
Yea no the redesign is not so good to be honest, if you've used steam you'd find that steam is based on its blue color and he just took all of it away from steam and made the app fully dark me personally I would not enjoy opening steam and just seeing it bland and just dark, not all apps look good dark and he only does the mobile apps if u look at it from the pc app it actually looks pretty good, I dont think steam was ever meant to have a mobile app which is the reason the design on mobile is a bit less good looking than the one on pc but the blue definitely adds some character so please use steam and then comment
Great channel 👍👍 great content 👌👌
You know what might be cool, "roasting" viewer websites. Honestly i wouldn't even call what you're doing "roasting" It seems like good healthy constructive criticism. Very helpful for me thank you
Man litterly turned steam into Epic games store 💀💀
You should fix the Discord light theme. They have been trying for years to make it look good and it still sucks IMO. I think you're the only man for the job that can tackle it.
NAHHHHH BRUH Steam actually took this shit literally and implemented the changes that’s crazyyy
this video came out right before steam mobile got a huge UI change lmao, it's actually pretty neat now.. for people that want to use steam on their phone for whatever reason.
As a frontend developer I'm totally with you man, you rock! Keep on suggesting people how to conceive pro interfaces, it's good what you're doing :)
The steam redesign blew my mind 🤯
high quality videos, truly!
Dude I just discovered your channel and insta subscribed your content is exactly what I need to design good looking website _other than making everyone dark mode_
Steam updated their app today and i have to say it's much better
Website designers trying not to make the same design on every website challenge (IMPOSSIBLE):
I'm not a UI/UX designer, but my user experience suggests that it would be better to move sidebar to the right on the Quora site, or even make a setting defining on which side sidebar will be. Yes, it is unusual, but for right-handed people tapping on the right side of screen will be much more convenient, than tapping the top left corner
you should totally release these for android as app patches or alternative apps, id pay!
ok whos gonna do the patching
With Quora you nailed it but Steam I think has some iconic colors that shouldn't be changed, lest it may look generic..
This is legitimately incredible
I could watch hours of this
Your UX/UI skills are top notch, just found your channel, CZcams knows me well because I'm loving your content keep it up!
Really lovely breakdown and great visuals, makes watching the transformation very pleasing
woah the rating next to the price with no indication of its meaning created one of the most confusing bits of UI elements possible, but I guess refactoring a UI in less than 5 minutes naturally leads to things like that haha
i personally preffer original steam
the way you redesigned it just makes it look like any other website/app nowadays
takes away from the beatiful steam blue and overall feel
just looks like something someone would make for practice to make an app
I love the series and alot of sites you made really improved by miles. Also agreed with a few comments that the Steam redesign strays too far away from its brand image and what we are used to see from steam store. I prefer the cluttered, image on blue feeling of steam.
Loving these videos but just watch those mouse interact events on a mobile treatment 😊
I feel myself learning with every new video and short 😄
You are very entertaining and very knowledgeable!
Really great work, the Steam redesign was great, and Quora finally makes sense. But part of me couldn’t stop thinking that steam looked a bit like epic games store, but that’s not a bad thing haha
I'd say steam looking like EGS is a bad thing cuz Epic is just the most generic design to ever be created and lacks any character but you do you.
@@roamn4979 that’s fair, but it’s better than current steam imo, it looks very outdated, the steam library redesign they did was really nice, just would like to see the treatment to the store ahah
@Rubeanie I think it's very important to keep the original style when redesigning a website, especialy with steam because the steam design is so Iconic at this point, for example Valve remade their mobile app but they kept the style.
@@roamn4979 I 100% agree, they did a good job at redesigning the mobile app and your right about keeping the original style, I think CZcams also did a good job at this with their new UI (the one covered in acrylic/frosted glass effects) while still keeping it feeling like CZcams
now I have to subscribe I can't believe this channel is underrated
The Steam redesign was super cool ⚡
5:07 - Only problem there is that you can't hover on mobile
5:45 - As a former steam user, if I saw that standalone percentage next to the price, I'd feel like it represented either a discount percentage, or the current price as a percentage in comparison to the non-discounted price.
Cyber monk 2099 , cyber punk's long lost cousin 🤣🤣
they changed steam in mobile just now lol what a perfect timing