Недавно я погрузился в изучение премии Web Design Awards — международного конкурса, который отмечает лучшие сайты года. Меня всегда интересовало, по каким критериям жюри выбирает победителей, и что делает проект действительно выдающимся. В этом посте я делюсь своим разбором, личным топом работ, а также технологиями, которые используются в этих проектах.

Все оценки и данные взяты с официального сайта премии. Я не претендую на абсолютную истину — это моё субъективное мнение, основанное на анализе открытых данных и личных впечатлениях.

Критерии оценки (что оценивает жюри)

Жюри оценивает сайты по 7 категориям, каждая из которых имеет свой вес. Ниже я привожу полный список с моими комментариями.

15%
User Experience & Strategy
Осмысленные пользовательские пути, которые оправдывают время посетителя. Стратегия должна быть видна в дизайне, а не просто предполагаться.
15%
Visual Design & Branding
Визуалы, которые ощущаются оригинальными и безупречно соответствуют бренду. Декоративная компетентность — не самоцель.
10%
Content & Storytelling
Сообщения, которые быстро доносят ценность и поощряют более глубокое изучение. Слова значат столько же, сколько и пиксели.
10%
Accessibility & Inclusivity
Инклюзивные практики, обслуживающие разные потребности. Базовое соответствие — это минимум, а не "потолок".
20%
Performance & Technical Implementation
Инженерия, которая делает опыт мгновенным, стабильным и заслуживающим доверия. Тяжёлые сайты не выигрывают.
10%
Responsiveness & Multi-device Support
Адаптивные макеты, которые плавно подстраиваются под любые устройства и способы ввода — а не просто мобильная версия.
20%
Innovation & Future Readiness
Работа, которая продвигает medium вперёд — оригинальные концепции, ответственное использование новых технологий, долгосрочное мышление.
Мой вывод: больше всего ценятся производительность (20%) и инновации (20%). Это значит, что красивый дизайн без быстрой загрузки и свежих идей не пройдёт. Для разработчиков это отличный ориентир.

Мой личный топ-5 работ (субъективно)

Я изучил проекты из категории Three.js на Web Design Awards. Вот пять работ, которые меня впечатлили больше всего. Каждая оценка — это агрегированный балл с сайта премии.

Casa Di Solare
9.30
Three.js, GSAP, CSS, HTML, JavaScript, WebGL
UX & Strategy 9.40 Visual Design 9.40 Content & Storytelling 9.10 Accessibility 9.10 Performance 9.30 Responsiveness 9.20 Innovation 9.40
Посмотреть проект
Maxime Guillon
7.90
CSS, JavaScript, HTML, GSAP, Three.js, React
UX & Strategy 8.00 Visual Design 8.00 Content & Storytelling 8.20 Accessibility 7.70 Performance 7.80 Responsiveness 7.70 Innovation 8.50
Посмотреть проект
9870089044.com
7.80
HTML, CSS, JavaScript, Three.js
UX & Strategy 7.50 Visual Design 7.90 Content & Storytelling 7.80 Accessibility 8.00 Performance 7.90 Responsiveness 7.90 Innovation 7.90
Посмотреть проект
Techy Scouts
8.40
WordPress, PHP, HTML, CSS, JavaScript
UX & Strategy 8.70 Visual Design 8.50 Content & Storytelling 8.50 Accessibility 8.10 Performance 8.30 Responsiveness 8.20 Innovation 8.30
Посмотреть проект
Nexus Mag
8.50
(стек не указан)
UX & Strategy 7.70 Visual Design 8.60 Content & Storytelling 8.80 Accessibility 9.20 Performance 8.90 Responsiveness 7.20 Innovation 8.60
Посмотреть проект

Полный список финалистов и победителей доступен на странице рейтинга Three.js.

Источник данных: Web Design Awards — все оценки и технологии взяты оттуда.

Что я вынес для себя

  • Производительность решает. Даже визуально потрясающий сайт теряет баллы, если грузится медленно.
  • Инновации не ради хайпа. Жюри ценит ответственное использование новых технологий, а не просто нагромождение эффектов.
  • Доступность — не галочка. Это полноценная часть опыта, которую нельзя игнорировать.
  • Сторителлинг работает. Контент и слова имеют вес, если они дополняют визуал и ведут пользователя.

Следующий пост будет о «Three.js Websites Showcase» — разбор лучших примеров, уроки и инсайты для ваших проектов.
Следите за обновлениями!