I Redesigned Popular Websites (Rotten Tomatoes & Craigslist)

[@hnm9382]

I love the way you simplify the ux, my only complaint is when you simplify that much, you seem to also lose a lot of color. Most things become bland and uniform having an overall google vibe to it. Although google has great ux designers, applying their design to everything else makes it feel corporate and lifeless. I think you need to add more color and use the websites color palette a little more effectively trying your best to add in a little more detail even if it doesn't have a purpose.

[@LoranMaes]

I understand how you feel, but I think it's a personal/team choice. I personally really like these simplistic (how you call it: Google) designs :) UI/UX is never an exact science though :)

[@NickPapSKG]

I kinda agree, but I don't see a problem with it. I feel that these kinds of design make an app (or website) look more professional and serious, which is what I personally like and makes me feel secure and sure when entering an app. Also, this is probably the safest way to do a redesign, since adding even a little more color than he already did can veary easily make the whole thing look bad, so it's really hard to balance out more than 2 or 3 colors.

[@HawkFest]

He's actually using a WYSIWYG to do this, and has fun posting his take of other Websites on KZbin. Hence those evidences you mention. They're due to the limitations of the tool itself, _and_ a personal taste which doesn't necessarily follow guidelines from experienced professionals well aware of other factors than mere looks: ergonomics and the ability to create "behavioral retention" along client's specific color/design chart and content... ONE example : most of his "corrections" involve dark UI/Background, which is the worst for any Website offering more than mere images or pictures (reading clear text on dark background, like white on black, strains the eyes as it has harmful and chronic effects in the long run) ; nobody creates an eCommerce catalog with dark background, for a good reason (unless it'd be for trading visual Art, but not those pages having forms to fill or text to read like policies, warranties etc.) : they don't want their potential clients to leave too soon, nor to cripple their comfort/user experience by potentially straining their eyes... In short, don't be fooled by con artists ;-)

[@nafizahmmed3892]

(Less color && whitespace) === awesome design

[@diniscrispim]

@@HawkFest Do you know what WYSIWYG software he may use? i would also like to try and create something

[@TheMultiGamerOfficial]

"I don't like the red background" Removes it SECONDS LATER "Now, it feels too boring" Puts a bit of red back in.

[@D.S69]

Hahaha

[@jespertill]

Damn. I just fell into a completely KZbin rabbit hole with these videos - its just great to see you simplify websites that much and get these stunning results! Cheers

[@Razax7]

Dude I'm a UI/UX designer and this is really well done. Never stop making these videos. You're really putting out valuable content. Keep going! 💪

[@theMadZakuPilot]

this's just amazing. I really hope you make it big.

[@joshuahammerii7329]

As someone who went to school for application development but now works primarily in backend systems administration, this really rekindled that joy I used to have back when I would build and design stuff back in school. Think I may reinstall a text editor on my personal machine and start creating again. Awesome video!

[@thechaoticz]

I am a web designer myself and you already inspired me! Awesome work dude, you make it really easy to follow your thought process step by step.

[@bythagoras]

I’ve discovered your videos hours ago and can’t stop watching since then. The way you way you describe your thinking process and the final results are amazing and inspiring. I should be upset, given it’s 4 in the morning in my area and your videos are preventing me from sleeping. But I wanted to say you gained a subscriber and as a developer, an admirer!

[@dinnerwithdan5356]

Criminally under-viewed channel, you're about to explode! Thanks for such high quality content.

[@Careb-Ree]

Actually crazy, Front end developers are so underrated and the skill is deceivingly complex. Love this

[@krishcshah]

I just realised how much I love your content and yet forgot to appreciate your efforts in the comments. Keep up the good work! Love your style and simplicity of videos. ❤️

[@Hyperplexed]

Thank you so much for the kind words!

[@GumSkyloard]

@@Hyperplexed could you please stop oversimplifying everything and sucking the soul out of websites, mate?

[@nogoodgod4915]

You are definitively the most underrated web dev channel out there. Phenomenal work! I love how good you made the craigslist one look, you should do more of these types of videos. And also, how did you change the designs? Did you use html/css or something like figma?

[@Hyperplexed]

Thanks so much! Yeah so I just use html and css to redesign them from scratch and then when Im editing the videos Im actually overlaying screenshots on top of each other haha probably a more efficient way to do it 😆.

[@nogoodgod4915]

@@Hyperplexed It looks really smooth and satisfying! As a side question, may I ask why don't you try and make more attention grabbing titles? Like for example "I IMPROVED the design of these famous websites! Here is how!" Or somethig like that? I'm no expert at this but the current title isn't as attention grabbing. Your contet is amazing and I would love for you to get the attention you deserve!

[@Hyperplexed]

Great point! I went back and forth so many times on the title/thumbnail and you're right, they didn't end up in a very good spot haha. I went ahead and updated them, hopefully a bit better now 😄

[@EditingOnPluto]

do you have any other dev channels you can recommend?

[@nogoodgod4915]

@@EditingOnPluto Fireship is pretty cool.

[@skizzy.mp4]

this is probably my favourite channel on all of youtube. keep up the good work

[@HuntingKingYT]

4:26 There is a way to fix this in css: body { height: calc(100% - env(safe-area-inset-bottom)); }

[@kylechurch1211]

Your channel is exactly what I need. Your quality is that of a much larger channel and I immediately subbed. Please stick with it I have no doubt you’ll be up there with the other great tech channels in not time.

[@budgetarms]

Yes

[@kevinfrom7622]

Just the fact that you managed to make Craigslist, out of all websites ever made, usable blows my mind!

[@victorchabot6191]

So I'm not a frontend developer but I work for a consumer app and we often ab test different stuff like that. Amazing video keep up the good work!

[@lizter.]

I just found your channel and I love your app redesigns. I hope you do more and consider doing website redesigns.

[@kapitankapital6580]

I know you say you don't enjoy it but I'd love to see something on more creative (and perhaps effective) ad placement. Most websites either have very obnoxious or out of the way ads. One of the better ones might be Crunchyroll where their ads make up the background that their menus go over, so it's always on screen but never messing with the flow of the website through annoying popups

[@aldwiputraa]

Your channel is an absolute gem for us self-taught web dev who has nobody as a mentor. Thanks for doing this, man!

[@leonbellenger1343]

Amazing video! I started studying hmtl and css around a month ago, and your channel is my greatest source of inspiration.

[@valkryxdoesdesign]

I absolutely love your videos! The website redesign shorts inspired me to start learning web development, that was a year ago now, and now I do web design all the time. Thank you for the content!

[@jaideepshekhar4621]

Oh my god you're AWESOME! You really took me back to my 10th class days where I was obsessed with designing websites. Infact, you've inspired me to restart designing. Here's a sub and a like AND a share!

[@arthusLawitBeta]

Dude, I just land here, and I'm in love with your channel. Keep up the awesome work, you just inspired me a lot!

[@thesimonger]

If I'd be a big company which does have such kind of app/website, I'd hire you immediately!!!

[@Bryan_1244]

I can't thank you enough for re-igniting my love for CSS and design. Props!. Keep up the good work.

[@XER0GRAVITY]

Great way of making front end development approachable for people curious about the field! You earned yourself a subscriber

[@jordanr889]

btw the padding on the bottom of the navbar is part of the safe area for iphones. it's to ensure page content doesn't get in the way when using the home gestures, but i think it's more relevant in native apps which are fullscreen. keep up the great video's man. definitely inspiring!

[@alemwabangozukum2803]

Why is this so satisfying?!!!!

[@rflx3608]

This is probably one of the most relatable application of constructive criticism by then applying better UI while also considering the UX

[@XKubasXx]

I'm new in frontend designing, but your videos, that content makes me so inspirited, awesome job dude - can't wait for more

[@eduardog3000]

Removing Account from the navbar is horrible, especially after every app has stuffed *all* settings into it. I always have trouble with apps that do that. So leave the tab in the navbar but change it to Settings, have Account as the first option on the settings page (see iOS Settings app), and probably leave the account icon out of the search bar because it's not important enough to warrant such prominent positioning. Aside from that the navbar was fine, besides the seemingly obligatory "push our new thing" tab (RT Podcast) that apps seem to like having. 5 tabs is perfectly fine though. The tomato with "RT" in it is much better than a generic tomato glyph, so keep that and use it in at the top too. The red left and right border is kind of weird and would be better off just making the whole border red. Probably move the logo out of the search bar as it's presumably a "home" button and not related to search. 3:14 Absolutely not, this is one of the worst trends in modern software design. A submenu like that should not fill up the whole screen if it doesn't have to. And if it does it needs to be a separate page with a back button rather than a pop-up/modal with an X button. A small dropdown (what SwiftUI calls "menu" for some reason) is much better here. Have section headers within the dropdown bold and unselectable (see HTML's tag for the concept). Add a check icon to indicate which options are selected. And don't collapse the dropdown every time an option is selected like some libraries do. Collapse when the user clicks/taps away.

