TOP 5 SATISFYING WEBSITES EVERY DESIGNER MUST VISIT: Unbelievable Web Design

⚡Join my exclusive newsletter for web designers:

You will get weekly tips, resources, challenged and more! 🔥

Join my private training platform for web designers:

🟪🟪🟪🟪🟪🟪🟪🟪🟪🟪

Featured Sites:




🟪🟪🟪🟪🟪🟪🟪🟪🟪🟪

CHAPTERS

0:00 Intro
0:29 Website 1
2:34 Website 2
4:17 Website 3
5:40 Website 4
6:32 Website 6
7:58 My tips on improving your web designs

TOP 5 SATISFYING WEBSITES EVERY DESIGNER MUST VISIT


[Music] I spent hours searching the web trying To find the most satisfying and Well-designed websites out there and so In this video I’m going to share with You my five favorites I’m going to show You what I love about them and then what You can take away from these sites to Improve your own designs so let’s get Into it so the first website that I want To talk about is called helloelva.com And I wanted to start with this website Because I feel like they take a really Simple design and then they added some Really awesome interactions and Animations that really bring this thing To life and this to me feels like it’s Really attainable especially with some Of the web design tools that are out There so you can see in the hero section We’ve got some movements some icons that Are replacing different letters as we Scroll you’re also going to see some Really fun hover effects and I’m going To show you what happens when we click This in just a minute as we scroll down There’s some great scroll effects like Taking this word and making it smaller As you scroll now you can see if I Scroll back up it’s going to make it Larger before it pops me up to the top Of the site But the one thing that I wanted to talk About are our case studies here this is

In a slider if you click it and drag you Can slide through these as you wish There are a couple little tricks that They’ve used here that give these images A little bit of a rubber effect you can See as I grab these and wiggle them back And forth they have like that rubber Feel to them and they kind of bend a Couple little things like this can Really take a website to the next level Everyone might not be able to pinpoint What it is that they like about it but It just feels new and fresh and Responsive and it gives you what you Want so as you scroll down they’ve got a Couple other hover effects with these Letters and at the very bottom I really Like this because as you scroll it’s Creating this smiley face and then it Starts to warp now as I was looking at This this reminded me of some of my old College courses where we were dealing With really basic shapes and playing With CSS you can see that it brings in Like a little half circle and then it Overlaps you’ve got your little eyes and Your outline Circle but again some Really simple things that they’ve Actually made look really really Professional now the only other thing That I want to cover on this is with This hover effect as you click on the Different case studies the image kind of Melts onto your page and I love that

Interaction I’m going to go back and do It one more time for you if I come down Here hover and click it kind of just Melts onto the page and so load Animations different things like that Are really going to take your site to The next level now the next side that I Want to cover is actually a page of Mba.com but you can tell that a lot of Thought went into the site and it’s a Utah Jazz site and being from Idaho all Growing up I actually spent a lot of Time going down to Jazz games but the Thing I really loved about this site is It does such a fantastic job of telling A story and it kept me engaged the Entire time and so as you scroll down What they’re doing is they’re Introducing kind of the the Rebrand or Bringing the old brand back and so They’re really kind of highlighting These old jerseys the basketball court Design different things but as you Scroll there are a lot of scroll Interaction here that are going to walk You through this story so they’re going To be popping up some old logos and T-shirts and as I scroll it’s going to Continue to pop up these really large Fonts and tell this story now in between These it’s going to pop up some Different images which again definitely Took me back to my childhood and they’re Also going to pop up some different

Videos and things like that like this One so as we continue to go down it’s Going to continue to take us through This story but the only other thing that I want to show you on this is if we Continue to go down they’ve got some Really great background videos that you Can click through that really showcase Some awesome videography And then if we go down a little bit Further past these images past the new Jerseys what I really loved is the way That they used to scroll animation to Pop up all of these old logos that feel Like stickers they’re kind of messy and If you scroll back you can see it kind Of slides them off the screen you can Actually go back and forth with your Scroll but little things like this are Totally doable in tools like webflow and They really add a fun element to your Website and make it a lot easier for you To tell a great story so the next one That I want to cover is by bonfire it is Unified.bonfire.com and there were a few Things that I really liked about this it Really has a digital feel especially Using these blocky fonts but again a lot Of really great scroll animations you Can see here that these different Elements are kind of sliding and moving It just gives a lot of depth to your Website the other thing I liked is their Use of gradients and little lines that

