I also do this when I need some inspiration in a certain niche 1) Search for "Best (x) agency in the world", "What is (x)", "Articles on (x)" ---> (x) refers to the niche topic Then I browsed through the first 3 pages of all the search results. By doing that I can have an actual look on the websites that the people of that niche are actually using. I know, that's a simple thing but it seems more practical to me. PS: Dribbble is now more towards "Concept" UI designs rather than problem solving. Now most of the designs look great but when it comes to conversion point the designs are not perfectly optimized. I am not saying dribbble is the worst, because I am also a pro member there. Just not happy with the current situation there
I can't thank you enough, this was unbelievably useful. You just solved a problem I was facing through the whole last month, all that time I was looking for websites design inspiration and every one I know told me to go to dribbble etc. I faced a problem, you solved it in way better than I could ever imagine. I'm deeply grateful, thanks again for your awesome content 😊
Yeah, dude most recommendations are only for behance and dribble. Some also suggested me the websites bro mentioned but no reason, like use them as alternative
Amazing take on dribble! The problem i had with awwwards is that these examples are also very influenced by webflow trends where UX is definitly not the goal. It seems to me that designers often forget who they design for since most sites can only be understood/navigated by designers and not by common internet users. :)
I've found so many of my favorite designers on Dribbble; I also love collecting professional wireframes / mockups for inspo (I'm in frontend web dev, but doing solo projects without UX/UI experience is ...oof) that being said, as a non-designer, this video helps me as well - my untrained eye might be implementing "bad" design unknowingly having the standards included by default makes my life A LOT easier, so thanks for sharing!
Bro accessibility is all I care about anymore design wise and why I refuse to use website builders any longer. It messes up everything from UX to SEO to security. Most start ups don't care but established businesses who want results do. "Real businesses"
Great video - I definitely think Dribbble is useful for getting a sense of what UI trends and potential solutions are. However, I wouldn't even think of using it to help solve UX problems. A lot of the designs are 'Daily' challenges, or just straight copy+paste layouts that are intended to look good, but don't perform in real-life scenarios.
Personally I've found some solutions to problems from dribbble whether they're mostly conceptual or not. It's my job to see how each idea works for a particular client. Thank you for the ones you put out, I'll definitely check them out, but I believe I'll keep using whatever inspires me and provides the best solution to my clients. At the end, they're the ones using it, I just have to make sure the right principles are applied, like spacing hierarchy e.t.c, so if it means correcting a design on dribbble, I'll do that
this was like this back then when dribbble and other sites aren't existing before, I was told by my fellow web designer that don't do websites or do a mockup a fake company for practice, if you want something a design that works for client or real world do the actual thing and stick to it. Back then I didn't like that advice, but fast forward that advice makes sense to you now ... but these websites that offers spaces for prototyping, test, ideas for the idea to "share" it what makes everything now beautiful and fluid.
I kinda get your argument. But only as far as usability is concrened. Because I remember the brief struggle that was flash websites. Where some designs were just so art-focused, casual visitors struggled to navigate them. If every website online decides to implement its own understanding of how to navigate their site, then we will just have usabilty chaos. But that said, I don't think all designers go to dribble with the intention of copy-pasting what is published there. I for one, tend to visit dribble to get new and not overly implemented color combination ideas. Small UI component designs like buttons and cards. Then I incorporate variations of those ideas in my projects. Anyway, I like your collection of sites. It's been a while since I visted awwwards, but the other sites look neat as well. Thanks for sharing
WOW!!! such an amazing video. really appreciate it that someone else gets my frustration; And thank you. Now, I have a way to solve the lack of references when designing.
I just started as a freelancer software engineer, so my UI/UX is so bad, i think that use Dribble is very useful because i can change from an useless board design to a aceptable/not so bad designs for my software.
Awwwards is great, however I do believe many of the projects there are massively experimental and often will not be UX friendly. Some examples would be: slow loading speeds, distracting animations etc.
only a small comment, I feel there is something lacking from awwwards, Lapa Ninja , godly is what I actually look for on Dribbble. I went to those websites suggested but lack to find some elements that were not a landing page, something more robust like a dashboard. Also we need to remember that some of us need to design according to the developer skills too, I cannot make a junior dev produce one of those awwwards website animations or how complex. This is why I go to behance and dribbble, to check what could be a good position for a table filter, what alternatives I can use to make a better settings page. When you are designing a product takes soo much research to be done.
damn thanks for suggesting these sites cuz I have heard that we should not take inspiration from dribble but know one suggested other resources! Subscribed!!
Oh yes, I also noticed that after creating a website that I designed myself! Weird, this also makes me think about how sensitive is web design as some minor changes can ruin or make the webpage brilliant and right.. that's only a thought that I may need to get confirmation on from some experienced people and learn more about
I was just thinking the same thing, but thought to myself what do I know. However, from real test designs that have a lot of moving parts do not convert. Animations increase bounce rate dramatically.
Ooh thank you! I was getting tired of not finding anything on dribbbl n Behance. Everything on there is just landing pages with basically the same layouts. Not much creativity
Finding design inspiration isn't learning design. If you don't have a good grasp of the design discipline, it doesn't matter that you get your inspiration from REAL sites or apps. You can look at designs all day but there's no guarantee that you'll get inspired.
Legend! Good to see you here. - You’re right! Lots of these awwwards sites have so much going on that it takes a while to load. It would be great if the sites loaded faster so users could experience them properly.
Awesome vid! What video editor do you use that you have yourself as a rectangle on the side? Did you do that manually or is it from a software? Thank you!
Can you please try and not show the mini video cam that's visible throughout ALL the video... i cant seem to be able to focus on the designs with a super hottie in the corner :(
Although I like your point about not using Dribbble or Behance for practical web design. When it comes to creating real-world projects that solve problems, Awwwards is NOT a site to look at. The majority of Awwwards sites are there because they use parallax, loco scroll, and big text. How many big brand companies use any of those techniques on their sites? Not many. Why do you think that is? Because they aren’t practical for the majority of users and aren’t responsive enough to convert effectively. Just because it’s a “real site” doesn’t mean it has solved problems either. Anyone can publish a website on the internet. Long story short, if you want to get inspiration, look at the top brands in the world and how their sites are built, then use a bit of creativity to come up with a new twist on what already works really well.
Well it depends what you’re looking for. If you want a b2b marketing landing page then sure look up examples of that. Theres nothing wrong in doing that :)
I have like "hunderts" of those websites for inspiration and I know that's counterproductive. How I deal with that, how much inspiration/ inspiration websites are too many?
Hi Arnau is there a site where I can get a UI design website the asset(images and other content). I would like to recreate them using Webflow Thank you
wow this video really helped a lot .. i never really noticed all these till i started comparing landbook and landingfolio designs to dribbble, the difference is tooo much 😂
Honestly, it doesn't make any sense to say that "dribbble is not useful because it's not a real-life example". Even if you copy "real-life" examples, doesn't mean it will work for you. Every business is different, have different targets, USPs, etc. There's no secret, you need to test. How do you know their site is converting well? You have no clue. We had tons of people complementing one of our landing pages, saying that "it converts a lot, you need to use this as inspiration", when it didn't at all... You show awwwards as a better alternative for example, most businesses showcased don't have a lot of revenue, conversion, growth, etc. IMO, they all are good for inspirations, for you to test with your business and iterate.
![BOWKYLION - วิงวอน (ex-change) [Official MV]](http://i.ytimg.com/vi/cLdnZWDaO-w/mqdefault.jpg)
Do you use any of these other sites?
Lapaninja, because you have mentioned it in your other videos. But the last 2 are actually awesome 😎
I technically used Behance as my portfolio site mostly and Upwork as my freelance (also inspiration sites)
Yes!! I use some of them.
@@rcpowder1578 What's your Upwork url? I'll love to see.
I use Awwwards. I love some of the award-winning websites they share.
I also do this when I need some inspiration in a certain niche
1) Search for "Best (x) agency in the world", "What is (x)", "Articles on (x)"
---> (x) refers to the niche topic
Then I browsed through the first 3 pages of all the search results. By doing that I can have an actual look on the websites that the people of that niche are actually using.
I know, that's a simple thing but it seems more practical to me.
PS: Dribbble is now more towards "Concept" UI designs rather than problem solving. Now most of the designs look great but when it comes to conversion point the designs are not perfectly optimized. I am not saying dribbble is the worst, because I am also a pro member there. Just not happy with the current situation there
I can't thank you enough, this was unbelievably useful.
You just solved a problem I was facing through the whole last month, all that time I was looking for websites design inspiration and every one I know told me to go to dribbble etc.
I faced a problem, you solved it in way better than I could ever imagine.
I'm deeply grateful, thanks again for your awesome content 😊
Yeah, dude most recommendations are only for behance and dribble. Some also suggested me the websites bro mentioned but no reason, like use them as alternative
Amazing take on dribble! The problem i had with awwwards is that these examples are also very influenced by webflow trends where UX is definitly not the goal. It seems to me that designers often forget who they design for since most sites can only be understood/navigated by designers and not by common internet users. :)
I've found so many of my favorite designers on Dribbble; I also love collecting professional wireframes / mockups for inspo (I'm in frontend web dev, but doing solo projects without UX/UI experience is ...oof)
that being said, as a non-designer, this video helps me as well - my untrained eye might be implementing "bad" design unknowingly
having the standards included by default makes my life A LOT easier, so thanks for sharing!
I mean I already kinda knew that you gonna mention these webs the moment I read the title because I’ve been there, so good job 👍🏿
Bro accessibility is all I care about anymore design wise and why I refuse to use website builders any longer. It messes up everything from UX to SEO to security. Most start ups don't care but established businesses who want results do. "Real businesses"
What's wrong with website builders?
whats wrong with website builder?
@@anilmee nothing unless you care about security control and dependency.
We build accessible sites with website builders.
@@AyDeeSandra Yes I believe it.
Great video - I definitely think Dribbble is useful for getting a sense of what UI trends and potential solutions are. However, I wouldn't even think of using it to help solve UX problems. A lot of the designs are 'Daily' challenges, or just straight copy+paste layouts that are intended to look good, but don't perform in real-life scenarios.
Personally I've found some solutions to problems from dribbble whether they're mostly conceptual or not. It's my job to see how each idea works for a particular client. Thank you for the ones you put out, I'll definitely check them out, but I believe I'll keep using whatever inspires me and provides the best solution to my clients. At the end, they're the ones using it, I just have to make sure the right principles are applied, like spacing hierarchy e.t.c, so if it means correcting a design on dribbble, I'll do that
I like your approach to problems. Truly understanding the clients needs is important.
this was like this back then when dribbble and other sites aren't existing before, I was told by my fellow web designer that don't do websites or do a mockup a fake company for practice, if you want something a design that works for client or real world do the actual thing and stick to it. Back then I didn't like that advice, but fast forward that advice makes sense to you now ...
but these websites that offers spaces for prototyping, test, ideas for the idea to "share" it what makes everything now beautiful and fluid.
I kinda get your argument. But only as far as usability is concrened. Because I remember the brief struggle that was flash websites. Where some designs were just so art-focused, casual visitors struggled to navigate them. If every website online decides to implement its own understanding of how to navigate their site, then we will just have usabilty chaos. But that said, I don't think all designers go to dribble with the intention of copy-pasting what is published there. I for one, tend to visit dribble to get new and not overly implemented color combination ideas. Small UI component designs like buttons and cards. Then I incorporate variations of those ideas in my projects. Anyway, I like your collection of sites. It's been a while since I visted awwwards, but the other sites look neat as well. Thanks for sharing
WOW!!! such an amazing video. really appreciate it that someone else gets my frustration; And thank you. Now, I have a way to solve the lack of references when designing.
I just started as a freelancer software engineer, so my UI/UX is so bad, i think that use Dribble is very useful because i can change from an useless board design to a aceptable/not so bad designs for my software.
Awwwards is great, however I do believe many of the projects there are massively experimental and often will not be UX friendly.
Some examples would be: slow loading speeds, distracting animations etc.
I agree I also notice that everything is repetitive on dribble. I was looking for UI design for class and couldn’t find anything different.
Wow, I’m so happy I found you. I really enjoyed all the information you share. Definitely very good details. Thanks handsome.
Thanks for wayching!
Yes sir learning a lot I’m still watching all your videos
only a small comment, I feel there is something lacking from awwwards, Lapa Ninja , godly is what I actually look for on Dribbble. I went to those websites suggested but lack to find some elements that were not a landing page, something more robust like a dashboard. Also we need to remember that some of us need to design according to the developer skills too, I cannot make a junior dev produce one of those awwwards website animations or how complex. This is why I go to behance and dribbble, to check what could be a good position for a table filter, what alternatives I can use to make a better settings page.
When you are designing a product takes soo much research to be done.
Dribble and behance is not just ui/ux inspiration websites. I liked all the options you showed but all are limited to web & app design in general.
damn thanks for suggesting these sites cuz I have heard that we should not take inspiration from dribble but know one suggested other resources!
Subscribed!!
great information... I always wondered why the designs do not look great after the coding!
Oh yes, I also noticed that after creating a website that I designed myself! Weird, this also makes me think about how sensitive is web design as some minor changes can ruin or make the webpage brilliant and right.. that's only a thought that I may need to get confirmation on from some experienced people and learn more about
The most helpful video that I saw in the last couple months !!
Thank you.
Glad to hear that!
UI Sources is by Abnux (Abhinav Chikara) Who also has a TH-cam channel. He started off alone, now he might have a team I’m not sure
I'm glad you made this video.
And yeah, most designs on Dribbble are so not practical.
Thanks. 👍
This is an absolute gem of a video!! Thanks for this.
Glad it was helpful!
I was just thinking the same thing, but thought to myself what do I know. However, from real test designs that have a lot of moving parts do not convert. Animations increase bounce rate dramatically.
Remember, this video made me subscribe to your channel and follow you. Appreciate your research for this content.
This video was so informative and helpful! Thanks for sharing :)
Really amazing stuff brother. All of the sites are very useful. Thanks!
my man is producing bomb content day by day, 100k subs soon.
Really appreciate you! Thanks for watching
Good Job Ros!
You deserve more followers bro
Your efforts surely gonna pay off man
🙌
Thank you my friend!!!
Same thoughtss
Great sites, love what you share. Very straightforward and nice delivery 😊. So helpful, thanks a lot.. liked & subscribed ❤
Awesome, thank you!
Ooh thank you! I was getting tired of not finding anything on dribbbl n Behance. Everything on there is just landing pages with basically the same layouts. Not much creativity
this is an amazing video my friend, you gained a subscriber.
Thankful for your channel brother!
Finding design inspiration isn't learning design. If you don't have a good grasp of the design discipline, it doesn't matter that you get your inspiration from REAL sites or apps. You can look at designs all day but there's no guarantee that you'll get inspired.
Thank you!! This is really eye opening!!
Thanks so much, I've been always struggling with inspiration.
Happy to help!
Life-saver Arnau!!! Thanks a lot.
Glad this content helps!
Good video, but Awwwards -- seems like the majority of submissions have a 3 to 5 second loading screen. Instant buzzkill.
Legend! Good to see you here. - You’re right! Lots of these awwwards sites have so much going on that it takes a while to load. It would be great if the sites loaded faster so users could experience them properly.
Awesome vid! What video editor do you use that you have yourself as a rectangle on the side? Did you do that manually or is it from a software? Thank you!
Premiere pro!
you talked about only webpage inspiration, what about other things like font, icons, illustrations etc.
take a look at other videos on my channel! I've covered these as well :)
Really awesome video!!
I love the way you think. you just gained a new subscriber.
Thanks Jakseen welcome aboard :)
really nice one man. Thanks!
Can you please try and not show the mini video cam that's visible throughout ALL the video... i cant seem to be able to focus on the designs with a super hottie in the corner :(
Such an amazing video
You broke everything down
I'm screwed. I thought the first website you showed looked fine. 🤣 Where are the hierarchy problems? Although I do see some top padding issues.
This is amazing! Thank you for sharing
great video, very valuable!
Glad to hear it!
Most of these inspirations are just landing pages, the feature search on ui garage is nice but as you've said, the designs there are not very pretty
Outstanding! Thanks for creating this.
Glad you enjoyed it!
These websites have become Sci-Fi,they post designs that are not possible to create and they just look like color book
Thanks for the great info!
This video helped me alot. Thanks.
Thank u boss, I have been looking for some inspirations sites other than dribbble and behance........Awesome resource....
Great content. Thanks for sharing.
thank you! very useful information and definetely makes sense
Glad you think so!
Although I like your point about not using Dribbble or Behance for practical web design. When it comes to creating real-world projects that solve problems, Awwwards is NOT a site to look at. The majority of Awwwards sites are there because they use parallax, loco scroll, and big text. How many big brand companies use any of those techniques on their sites? Not many. Why do you think that is? Because they aren’t practical for the majority of users and aren’t responsive enough to convert effectively. Just because it’s a “real site” doesn’t mean it has solved problems either. Anyone can publish a website on the internet.
Long story short, if you want to get inspiration, look at the top brands in the world and how their sites are built, then use a bit of creativity to come up with a new twist on what already works really well.
Well it depends what you’re looking for. If you want a b2b marketing landing page then sure look up examples of that. Theres nothing wrong in doing that :)
Great work bro. How about we get the list of these sites. So we can store in our notes or something.
Just added to description :)
Could not agree more. Dribbble is trying to be the leader of inspiration, but they have lost the plot!
I have like "hunderts" of those websites for inspiration and I know that's counterproductive. How I deal with that, how much inspiration/ inspiration websites are too many?
Hi Arnau is there a site where I can get a UI design website the asset(images and other content). I would like to recreate them using Webflow
Thank you
Not that I know of!
Do you have any references to search for dashboard UI design inspiration?
That’s very useful! Thanks😃
Glad it was helpful!
Thanks been looking for something like for a while
can anybody tell me what the proper padding, the proper hierarchy and the proper contrast are?
Hey, happy to help here I have a layout basics video that should help you with padding and everything like that
Do you have another alternative for mobile apps asides from the ones you mentioned?
Not at the minute, mobile apps are not my expertise :)
Great video! Keep it real lol!
thats the point!
Thank you, this is super helpful!
Glad it was helpful!
thank you. i really needed that
Awesome! Glad it helped
This is awesome. Thank you.
Glad it was helpful!
How are they as far as hosting a portfolio goes?
for hosting work dribbble is great!
@@ArnauRos Thanks.
what is the font that you used on slides?
Pangram mori :)
Keep on doin what u doin
Cool!❤
Glad you liked it!
this helped alot
But who use Dribbble?
great man, Thanks
I love your videos
Thanks!
this video helps a lot, thanks
Glad to hear it!
totally agree bro!
bro is yapping 💀
Sweet vid tnx
wow this video really helped a lot .. i never really noticed all these till i started comparing landbook and landingfolio designs to dribbble, the difference is tooo much 😂
thanks so much man
What typeface was used at 0:30
Pangram's Mori. You can get this font in their starter pack. Use code ARNAUROS20 to get 20% off. pangrampangram.com/products/fsp
Love it!
Great video
Thanks for the visit!
very useful
Glad to hear that
Thank you
legend
the creative/associative hemisphere doesnt care if it’s industry standard or not. lol. GATHER, INTERPRET, SYNTHESIZE.
The creative industry doesn't care if a design meets standards of accessibility?
True
thanks
Loving uigarage! thanks
Great to hear!
Dribbble has worsen since anyone can start posting shots by paying for "pro" features. I stopped using Dribbble since that happened.
Honestly, it doesn't make any sense to say that "dribbble is not useful because it's not a real-life example". Even if you copy "real-life" examples, doesn't mean it will work for you. Every business is different, have different targets, USPs, etc. There's no secret, you need to test. How do you know their site is converting well? You have no clue. We had tons of people complementing one of our landing pages, saying that "it converts a lot, you need to use this as inspiration", when it didn't at all... You show awwwards as a better alternative for example, most businesses showcased don't have a lot of revenue, conversion, growth, etc. IMO, they all are good for inspirations, for you to test with your business and iterate.
Bro please update your chrome 😃
Awwwards doesn't have such a nice UX, and websites are so aprstract...
They’re quite abstract most of the time!