[@jaideepshekhar4621]

Why? What's wrong with it?

[@swagcreated9147]

that speech is ALL of us, through you. you are awesome for that.

[@gime1945]

This is definitely one of my favorite channels to have recently discovered .

[@imcasey]

okay this is epic

[@oamioxmocliox8082]

;)

[@Imadethishandlesonoonefindsme]

Yes 100% agreed

[@kentozapater8972]

Hello fellow genderless human :)

[@nickyocom1699]

@@kentozapater8972 wut

[@ArmadilloJohn]

Sounds like a jacksfilms quote

[@Bebs_]

I really like the price cut-out for the Craigslist redesign! Really neat and tidy.

[@David-qf7zl]

As a dev, I need more of this content to understand UX and UI. Plz do more

[@eiennofantasy]

As a UX designer this channel is good and bad at the same time. He's taking elements from inspirations which is good, but he's lacking the amount of analysis of understanding why the UI was designed in its way (UX). For example, the listing card on Craigslist was made to look nicer but removed the feature to swipe left/right to see the next image making the user to click on the ad instead of just browsing. Instead he redesigned to a card he finds to look pretty and flashy. He should've used a design similar to Instagram instead, which allows him a possibility to further add a share icon for users to quickly share the listing if it catches their eye in the initial browsing.

