How to Win 'Site of the Day' on Awwwards :|

-- Today, we're going to take a deep dive into understanding the formula that will make you most likely to receive an Awwward. It's rather simple, and there's just a few key practices (even if they're not best practices) that will lead you down the path of Awwwards success!

0:00 - Introduction
0:51 - Example 1
2:17 - Example 2
2:56 - Example 3
3:30 - Example 4
4:15 - Example 5
5:08 - Example 6
5:50 - Final Thoughts

#awwwards #uiux #patterns

- - - - - - - - - - - - - - - - - - - - - -

Subscribe for NEW VIDEOS!

^-Chat with me and others

- - - - - - - - - - - - - - - - - - - - - -

Come to my discord server or add me on social media and say Hi!

[DesignCourse]

So, what are the prerequisites? I'll star.. Locomotive scroll, large type, next?

[vm-dev]

My take on this:
In short, Awwwards is a "from designers for designers" type of site - presenting products that are trendy, cool, full of emotions, interactions and innovation. But most of the time those websites aren't as usable as people would like them to be, or accessible as they should be (low contrast, over-animated, keyboard-only usage etc.). Of course, it doesn't mean that these trendy websites can't be like that, point is as I said - Awwwards is mostly area where designers/developers try to amaze other designers/developers. You don't easily find there a really "simple, clean, kinda boring" site, that is visited and used by thousands of (returning) people on daily basis.

[Joel-B]

4:09 "And we'll just skip this one..."

[agnisaha]

I'm a frequent visitor of AWWWARDS and to be fair, I have learnt a great deal from it. Big fonts emphasizes on the importance of tagline. Cursor effects creates interactivity and subtle hidden animations, different scrolling also creates a unique vibe to the website.

One thing is true that you said, is that many sites lag on loading. But the point of awwwards is to encourage innovations in design and there's a limit with what you can do by just following the rules of UX. Just watch the monthly awards and you'll see how different they are and how difficult they are to create.

The thing that you said that most of the sites are similar is actually very wrong and highly offensive to the designers. Try to replicate one site and you'll understand what lies underneath all those "formula"...

[adamoda]

Some of the comments sound bitter here. Every website has its audience and purposes. If you don’t like fancy animated websites, don’t go to Awwwards… just simple as that.
Why complain about something that is not for you?

[doenaldjonathan]

Always felt like websites on Awwwards are like most dribbble shots, they pass the eye test, but poor UX.

[Pouncedd]

Just small thing about adding smooth scroll/custom scroll/locomotive scroll (or however you want to call it). On some of the websites, when you want to use webgl libraries and sync the scroll positions with no jittering/shaking of elements - then you're kind of forced to use some custom scroll

[Lipiec-hifd]

Thank you for that. Could you review more web pages like that? You are reviewing mostly web pages made by beginners. I am curious what are you thinking about web pages make by professional agencies.

[antoniok.]

So you're saying competing in a carshow with a Ferrari is stupid because a Prius is more efficient

[namaefumei]

There should be a real world example website award.
Ranked based of speed, size, ease of use, accessibility, best practices, codebase, simplicity of design etc.

These are like art. I love them but there's nothing to be learned from them.

My customer saw this website and asked me to make a 'cool' website like these. So i did. It had everything mentioned in this video.

Guy calls me after I delivered the website, says wtf is this website. Slow and laggy as fck, can't use it on mobile, this is useless!

Yeah...

[zelfmoordneigingen]

if it is so easy, and all follows a formula how many did you win? the sites you "design" are always looking boring, bland and box standard. nothing betetr than the awwwards websites. plus these people probably earn way more than you would doing client work.

[kinkyolga]

The circle is closed… we are back into 2000 with flash and loading animations, intros and every single element flying through the screen

[matip]

So if it's so easy and you already have the formula. How many sites of the day do you have?

[antoniok.]

This is ridiculous.
They get awards for a reason, because not everyone can create them. And i guarantee you anyone working with webGL can make a "functional" website in a couple of hours, myself included

[imjawads]

You should go to details page on AWWWARDS and show stats and results first

[filetmignon]

I feel like a lot of the commentary in this video was in a very negative manner. I understand that there's a lot of over-the-top animations on awwwards, but a lot of the sites were pretty good IMO. And calling a curser hover that tell users to scroll an "offender" doesn't make sense to me.
I guess I can't really tell if/when this video was more on the sarcastic end or not lol

[cocos]

are there alternatives took at actual good ux sites?

[Nodsaibot]

I stopped caring about these frivolous awards years ago and am happier lol

[animedreamz]

Seems like shaders effects and 3d are the formula. Most of the sites there do use webgl with shaders.

[mjdev-ip]

Most of those sites are terrible from a marketing-perspective ... they don't really convey a clear purpose and dont communicate a call to action ... it's like those sites try to be some kind of art ... which is fine I guess but it has very little utility for real world applications