TOP 5 WEBSITES EVERY WEB DESIGNER SHOULD VISIT: Mind-blowing web design

[Music] [Applause] on today's episode i'm going to show you some really beautiful amazingly an inspiring website and not only that i'm going to show you why i love them so much and hopefully give you insights that you can use on your next web design project it's gonna be crazy let's rock and roll [Music] all right so let's dive deep into the first website this is a website called rouserlab and as you can see when we're loading it there's kind of a bubble here that floats around and actually you can interact with it and you can see when we're scrolling uh not sorry to burst your bubble so let me scroll down first and give you the experience they're talking about making things that make you think and change is going to happen so obviously there's something here with social change with you on our side we'll all will be even louder and as you can see when we're scrolling down the bubble kind of gets bigger and bigger and at some point it says list burst the bubble and you can see that the bubble is burst actually when coming down here so there's actually a bursting experience here so besides the fact that it's cool and let's burst the bubble again here it's bursting here bam so not only is this really visual cool and really kind of a cool experience to interact with and it's very very playful what i really love about this beside that it's beautifully done is that they're using this gimmick a lot of a website used these kind of effects just to make something look cool but here they're using it to send a message right the whole message is here is bursting the bubble and they're using the bubble as kind of the visual element but the point here is that they're using this to send a message of you need to step out of your bubble so i think this is a really great way to use these kind of interactive playful things and cool javascript effect hovering over your text and everything but to send a message which i think is really really cool i do think it's kind of weird how they put the sign up form here on the side i'm not sure i would do it this way but um it is pretty cool you can see that it was designed by ed which is an agency i guess from from australia by the url so great job ed what i really love about ed this agency is we build the best brands and websites just ask our moms and then you click here and you get testimonials from their moms which i think is just hilarious so congrats ed really nice job on the rouser website all right next website is the greta the year of greta maybe you have seen this and you probably know greta who is this young child who is kind of advocating for environmental change and everything and in a way this website is basically you scroll through a timeline of her basically history and you can see that you're going back here um and you can see the mount months changing and at any point you can just stop and watch some video of her and so basically basically this website is a timeline website and i think we've seen along the way a lot of timeline websites but they kind of use this 3d scrolling down kind of feeling like you're going through a tunnel here with these videos coming from the bottom which i think is a really cool experience and a cruel scrolling experience kind of use of a 3d um i don't remember what they call this technology of where you can kind of live live render the 3d elements but i think it's done pretty cool and this website was done by superhero cheesecake which is an agency i think they're they're from amsterdam but i'm not really sure yeah they are from amsterdam amsterdam i have some good designers so congrats superhero cheesecake really nice work on the greta side next website that i really really loved is this p-link which is a website that uses 3d now i i love the use of 3d and i use it myself and you can see that it kind of gives you this kind of a quick video that really supposed to show you that payments become really really fast like a spaceship spaceship so they're using this metaphor and combining it with money which i really like so this is this is really cool and they use this 3d in a playful way together with other kind of interactive as you see the these things pop up here and they're also yeah so again i really like how they're using this metaphor of 3d but also here when they're talking about scanning so they gave you this kind of a scanning experience where you're actually going and looking for this qr code now again i think that we have seen this kind of a mouse hover with you know invert thing we've seen this effect so many times and it's usually just used for coolness but here they actually made this meaningful because you can scan and you go they created kind of a game for you to look for this qr code which i think is really nice i really love the art direction of this so when they're talking about all payment methods they kind of rearrange this in a rainbow type of thing kind of created the gradient of color i think this is a really smart way to showcase the information so there's a lot of attention to the details here which i really really like about this this website was designed by authen another agency in amsterdam which is pretty weird they're usually working in fashion fashion and tech and lifestyle i don't really understand how that's a niche but obviously super great work awesome amsterdam so congrats on your work next website that i really really love is this website by 5s content and let's see what happens so it takes seven seconds to make an impression we do it in five and that's kind of the meaning of their name five seconds content so first of all i really like their message and i really like how this builds up and i don't know if you've noticed but when i reloaded this actually the colors of the website change every time you load it so now it's actually the same color but i think there is a random color palette so now it's going to be a different color you see which i like so first of all i like the message and i like how this builds out and they're showing their show reel here but what i really like when you start scrolling into this website there's a lot of layering here so notice first it comes kind of behind the text and then it goes over the text and these kind of a layering now these this comes up on top of the text and now project that makes us blush now this stays and we go over it i really love how people use layering in web design to create kind of depth and to create kind of a sense that there's a lot of things that going on here so it's not just one thing scroll there's multiple things scrolling in different times it's kind of a i think a more elaborate and innovative way to do parallax which is kind of maybe boring these days we've seen this enough but this i think is really really well done um so i really like the way that they've structured it also with you know the way that they've changed their colors everything changes dynamically every time that you reload the website i really like this and again i super like the me oh i didn't notice that when you click it oh i was thought that it was on reload but actually when you click the website it changes color so that's even more awesome than i thought and it's so nice that they used everything is vector so they can change the color of everything using the code on a click more mind blowing that i actually thought great work 5s content and the last website that i really like this month is the website of amanda braga which is a fashion designer from brazil so no when you're just exploring here on the hero section you get a flash of really cool things that she's doing but it's kind of just like a teaser you can't really look in-depth they're just teasing you to dive deeper into the website they're showing you kind of the jewelry really fast and then the images drops and then you start scrolling down and basically this is a very textual website so amanda is a brazilian fashion designer and when you scroll down first of all you have this kind of a cool effect that brings in the text but at the end of the day this is mostly mostly text um but i think that our direction here is really nice the way that they use the colors is really kind of like design oriented from the 50s kind of feel to it you know the color scheme the the kind of geometric shapes to it so again notice how you can take a very very minimalistic typographic website but by just using very good type setting and good composition of images and good color scheme you can make a really really beautiful website that again is very very simple most of it is just a story written by text but i think this is really really fun to read through and really really great experience for a jewelry designer personal brand especially how they intrigue you to get in there and then capture you with the text this website was designed by cappin an agency i think from miami so congrats on your work captain this is it those were my favorite websites of this month's march 2020 drop in a comment what's your favorite website of this month do you like this format do you like to see the website that i like best in seeing kind of like inspiring web design let me know what you thought about this format in the comments and i'll see you on the next video you

Channel: Flux Academy

Views: 1,906,547

Keywords: become a graphic designer 2020, freelance web designer, graphic designer job, ran segall, web design, web design business 2020, web design freelance, web design freelancer, web designer career, web design 2020, web design inspiration 2020, flux academy, top 5 websites every graphic designer should visit, top 5 websites every web designer should visit, best online graphic design websites, best websites to learn graphic design, web design best practices 2020

Id: AmHEfTSBXiY

Length: 10min 9sec (609 seconds)

Published: Wed Mar 18 2020