[@robenzos]

That intro speech was something really inspiring i have to say. Keep up the work.

[@orbb3958]

Channel is relatively new but I'm just wondering how it has never taken off yet with how great the quality of videos are aside from the knowledge you are sharing.

[@alishabani9136]

It's always satisfying to watch modernizing the old stuffs.

[@kushagrakukreja9722]

God damn.. Just found out this channel. Need more of your reviews of such sites. Amazing work

[@hannahp642]

For anybody wondering what font they're using, I'm pretty certain it's "Rubik". (It's on Google Fonts for free.)

[@kaedenmurphy9937]

Wow, you have an absolute gem of a KZbin channel. Keep up the awesome content!

[@salinamu]

i love feeling inspired by YOU 😄Thank you for your engaging and informative videos!

[@glydstudios5632]

It's funny. I use your work as inspiration for designs every day.

[@Anth-ony]

That Craigslist redesign is *chefs kiss*

[@teatimecoding]

Love the way you explain each and every part and new design

[@flwi]

Wow, what a difference! Great job both designing and especially explaining your thought process!

[@poncardas]

This is insanely beautiful! Please make more of these videos!!!

[@randomperson-kv5nx]

Seems pretty cool, however it seems you remove a decent amount of website styles while making them better. For instance the rotten tomatoes search bar ended up over simplified which removes some of the character. Completely agree with the movies tabs that could cause confusion. The steam video also seemed to remove a ton of character from the website and probably needs a careful upgrade.

[@mprasanth18]

Underrated channel. Hopefully you will get a million sub with in the next year.

[@HuntingKingYT]

Skillshare was probably waiting to be sponsored the entire intro

[@w7vno]

I swear whenever i watch this guy's videos i randomly sit and start designing a website for no reason

[@Shortie_Lex]

Bro you're underated, i found you through shorts and I don't regret clicking the link! I love how you redesign sites just for fun, I hope you'll grow more as time goes on. First video I see from you, and differently not the last! You got yourself a loyal new subscriber! Love to you! 🔥 🔥 🔥

[@benisaufyoutube8053]

this was nice, would love to see more of this stuff c:

[@parsonsmarcus]

You are inspiring yourself, Hyperplexed! Excellent content!! 😊

[@fab1o978]

Craigslist looks like coming directly from 1990s. Your restyling is 1 century ahead! Well done!

[@Cre8ive-Media]

This is amazing. Please continue more of these series and playlist them. Keep up with the great vids. Subscribed!

[@CannabearArt]

New here, your content are amazing! Super helpful stuff thank you! Channel so underrated!👌

[@deisterrider9889]

Just a short and the first minute of this video made me subscribe to you. I like the way you think and communicate your knowledge.

[@StefanoKocka]

4:15 thats why they came up with the new viewport units (like dvh) because of the adres bar messing things up. Quote from caniuse: "Viewport units similar to vw and vh that are based on shown or hidden browser UI states to address shortcomings of the original units."

[@ginger-viking]

Wow great style of video - agree that you're incredibly underrated at the moment

[@imaperson1060]

