Redesigning FAANG Websites! Can I do BETTER?

bit.ly/3bFpRsN - Take my UI Design Bootcamp Now!
-- Want to learn UI/UX? designcourse.com​
-- Today, I'm going to see if I can improve upon designs that are currently found on the major tech giants: FAANG (Facebook, Amazon, Apple, Netflix & Google). I'll save the best (biggest improvement) for last. Let me know what you think in the comments -- did I do better? worse?
NOTE: You can find Facebook's layout that I redesigned here:
/ places -- I failed to click on the link at the top, "Check out our new and improved.." which is a significantly better design 😂. None the less, I decided to leave it in just so I could show you how to modernize an older design.
0:00 - Introduction
0:57 - An Awesome Offer
1:33 - Redesign #1
2:37 - Redesign #2
4:37 - Redesign #3
6:40 - Redesign #4
8:13 - Redesign #5
10:56 - Outro
Let's get started!
#faang #uiux #refactor
- - - - - - - - - - - - - - - - - - - - - -
Subscribe for NEW VIDEOS!
Learn UI/UX: designcourse.com
My personal FB account: logodesigner
Coursetro FB: coursetro
Coursetro's Twitter: / designcoursecom
Join my Discord! / discord
^-Chat with me and others
- - - - - - - - - - - - - - - - - - - - - -
Who is Gary Simon? Well, I'm a full stack developer with 2+ decades experience and I teach people how to design and code. I've created around 100+ courses for big brands like LinkedIn, Lynda.com, Pluralsight and Envato Network.
Now, I focus all of my time and energy on this channel and my website Designcourse.com.
Come to my discord server or add me on social media and say Hi!

[@DesignCourse]

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 KZbin still, but I will be live streaming more frequently on Twitch.

[@starlight1468]

This would be a great series

[@patrick9969]

Agree

[@BizuDesign]

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!

[@amitjoshi956]

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 🙏🏻

[@techjudge8049]

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

[@androidanythingnbpranav7195]

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]

@@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.

[@alexanderthompson8433]

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.

[@vampirejs758]

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

[@requenz_]

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

[@Hasnain1F]

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.

[@thearaav6670]

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

[@mdfasadik9843]

inspirational as always 🖤...love from Bangladesh

[@agrajyadav9]

Last one was CLEAN!!!

[@tummalavenkatakalyan6706]

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

[@nassimboutekedjiret8721]

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 ;)

[@ayushkumarchandra]

Love the Facebook's redesign!

[@BrunoMussoi]

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.

[@gravitee0]

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

[@shadowbanned111]

That FB one was pretty neat.👍

[@KarnageGaming]

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

[@IkraamDev]

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...

[@JediHan]

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

[@mazagoez7190]

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]

@@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.

[@boredhuman23]

Didn’t realize how bad Netflix homepage is 😅

[@furkandogan4623]

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)

[@olekristianmller-hansen4220]

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

[@neeshsamsi]

Great video

[@paulh6933]

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

[@AdrianASalvatoriJaspe]

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.

[@neeshsamsi]

What do you use to make these presentation

[@princebabu6500]

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

[@killjeffrey]

Great video. Goes to show you don't really need to fret about details 98% people won't notice - sweat the big stuff, not the small stuff.

[@jd4300]

Amazon one was My favorite!

[@afzalmahmud1974]

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

[@brooksgunn5235]

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.

[@gabrr]

cool!

[@sarvagya-sharma]

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

[@Ayydos]

can you do tutorials on how to code these

[@RocketeerCaptproton]

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.

[@osamanamur633]

I like how you redesign Google search result

[@Mrdardas99]

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.

[@pablocordoba2806]

Nice

[@lufenianluxsora963]

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 😓

[@sagnickbhowmick6191]

Garry made the next Facebook! 🤯🤯

[@anuragpal02]

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]

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

[@anuragpal02]

@@pourianayeb1063 Yep, I agree!

[@akifcankara2225]

i think your facebook design awesome

[@gddeufedhfezr1224]

So coooooool

[@mr.wellman702]

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.

[@DaDa-rc3xe]

The new Facebook page is much better!

[@sudhamajayanthi]

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

[@osmanhamashool6396]

fantastic all of them except netflix

[@shaheb555]

Yes you can 👍

[@feromaog]

Small details make big difference

[@armankamal3694]

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

[@udaynarayanmukherjee5208]

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 )

[@juanmanuelvelez3571]

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

[@niravparmar7856]

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

[@amremad221]

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

[@davidrobertson6371]

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]

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.

[@h3HUg7Sp]

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.

[@welling1]

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

[@rakib17874]

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

[@birsingh5388]

Amazon spelling is wrong in description 😊

[@DesignCourse]

Fixed. Thanks.

[@birsingh5388]

@@DesignCourse 👍

[@afzalmahmud1974]

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

[@jeroenvanrensen9505]

I think Amazon would be the worst

[@johnbaker2170]

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

[@gddeufedhfezr1224]

Amazon looks very old.

[@techycompute3636]

Redesign craigslist.

[@ken_bekov]

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

[@czerskip]

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

[@lakshya5946]

Facebook has worst We'd Design Ever

[@riteshkumarbehera3199]

First like

[@ivan_off]

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]

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

[@dgloria]

Omg I hate their ux! Not even the design! KZbin 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.

[@joullianandador660]

First

[@fj11ism]

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.

[@VantageVibesWorld]

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

[@Estaphet]

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?

[@paultal]

I think amazon is the worst

[@bharatswaroop5922]

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.

[@azazkapadiya6916]

Facebook Redesign is looking very great👍

[@afzalmahmud1974]

Improvement ok I am watching you what you do.