Pop up as you scroll down so we’re going To continue to go down they’ve got a Great tab element here with a slider They’ve got some more scroll animations But this was one of the things that I Really liked in terms of telling a story You can see that as I scroll it’s going To highlight the letters so this is me Scrolling up and back and so it’s Basically going to walk you through and Show you what you should be reading as You scroll and this is a really cool way To keep people’s attention and really Determine what it is that they’re Looking at at all times which really is A superpower when it comes to web design And development Now you can scroll through the rest of The site but again they’ve got some Really great slider elements and Everything just feels really clean as it Appears and as you scroll the one thing That I didn’t like about this site is These scroll animations were not as Smooth in Mobile and you’ll probably see That if you visit this site but overall It’s a really cool idea and I definitely Would recommend implementing some of These scroll animations and interactions In your designs now speaking of scroll Animations there are a lot of cool Things that you can do with things like Lottie files and you’re going to see That in this next website which is

Dashgo.com now this little line art it’s Super simple but it’s really custom and You can tell they spend a lot of time on This and as I scroll it’s actually that Line is actually going to follow me all The way down the screen so again if I Scroll back up it’s going to retract and If I scroll down it’s going to continue To follow me so as I go through it’s Going to pop up my headphones We’ve got some really nice imagery and Then here’s our line again following us Down Creating a laptop it’s outlining the Piano which this was my favorite part And again as I scroll back it’s going to Retract that line but as we continue to Go down it’s going to lead us all the Way to the bottom which is going to be Our main call to action now the last Site that I want to cover is Zooartshow.com and this one’s a really Quirky site it’s a really basic layout With some really complex interactions And the way that it switches between Pages but the thing I really loved was The different textures that it uses it’s Got these 3D animals that are kind of Switching and you can see that the Patterns and textures on these are Switching as you highlight and something About like this elephant with a cheetah Print was just really cool to me now if You click on one of these it’s going to

Pop up this page and you can see that Their logo is going to be using that Same texture or design and then it’s Going to take you through all of their Content they’ve got a lot of really cool Drag and hover in actions And again the coloring on these is just So incredible you can tell that they Spent a lot of time on these 3D Graphics Anytime you can do something like this That feels really custom to your site People can tell there’s a massive Difference between these and simple Stock footage or stock 3D imagery but if I click on some of these other Pages you Can see that their load animations are Awesome here we’ve got this 3D bull that Has kind of this pink design to it and I Just love everything that they’re doing Here you can tell that this is a Next Level designer and developer I’m sure There were big teams working on projects Like this but these can give you some Really great ideas of what can take your Site to the next level if you’re ever Looking at your site and thinking man It’s just really missing something I Would say first look at your imagery so Your images your videos your textures Maybe add a little noise to your Background different things like that Can really help you out but then at the End of the day these types of scroll Animations and interactions they do take

A lot of time but they definitely are Going to be worth it if you can do them Tastefully and make sure that it doesn’t Retract from the content and the focus Of your site but also engages people and Gives them a fun experience and truly That’s what it’s all about thanks for Watching if you enjoyed this video hit The like button down below and if you Want to catch my next videos be sure to Subscribe I’ve got new videos coming out Every single week on web design Marketing freelancing running a business All sorts of cool stuff so thanks again For your time and we’ll catch in the Next video Thank you

Ace The Funnel Builder
Curated by

Namaste~ My name is Ace and I found these contents SUPA~ Valuable! I apologize for the quality of the transcript... (In case you are curious I used YT EVO plugin to automatically pull these amazing contents) Enjoy!

Get Lifetime Access To Our Entire Library Of Funnel And Design Templates

For A Low One-Time Price – All Your Marketing Sorted, Forever!