I've always found it hilarious how Steam is a multibillion dollar company and their UI looks like it hasn't been updated in years.

[@HeitorYT]

I like how Material Design 3 has very similar elements that you used to redesign the website/app.

[@XiphosCreates]

I love how you explain your process every step of the way, I found it inspiring so I think you've accomplished your goal. Very glad KZbin decided to recommend this video!

[@nickyocom1699]

Something so calming about this I love it

[@mrtoastyman07]

The CL update looks great, but I feel like something about CL's vibe is lost - it's cl because of it's outdated UI - the update it makes it feel way more generic, it would be cool to update it in a way that preserves some of its antiquated charm/distinctiveness while improving the ux in some way.

[@FizzleFX]

Those designs are stuck in the past, its so wild to see em nicely done

[@adamjones1951]

These videos crack me up and inspire me to be a better designer, thank you!

[@Hutututu]

MAN I LOVE THESE REDESIGN VIDEOS!!!!!!

[@ericfoster5267]

The Craigslist redesign was my favorite -- lots of nifty UI things happening

[@ThunderDraws]

your channel is absolutely amazing, it inspires me to try doing some front end more seriously - so far it was quite the pain to try to figure out how to do things in html / css but I feel I could "borrow" some things from your approach from the other videos - seemed to make lots of sense!

[@sovuchkin5093]

I liked the Craigslist design a lot! Just 2 suggestions though. First of all I do think that the original Craigslist logo looks better and is really a part of their company, so I think that part is best left unchanged. One more thing is that I feel like there is not enough padding between the tags/filters area and the search results. Other than that your redesign is pretty epic.

[@juliensimiand]

Simply got obsessed with this channel today

[@sulemanmughal5397]

Brilliant... I have always wanted to improve low-end website designs

[@skurtlil1104]

you inspire me. I just find out your channel. And i currently am training to become a webdesigner. and my carrer is small but anything.. and i mean anything that can get me to understand is like gold. you truely have inspired me today!

[@hugosa3562]

Redesigning the Craigslist website feels like tearing down the Barbican

[@hypercodedOld]

just discovered this channel, you make absolutely great content! keep it up!

[@viktorsheep]

Need more of these redesign videos!

[@idov.z.9244]

I love this video concept both in this longer video and on shorts. Keep making more please🙏

[@M4RTIST]

Someone hire this man to create your websites

[@DavidReyes-fw2mq]

He has such a nice taste for UI/UX. New sub! :D

[@rocketleaguel]

You should make a website to show us how it is done!

[@airspeed_alive]

I adore your designs, just discovered you 👋👋 and watched 4 vids in succession!

[@paulyandnukhas]

This video is ace, one suggestion is the alignment on the Heart button’s alignment. Imho, it should align with the post’s title.

[@kiyoshi_the_devil]

That is basically what I do most of the time. Before I start creating stuff, I look through Google an type in some classic keywords and scroll through until I see something where my mind goes "yeah, something like that would look nice"

[@mikethe223]

Yeah... You inspired me to redesign websites, thank you!

[@carson365]

In theory (especially for Craigslist) you could totally upload these as usable apps! I would love to use them

[@gingerbread101]

At the start and end of the video it rlly sounded like you were gonna do a skillshare sponser lol. Great video and great designs!

[@embedyt]

normally i think that redesigning some sites arent needed (like the wikipedia one) but i would kill for the craigslist one considering any time ive been there idk how to use it

[@maherylala2153]

You really nailed these one

[@fumikato]

this is really fun to watch you should do more

[@Shaheer-xs5os]

You made these websites sooo beautiful. loved it 💜

[@SBimon155]

Absolutely fell in love with your content, keep up the good work!

[@momomon7662]

Please make more full length redesign videos like this!!!

[@MrInsanepotato]

Dude I love your videos man. Keep it up, you are doing great!

[@oskarwallin8715]

Oooh this is gonna blow up! Awesome Content

[@gwoonryan8665]

I just discovered your channel and already love it so much! The designs are amazing! Keep up the good work!

[@GawblyOG]

absolute legend, very chill and inspiring videos man keep it up

[@chrizzzly_hh]

Really like your redesign - great job! :) to give you some more inspiration and useful hints: don’t forget Form follows function - and nowadays - content follows SEO. Changing a redundant headline is great - but as far as it comes to faster crawler.. human readability - the redundancy will help. Not talking about long time users or logged in users. Just to give you some insights that you’ll have to separate both use cases :) nevertheless - great job!