Why Awwwards Matter (And Why They Don't)

There is a specific kind of pride that washes over you when you submit a project to Awwwards. You have spent weeks obsessing over cubic-bezier curves, debating whether the clip-path animation should take 0.8 or 0.9 seconds, tweaking the tension value on your scroll-jacking implementation by increments of 0.02. The site is a masterpiece — at least according to you, your team, and the handful of design Twitter accounts that have bookmarked it.

Then it wins. Site of the Day. 9.8 from the jury. Your agency Twitter following triples overnight.

And then your client emails to ask why their contact form submissions are down 40%.

This is the paradox at the heart of award-winning web design, and it is a conversation the industry desperately needs to have more honestly.

What Awwwards Actually Measures

Awwwards judges creativity, design, usability, content, and mobile experience — in that order, roughly. Creativity and design account for the majority of the score. Usability is third. This weighting reflects what Awwwards was founded to celebrate: the craft of web design as an art form.

That is genuinely valuable. The platform has pushed the boundaries of what the web can look and feel like. Websites like those by Aristide Benoist, Active Theory, and Ultranoir have demonstrated that browsers can be a canvas for experiences that rival native apps in their sophistication. This raises the collective standard of the industry.

When a client sees an Awwwards winner, they understand, viscerally, what is possible on the web. This changes their expectations — and in a good way. They stop accepting mediocre WordPress templates and start demanding something that reflects the quality of their actual business.

The Dark Patterns of Over-Engineering

But the awards race has also produced a catalogue of anti-patterns that actively harm users.

Scroll-jacking — taking control of the user's native scroll behavior and replacing it with a custom, physics-based alternative — is perhaps the most prevalent. When executed perfectly, it can feel magical. When it lags even slightly, it becomes profoundly disorienting. And it almost always lags on mid-range Android devices, on slow connections, and when the user's CPU is under load from other browser tabs.

More critically, scroll-jacking makes a website inaccessible to anyone using a screen reader or keyboard navigation. It removes browser affordances (like the ability to press Space to jump a page) that millions of people rely on. A site can win a Site of the Month award and fail WCAG 2.1 compliance simultaneously.

Cursor customization is another double-edged sword. A sleek custom cursor that responds to hover states and follows the pointer with a spring-physics lag can add tremendous personality to a site. But if the cursor JavaScript is unthrottled — firing new GSAP tweens on every mousemove event, potentially 120 times per second — it will cause stuttering on any machine that is not a maxed-out MacBook Pro. Meanwhile, on every touchscreen device in the world, the cursor is completely invisible, making all that engineering entirely irrelevant for the majority of mobile traffic.

Loading screens deserve particular scrutiny. A three-second loading animation is acceptable on a portfolio site where the audience is design professionals who have specifically sought out the experience. It is catastrophic on a B2B lead generation page where a potential client has clicked a Google Ad and has two minutes between meetings.

The Business Reality

Here is what the awards discourse rarely acknowledges: most websites are not portfolio pieces. They are business tools. They exist to generate leads, sell products, build trust, and retain customers.

For these websites, the metrics that matter are conversion rate, session duration, return visits, and organic search rankings. None of these metrics appear on an Awwwards trophy.

We have analyzed dozens of award-winning agency websites. The average mobile performance score, according to Google Lighthouse, is between 30 and 55 out of 100. The average time to interactive on a mid-range mobile device is between 5 and 12 seconds. These are not websites that most businesses should be building for themselves.

The irony is that the very agencies winning awards for their own websites often deliver thoroughly conventional, high-performing sites for their clients — because they understand that the context is different.

Where Beauty and Conversion Actually Meet

The false premise in this debate is that you must choose between design excellence and business performance. You do not.

The best commercial web projects we have seen — and the standard we hold ourselves to at Ruberio — achieve both simultaneously. Here is how:

Purposeful animation. Every animated element should serve one of two functions: it should communicate information (e.g., a progress indicator, a state change) or it should direct attention (e.g., drawing the eye toward a call-to-action). Animation purely for aesthetic decoration is a performance cost with no business return.

Progressive enhancement. Build the base experience to work perfectly without JavaScript, without animations, on a slow connection. Then layer the luxury on top. The user on a 5G MacBook gets the full visual experience. The user on a 3G Android gets a fast, readable, functional page. Both convert.

Respect the medium. Hover effects require a pointer device. Scroll-triggered animations require a scroll axis. Before building any interaction, ask whether the primary user is experiencing it on the device for which it was designed.

Test with real humans. An A/B test is more honest than any design jury. If your animated hero variant converts 12% worse than a static image, that is a definitive judgment — one that neither Awwwards nor your creative director can override.

Our Position

We believe that a website can be genuinely beautiful, technically innovative, and commercially effective at the same time. This is not a compromise. It is a higher bar.

We pursue Awwwards-level craft because it signals quality to discerning clients. We obsess over Core Web Vitals because they determine whether those clients actually find us through search. We design for the brand — and we build for the user.

The trophy is nice. The client's revenue growth is better.