Redesigning FAANG Websites! Can I do BETTER?

แชร์
ฝัง
  • เผยแพร่เมื่อ 14 ธ.ค. 2024

ความคิดเห็น • 94

  • @DesignCourse
    @DesignCourse  3 ปีที่แล้ว +8

    Hey all. I will be live streaming in 5 minutes on my new twitch account! twitch.tv/designcourse -- Give a follow, I will be live streaming here on TH-cam still, but I will be live streaming more frequently on Twitch.

  • @starlight1468
    @starlight1468 3 ปีที่แล้ว +55

    This would be a great series

  • @BizuDesign
    @BizuDesign 3 ปีที่แล้ว +18

    Although Facebook was the biggest redesign, I like how in the Amazon one you show that small details can improve a lot of the visual result. Well done!

  • @techjudge8049
    @techjudge8049 3 ปีที่แล้ว +11

    I love how Gary is better at design than all of these no-code/Webflow shill channels that ONLY focus on design.

    • @androidanythingnbpranav7195
      @androidanythingnbpranav7195 3 ปีที่แล้ว

      I don't agree with you!! there are a lot of people better than him at the design on it. and web flow is a great tool, don't worry web flow is not gonna replace talented programmers it will just remove the grind of programming, so people(programmers) will focus on more creative problem-solving and complex front end development.

    • @techjudge8049
      @techjudge8049 3 ปีที่แล้ว +3

      @@androidanythingnbpranav7195 I hate to break it to you bud, but Webflow isn't the one doing it, you're falling for the marketing. Wordpress and Shopify are 70% of all websites, and 90% of websites that actually make money, Webflow isn't even 1%. Contrary to Webflow's BS marketing, you can definitely build a website with no code easily on Wordpress, you can just do more with code. I own a web design/development agency that mostly does business with $1 million+ revenue companies and our clients would NEVER use Webflow. They either don't know about it, or the ones that do actively ask us to never use it. It's a glorified Wix, it's only good for simple portfolio websites or landing pages.

  • @amitjoshi956
    @amitjoshi956 3 ปีที่แล้ว +8

    Definitely, Amazon and FB should consider your redesigns. They are way better than they have already implemented! 😅
    Btw could you do a tutorial on naming conventions, like btn-primary vs button/primary? Please 🙏🏻

  • @vampirejs758
    @vampirejs758 3 ปีที่แล้ว +14

    You could redesign the nav bar in the facebook screen shot, even that looks kind of old school due to the gradient

  • @alexanderthompson8433
    @alexanderthompson8433 2 ปีที่แล้ว

    You're absolutely correct, you did an awesome job of the last one. I'd really love to see and learn more about designs regarding that kind of content navigation -- or just content navigation in general! Browsing content with subcategories, yet still making it look nice, is harder than expected.

  • @requenz_
    @requenz_ 3 ปีที่แล้ว +2

    I agree with all of your recreations/redesigns. Your versions look a ton better in my opinion

  • @ayushkumarchandra
    @ayushkumarchandra 3 ปีที่แล้ว +7

    Love the Facebook's redesign!

  • @nassimboutekedjiret8721
    @nassimboutekedjiret8721 3 ปีที่แล้ว +1

    Great job, thank you. The Facebook part is very nice, the search has its own space, better than aligning the text field and the button with the left title like in 1999 ;)

  • @JediHan
    @JediHan 3 ปีที่แล้ว

    I really dig the Google redesign! Adding white spaces brings clarity to the search page.

    • @mazagoez7190
      @mazagoez7190 3 ปีที่แล้ว +3

      while i can see the merit in adding white spaces easy reading and breathing room. but in my experience (years), many clients (and especially my boss) don't want that big white spaces. It creates too long scrolling, it's a pain to scroll etc, that what he always said. it waste space etc. in the end i have to make it tighter, reducing alot of spacing/padding. don't know about others, but that just my experience.

    • @DesignCourse
      @DesignCourse  3 ปีที่แล้ว +2

      @@mazagoez7190 I did mention the scrolling consideration I believe -- but I think even just a few pixels of white space would be worth the small amount of extra scroll.

  • @Hasnain1F
    @Hasnain1F 3 ปีที่แล้ว

    Really liked what you did to the Apple's slider design. The Amazon design, I liked their layout more because all the meta information is at the left. In yours I have to look at left and right and left again to read content. Obviously, the last one was the best! Really love your content.

  • @agrajyadav9
    @agrajyadav9 3 ปีที่แล้ว

    Last one was CLEAN!!!

  • @furkandogan4623
    @furkandogan4623 3 ปีที่แล้ว +2

    Good concept. I liked all of them except Google. I guess I got used to it. Especially Facebook is great. (For me, it would be greater if you had redesigned the navbar)

  • @bharatswaroop5922
    @bharatswaroop5922 3 ปีที่แล้ว +4

    7:05 I think putting review date on the right of review title is not good decision. The title text could go upto 100ch & it will not look good in two lines.

  • @tummalavenkatakalyan6706
    @tummalavenkatakalyan6706 3 ปีที่แล้ว +2

    Hey Good UI improvement for all fang website but I impressed in Amazon and Facebook design is well better than they, Keep it up Man

  • @thearaav6670
    @thearaav6670 3 ปีที่แล้ว

    Can't wait to like and comment on your Tutorial.

  • @gravitee0
    @gravitee0 3 ปีที่แล้ว +1

    Great content Gary, been working as a freelance UI designer since the pandemic started and your channel has helped me truly
    P.S
    when are you dropping a workout vid

  • @KarnageGaming
    @KarnageGaming 3 ปีที่แล้ว +7

    That facebook redesign though... can someone send that to them and make them implement it thats actually way cooler.

  • @BrunoMussoi
    @BrunoMussoi 3 ปีที่แล้ว +7

    The problem with the new google is that it will only work for that specific example with one result in the view area. As soon as you get multiple results in the view, all the spacing will just blend them all, you will not be able to easily recognize where one ends and one starts.

  • @azazkapadiya6916
    @azazkapadiya6916 3 ปีที่แล้ว

    Facebook Redesign is looking very great👍

  • @shadowbanned111
    @shadowbanned111 3 ปีที่แล้ว +3

    That FB one was pretty neat.👍

  • @paulh6933
    @paulh6933 3 ปีที่แล้ว +1

    i'm curious about the responsive "look". I like the readability ur designs have, easy on the eyes

  • @AdrianASalvatoriJaspe
    @AdrianASalvatoriJaspe 3 ปีที่แล้ว +1

    With the netflix layout, I might have preferred to align everything to the left. That centered title doesn't really match the left-aligned text at the bottom, it's a bit awkward I think.

  • @olekristianmller-hansen4220
    @olekristianmller-hansen4220 3 ปีที่แล้ว

    Awesome work in all cases. There is something about the positioning of the search box in your Facebook redesign I don't like.

  • @jd4300
    @jd4300 3 ปีที่แล้ว

    Amazon one was My favorite!

  • @afzalmahmud1974
    @afzalmahmud1974 3 ปีที่แล้ว

    Improvement ok I am watching you what you do.

  • @brooksgunn5235
    @brooksgunn5235 3 ปีที่แล้ว

    I agreed about the Google one needing a change, but I feel like something else needed to be done instead. I thought the others were spot-on, however, especially that Facebook one.

  • @mdfasadik9843
    @mdfasadik9843 3 ปีที่แล้ว +1

    inspirational as always 🖤...love from Bangladesh

  • @princebabu6500
    @princebabu6500 3 ปีที่แล้ว

    I loved it.....but dont you think that you placed too much whitespace after "places" label in facebook redesign

  • @anuragpal02
    @anuragpal02 3 ปีที่แล้ว

    I think the Netflix design was alright with the text being in the centre. When moved to left it just breaks the symmetry. Apart from that the rest of the revamps were great.

    • @pourianayeb1063
      @pourianayeb1063 3 ปีที่แล้ว +1

      Completely agree, but for the 4th line it's a right choice to place the text, right at the bottom of textbox.

    • @anuragpal02
      @anuragpal02 3 ปีที่แล้ว

      @@pourianayeb1063 Yep, I agree!

  • @Ayydos
    @Ayydos 3 ปีที่แล้ว

    can you do tutorials on how to code these

  • @RocketeerCaptproton
    @RocketeerCaptproton 3 ปีที่แล้ว

    Hi Gary, nice, brave attempt. For FB, I like your style, but I see why FB did what it did. You can see more at a glance.

  • @DaDa-rc3xe
    @DaDa-rc3xe 3 ปีที่แล้ว

    The new Facebook page is much better!

  • @IkraamDev
    @IkraamDev 3 ปีที่แล้ว

    Question to anyone watching this video on an iPhone 11. At 2:48 is the Netflix logo on the top right pixelated around the edges? For some reason red pixels in videos get pixelated on my iPhone...

  • @sagnickbhowmick6191
    @sagnickbhowmick6191 3 ปีที่แล้ว

    Garry made the next Facebook! 🤯🤯

  • @sudhamajayanthi
    @sudhamajayanthi 3 ปีที่แล้ว

    Which facebook is that? facebook.com isn’t like that rn

  • @Mrdardas99
    @Mrdardas99 3 ปีที่แล้ว

    I think you did a great job! In the Facebook page, I would have gone the extra mile and moved the horribly placed search bar nearer to where the actual places and search results be, so to the mid-bottom left. This is just bad UX in the original design.

  • @neeshsamsi
    @neeshsamsi 3 ปีที่แล้ว

    Great video

  • @lufenianluxsora963
    @lufenianluxsora963 3 ปีที่แล้ว

    I like all your redesign except Netflix's, I personally think the original is better because of the alignment.
    But i would like to see you redesign stackflow's thread page, even until today i still get confused on how to navigate stackflow's thread 😓

  • @neeshsamsi
    @neeshsamsi 3 ปีที่แล้ว

    What do you use to make these presentation

  • @boredhuman23
    @boredhuman23 3 ปีที่แล้ว +2

    Didn’t realize how bad Netflix homepage is 😅

  • @sarvagya-sharma
    @sarvagya-sharma 3 ปีที่แล้ว +3

    I am guessing #5 is amazon.
    Edit: I was wrong

  • @afzalmahmud1974
    @afzalmahmud1974 3 ปีที่แล้ว

    sir your design always win I don't know why 🙃.

  • @akifcankara2225
    @akifcankara2225 3 ปีที่แล้ว

    i think your facebook design awesome

  • @gabrr
    @gabrr 3 ปีที่แล้ว

    cool!

  • @udaynarayanmukherjee5208
    @udaynarayanmukherjee5208 3 ปีที่แล้ว +4

    Tbf nobody looks at that login fb page. Also gr8 work on Amazon.
    A more fair comparison for fb would be the new feeds page (after you log in )

  • @pablocordoba2806
    @pablocordoba2806 3 ปีที่แล้ว

    Nice

  • @osmanhamashool6396
    @osmanhamashool6396 3 ปีที่แล้ว

    fantastic all of them except netflix

  • @gddeufedhfezr1224
    @gddeufedhfezr1224 3 ปีที่แล้ว +1

    So coooooool

  • @feromaog
    @feromaog 3 ปีที่แล้ว

    Small details make big difference

  • @niravparmar7856
    @niravparmar7856 2 ปีที่แล้ว

    whenever someone says that my design is bad, i say that it's brutalism ✌🏼😂

  • @shaheb555
    @shaheb555 3 ปีที่แล้ว

    Yes you can 👍

  • @armankamal3694
    @armankamal3694 3 ปีที่แล้ว +1

    By seeing your review they might change the layout :p.

  • @juanmanuelvelez3571
    @juanmanuelvelez3571 3 ปีที่แล้ว

    i disagree with what you did in netflix and google, maybe i am just used to see it and now its wierd to see the change. But facebook and amazon is amazing how such a little change make such a big difference

  • @davidrobertson6371
    @davidrobertson6371 3 ปีที่แล้ว

    I agree on the Facebook design, your was way better. With the rest of them, there really wasn’t much there to work with, how do you dramatically improve essentially a block or 2 of type. Lol. I personally hate Amazon’s design, everything is cluttered and hard to find the info you want, plus the 3rd party sellers don’t really follow the guidelines. Unfortunately I thought you actually made it look worse. Meh, but that’s just me.

  • @alexandrameas4436
    @alexandrameas4436 3 ปีที่แล้ว

    That's the main issue I have when I do design. Should there be no restrictions, I would add spaces everywhere and every design would look like a perfectly balanced Dribbble shot. But the point is that in the real projects you always have a bunch of restrictions, like the amount of content which is essential, the text mustn't be too widespread, if you put too much negative space, users will have to do more actions too see all the necessary content, not everyone works on huge screens etc. Definitely your versions look better, but I bet there were actual reasons why the companies had such and such elements designed like that. Except for Netflix, their choice of font hierarchy looks so weird.

  • @welling1
    @welling1 3 ปีที่แล้ว +1

    Amazon's review section has always sucked and I'm surprised how long they've stuck with that layout.

    • @rakib17874
      @rakib17874 3 ปีที่แล้ว

      That true but amazon was pioneer for lots of best design practices in the early internet-era. .

  • @h3HUg7Sp
    @h3HUg7Sp 3 ปีที่แล้ว

    I feel like there should be a transparent visual overlay(underlay?) on that blue Facebook bar. That Facebook bar looks like a 1970s enamel saucepan. It's very monotonous.

  • @birsingh5388
    @birsingh5388 3 ปีที่แล้ว

    Amazon spelling is wrong in description 😊

  • @amremad221
    @amremad221 3 ปีที่แล้ว

    I didn't like the redesign of Netflix's form ... I think it's better to be center-aligned
    The Facebook redesign is very good ... but it's better to not stretch the places section to the end of the screen

  • @fj11ism
    @fj11ism 3 ปีที่แล้ว +4

    The Netflix redesign looks much worse to me. The 'by the books' student-teacher design philosophy should really only exist so far as a guide. The implementation here takes away too much from the uniformity and focus point of the original design.

  • @osamanamur633
    @osamanamur633 3 ปีที่แล้ว

    I like how you redesign Google search result

  • @techycompute3636
    @techycompute3636 3 ปีที่แล้ว +1

    Redesign craigslist.

  • @johnbaker2170
    @johnbaker2170 3 ปีที่แล้ว

    Just wait until Mark Zuckerberg sees this video. New Facebook update!

  • @mr.wellman702
    @mr.wellman702 3 ปีที่แล้ว +1

    I've learned more about designing from all your youtube content than any other source, partly because I don't really know what sources I can trust with UI/UX.
    I agree especially with your redesigns because they make it easier to read the information. As a millennial here I remember as a kid and even when I was in highschool with days of myspace html, it's always been about information. I prefer clean simple non-flashy designs, not only because they appear more professional but because the ease of use, including accessibility factors.

  • @jeroenvanrensen9505
    @jeroenvanrensen9505 3 ปีที่แล้ว +2

    I think Amazon would be the worst

  • @ivan_off
    @ivan_off 3 ปีที่แล้ว

    I definitely can not call myself a designer, but I think the reason behind all these "outdated" designs of amazon and facebook are first of all because people get used to it a lot because they use it on daily basis and probably making even little tweaks is a big deal for such huge platforms and secondly specifically talking about the whitespace - if their pages and sections had more proper spacing between elements then you would have to be doing much more scrolling which is a big deal for such websites where there is so much info on all the pages.

    • @abdelrahmankhalil
      @abdelrahmankhalil 3 ปีที่แล้ว +1

      Facebook got a whole redesign recently and it's pretty good.
      I agree with you on amazon their UI is so bad/outdated.

  • @ken_bekov
    @ken_bekov 3 ปีที่แล้ว

    Right now FAANG companies are fighting for getting you as a Lead designer. Be ready for proposal. 😄

  • @afzalmahmud1974
    @afzalmahmud1974 3 ปีที่แล้ว

    I have some network issues for joining your discord. just get kicked. sad

  • @gddeufedhfezr1224
    @gddeufedhfezr1224 3 ปีที่แล้ว +3

    Amazon looks very old.

  • @riteshkumarbehera3199
    @riteshkumarbehera3199 3 ปีที่แล้ว

    First like

  • @joullianandador660
    @joullianandador660 3 ปีที่แล้ว

    First

  • @czerskip
    @czerskip 3 ปีที่แล้ว +7

    Let's be honest, Netflix is beyond the point when their UX can be saved, they stopped caring years ago.

  • @lakshya5946
    @lakshya5946 3 ปีที่แล้ว

    Facebook has worst We'd Design Ever

  • @dgloria
    @dgloria 3 ปีที่แล้ว

    Omg I hate their ux! Not even the design! TH-cam still don't have a search for the channel, and autoplays all, if you actually play something within the channel. Facebook mobile is catastrophic, they still don't have what twitter always had, that is to continue reading where you left off. The top bar in fb isn't sticky, you have to scroll to the top of the page if you want to go to most recents... Catastrophic experience. I guess Twitter is the only usable for mobile.

  • @Estaphet
    @Estaphet 3 ปีที่แล้ว

    So, his final words are that Google, Netflix, Apple, and Facebook don't have good designers. Companies with hundreds of trillions worth of value need to learn from you! Isn't that so?

  • @VantazeVibesWorld
    @VantazeVibesWorld 3 ปีที่แล้ว

    worst is always apple. they don't know how to design at all.

  • @paultal
    @paultal 3 ปีที่แล้ว

    I think amazon is the worst