Обзор ТОП-30 дизайн сайтов

Andrew Chornyy - 001
Andrew Chornyy

CEO Plerdy — эксперт в области SEO и CRO с более чем 14-летним опытом.

Этот сервис создан для оценки сайтов по таким критериям как дизайн, юзабилити, качество контента и креативность авторов. Awwwards работает с 2009 г. и его жюри зарекомендовало себя с лучшей стороны. Если сайт получает награду от этого сервиса, значит разработчик действительно выделился из общей массы и смог создать нечто уникальное.

Методика оценки

Сайты оцениваются с точки зрения:

  • дизайна (40%);
  • удобства использования или юзабилити (30%);
  • креативность (20%);
  • качество материалов (10%).

В процентах приведен “вес” каждого из параметров, влияющих на итоговую оценку и присвоение награды. Сайтам присваиваются следующие звания:

  • Mobile Excellence — веб-ресурс оценивается по методике, основанной на критериях Google, применяемых к мобильным версиям сайтов. Звание присваивается всем сайтом получившим оценку от 70 по 100-балльной шкале;
  • Mobile site of the week — сайт должен получить награду Honorable Mention и он должен был в лидерах по голосованию за последние 3 месяца. В этом случае он будет отображаться на главной странице Awwwards;
  • Honorable Mention — присваивается если оценка от экспертов, заслуженных пользователей Awwwards и жюри не опускается ниже 6,5%;
  • Site of the Day — выдается веб-ресурсам с максимальными оценками;
  • Developer Award — если получено звание Site of the Day, сайт оценивается отдельным жюри разработчиков. Для получения Developer Award нужна оценка не ниже 7,0;
  • Site of the Month — в конце каждого месяца жюри повторно рассматривает сайты с максимальными оценками. По результатам оценки выбирается лучший, ему и выдается это звание. Пользовательские оценки также учитываются;
  • Site of the Year — за это звание борются все победители категории Site of the Month + фавориты Awwwards.

Что касается непосредственно оценки, то после подачи заявки и ее подтверждения сайт отправляется на рассмотрение жюри. Длится этот процесс 5 дней, в течение этого времени пользователи Awwwards могут голосовать за различные веб-ресурсы.

По результатам работы жюри отбрасываются 2 крайние (максимальная и минимальная), на основании остальных рассчитывается среднее значение. Голосование пользователей Awwwards устроено так, чтобы исключить возможность жульничества.

Lusion — май 2019

best-sites-2016-2019-1

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

Сайт основал Edan Kwan в 2017 г. Своей целью он называл преодоление разрыва между абстрактной концепцией образа и его воплощением на экране монитора с использованием подходящих современных технологий. Жюри Awwwards отдельно выделило креативность и оформление сайта в целом. Интересно реализован скроллинг, в оформлении страниц используются интерактивные элементы, реагирующие на действия пользователя.

Dogstudio — апрель 2019

best-sites-2016-2019-2

Dogstudio — творческая студия, работающая на стыке искусства, высоких технологий и дизайна.

Офисы расположены в Бельгии и Чикаго, работает студия с 2016 г. Помимо технологий особое внимание уделяется дизайну и сторителлингу. На Awwwards сайт получил максимальную оценку за креативность. Жюри отдельно выделили оригинально организованный скроллинг и навигацию по сайту.

2018: Year in Review — март 2019

best-sites-2016-2019-3

Сайт предлагает немного порефлексировать и вспомнить значимые события в сети интернет за прошедший год.

Сайт является своего рода базой данных, авторы отбирают интересные проекты и размещают ссылки на них. Жюри Awwwards отметило дизайн, креативность в оформлении, высокая оценка получена со стороны жюри разработчиков. Оригинально реализована анимация курсора, навигация по меню скроллингом.

Nomadic Tribe — makemepulse, февраль 2019

best-sites-2016-2019-4

На сайте рассказывается интерактивная сказка о кочевых племенах.

Помимо высоких оценок за креативность разработчиков и качество контента сайт неплохо оптимизирован под мобильные устройства. Получил награду Mobile Excellence. Сказка интерактивная, взаимодействие со зрителем реализовано отлично, что положительно сказалось на сторителлинге. Зритель чувствует вовлеченность в историю.

Everest — январь 2019

best-sites-2016-2019-5

В Everest предлагают запуск и продвижение брендов. В портфолио есть маркетинговые кампании для таких брендов как Walmart, GEICO, Capital One, Hilton.

Команда отлично поработала над мобильной версией сайта, жюри разработчиков также высоко оценило сайт. Интересно выглядит волновой эффект при переходе на разные элементы сайта. Выделим и анимацию скроллинга, с дизайном и креативностью проблем нет.

imabandi.to — декабрь 2018

best-sites-2016-2019-6

Сайт музыкальной направленности. Можно прослушать композиции группы twenty øne piløts, внимание уделено сторителлингу.

В рамках небольшой истории слушатель сбежит из Dema (выдуманная организация, управляемая 9 епископами) и получит разгадку нескольких символов. Проект создавался силами дуэта совместно со Spotify. Жюри Awwwards отдельно выделило геймификацию и фоновые эффекты. Неплохо себя показала мобильная версия сайта.

Orano — ноябрь 2018

best-sites-2016-2019-7

Проект посвящен “мирному атому”, а именно тому, как обеспечивается безопасность на объектах, связанных с ядерной энергетикой.

На сайте отлично выполнена навигация, интересно сделан переход от “скелета” объекта в виде сетки к его полноценному изображению. Внимание уделено не только десктопной, но и мобильной версии, также сайт отметило жюри разработчиков. По общим критериям максимальный балл Orano получил за дизайн и качество контента.

Google Cloud Infrastructure — октябрь 2018

best-sites-2016-2019-8

Новый сайт от Google. Демонстрирует мощь и возможности инфраструктуры интернет гиганта по всему миру, разбираются такие направления как анализ и шифрование данных.

Awwwards отметило наглядность в объяснении сложных процессов. В частности, анимацию работы Google Cloud, интерактивную карту с отображением основных центров Google в мире. Максимальные оценки выдали за креативность и дизайн.

Robin Mastromarino — Portfolio, сентябрь 2018

best-sites-2016-2019-9

Робин Мастромарино — дизайнер, живущий в Париже. Сайт — его портфолио.

На сайте отлично сделаны эффекты перехода, да и сама навигация интуитивно понятна. Нет сложных меню, для перемещений достаточно с нажатой ЛКМ провести мышкой влево или вправо. Отметило жюри и качество контента — фото яркие, цвета насыщенные. Жюри разработчиков оценило портфолио Мастромарино на 7,71 — высокая оценка.

Beyond Beauty — август 2018

best-sites-2016-2019-10
Сайт посвящен 4 женщинам-знаменитостям. Его создатели предлагают подробнее ознакомиться с деталями их жизни и открыть для себя с новой стороны.

Из интересных решений жюри отметило эффекты искажения и маски при переходах внутри сайта. Также современно выглядит навигация по временной шкале. Разработчики неплохо поработали над мобильной версией.

Foosball World Cup 18 — июль 2018

best-sites-2016-2019-0

Foosball — настольный футбол. А сайт создан в честь кубка мира по футболу, который разыгрывался в 2018 г., на нем можно сыграть несколько матчей.

Жюри Awwwards выделило общее оформление игры в футуристическом стиле и оригинальное меню выбора команды. Есть версия, адаптированная под мобильные устройства.

Oat the Goat — июнь 2018

best-sites-2016-2019-11

Сайт создан по инициативе министерства образования Новой Зеландии с целью продвижения идей гуманизма. Это интерактивный анимированный сборник рассказов.

Читатель непосредственно участвует в истории, выбирая варианты действий и ответов в диалогах. Интерактивность жюри и назвало одним из ключевых достоинств сайта. Дизайн и качество контента также на высоте.

Nike Reactor — май 2018

best-sites-2016-2019-12

Посыл сайта — дать понять потенциальным покупателям как чувствует себя человек в новых кроссовках Nike.

В зависимости от модели кроссовок отличается и бегун, на которого они надеты. Пользователь может рассмотреть бегуна со всех сторон, можно создать своего собственного бегуна. Именно креативную составляющую и выделило жюри Awwwards при расстановке оценок. К мобильной версии также нет замечаний.

Design Canada — апрель 2018

best-sites-2016-2019-13

Через призму графического дизайна сайт рассказывает о том, как Канада превратилась в динамично развивающееся многокультурное общество из колониального форпоста.

Из всех критериев оценки наивысший балл жюри поставило за уникальный дизайн. Оригинально оформлены переходы внутри сайта, боковые всплывающие меню, этот дизайн врезается в память. Есть оценка за мобильную версию.

Gallery of emerging species — март 2018

best-sites-2016-2019-14

Сайт создан с целью привлечь внимание к исчезающим видам животным. По каждому из животных сжато дается основная информация.

Жюри высоко оценило креатив разработчиков сайта. Отдельно выделили горизонтальную навигацию скроллингом, можно просто перемещать мышку с нажатой ЛКМ. Веб-ресурс не перегружен лишней информацией.

Couro Azul — февраль 2018

best-sites-2016-2019-15

Компания Couro Azul — сильный игрок на автомобильном, авиа- и железнодорожном рынке, работает с кожей. Сайт создан, чтобы рассказать посетителю об используемых инновациях, ознакомить его с историей компании.

Высокие оценки сайт получил за дизайн. Отмечают, в частности, хорошую идею с видеовставками на заднем фоне и в целом удачно подобранный цветовой фон. Жюри разработчиков оценило веб-ресурс на 7,10.

Active Theory v4 — январь 2018

best-sites-2016-2019-16

Сайт — портфолио команды, работающей над приложениями виртуальной и дополненной реальности. Помимо непосредственно примеров работ описываются применяемые технологии.

Этот веб-ресурс в жюри Awwwards отдельно выделили за реализацию меню и интерактивную стартовую страницу. Она сразу дает посетителю нужный настрой. В остальном оценки ровные, высокие баллы поставили за креатив и дизайн сайта в целом.

TAO Tajima Filmmaker — декабрь 2017

best-sites-2016-2019-17

Сайт токийского режиссера, работающего в Tangram (дизайн студия). По сути веб-ресурс — это портфолио.

На сайте оригинально реализован переход между элементами, красиво смотрится волновое искажение. Максимальный балл поставлен за креатив, также веб-ресурс прошел оценку в жюри разработчиков и получил оценку 7,12. Лучшим в конце 2017 г. сайт стал благодаря отличной визуальной составляющей, этим он выделяется среди конкурентов.

The New Mobile Workforce — ноябрь 2017

best-sites-2016-2019-18

Сайт рассказывает о том, как команда Citrix помогает Red Bull в настройке и обслуживании гоночных болидов.

Жюри Awwwards отметило оформление меню в стиле Формулы 1. Также в дизайн сайта отлично вписался “скоростной” переход между элементами. Дизайну разработчики уделили особое внимание, можно побывать внутри гоночного болида и детальнее узнать, как вообще проводится его обслуживание. Сайт получил награду со стороны жюри разработчиков и за отлично реализованную мобильную версию.

In My World — октябрь 2017

best-sites-2016-2019-19

На сайте рассказывается о том, как бедность, война и прочие типы конфликтов влияют на психическое здоровье человека.

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

Gleek Chat — август 2017

best-sites-2016-2019-20

Сайт поясняет как именно реализована работа защищенного чата, звонки, видеосвязь. эти услуги предлагаются как частным лицам, так и компаниям.

На Awwwards при оценке сайта жюри выделило так называемую “точечную навигацию”, а также оригинально организованные переходы между элементами. Разработчики неплохо поработали над дизайном, он узнаваем, запоминается и выделяется на фоне аналогов. Отдельную награду веб-ресурс получил со стороны жюри разработчиков.

OUIGO Let’s play — июнь 2017

best-sites-2016-2019-21

На сайте можно поиграть в пинбол. Игра создана для продвижения филиала SNCF — государственного предприятия, управляющего железными дорогами во Франции.

По сути это аналог обычной браузерной игры с красочным оформлением и акцентом на железные дороги. Эксперты высоко оценили дизайн, удобство использования и креатив разработчиков. Жюри разработчиков также выдало награду.

We The Fans — май 2017

best-sites-2016-2019-22

Сайт посвящен фанатам Chikago Bears (американская футбольная команда). Рассказывает о их жизни, любви к этой команде.

Эксперты Awwwards высоко оценили то, как разработчики реализовали навигацию на разных платформах. Неплохо смотрятся меню на сайте. Разработчики сделали упор на визуальную составляющую, посетитель сайта может виртуально побывать на трибунах. Отмечены места, закрепленные за известными болельщиками.

Mendo — апрель 2017

best-sites-2016-2019-23

Mendo — кондитерская для книгофилов, головной магазин находится в Амстердаме. Сайт продвигает продукцию, продаваемую в магазинах.

У жюри не было замечаний ни к юзабилити, ни к дизайну веб-ресурса. Эксперты высоко оценили техническую составляющую, в частности, то как реализовали корзину. Выделили и поиск на сайте, есть множество фильтров, все пункты интуитивно понятны. Жюри разработчиков также выдало награду, оценив веб-ресурс на 7,09.

A World With No Heroes — март 2017

best-sites-2016-2019-24

Сайт предлагает исследовать Боливию по версии игры Tom Clancy’s Ghost Recon Wildlands. Страна находится во власти наркокартеля Санта Бланка, через 50 камер посетитель сайта вникает в детали этой истории.

Отдельно жюри выделило захватывающую интерактивную видеоигру и сверхреалистичные пейзажи. Креативность и качество контента на высоте, что и позволило веб-ресурсу стать лучшим в марте 2017 года.

For Honor Scars — февраль 2017

best-sites-2016-2019-25

Еще один сайт на игровую тематику. Веб-ресурс посвящен игре For Honor и подробнее рассказывают истории ее героев.

Великолепно реализована взаимодействие с посетителем сайта. 3D модели героев игры можно рассмотреть с любого ракурса, их положение меняется в зависимости от того, какой пункт сайта вы изучаете. При навигации посетитель буквально наблюдает за реальным боем.

Rainforest Wood Experience — январь 2017

best-sites-2016-2019-26

Сайт предлагает человеку вспомнить о своей связи с природой и пользе экологически чистых продуктов. Есть магазин, через него предлагаются, например, ростки ячменя и прочие продукты такого типа.

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

Residente — декабрь 2016

best-sites-2016-2019-27

Сайт документирует путешествия музыканта Residente (Rene Huan Perez Joglar).

Жюри высоко оценило сайт в целом. Отдельно выделили меню в виде точек и навигацию по сайту в целом. Разработчики сделали ставку на интерактивность и не прогадали. Сайт автоматически определяет ваше положение и по карте можно изучить любопытные места, посещенные Residente.

Paper Planes — ноябрь 2016

best-sites-2016-2019-28

Сайт предлагает одно единственное действие — запустить бумажный самолетик. Всплывающие уведомления сообщают, из какой точки земного шара только что запущен очередной самолетик.

Запускать “воздушное судно” можно со смартфона. Этот сайт — пример того, как может выстрелить простейшая, но грамотно реализованная идея. Жюри оценило креатив и дизайн, а эксперты-разработчики поставили очень высокий балл за техническую составляющую — 8,67.

Discover Your Patronus — октябрь 2016

best-sites-2016-2019-29

Сайт посвящен поклонникам Гарри Поттера. Пройдя несложное испытание, каждый посетитель сайта узнает своего Патронуса.

Фанаты творчества Джоан Роулинг узнают характерные для поттерианы сцены. Само испытание разработчики сделали максимально интерактивным, добавив набор любопытных подсказок. Это не простое заполнение анкеты, так что его можно рассматривать как мини игру. Итог такого подхода — звание сайта месяца по версии Awwwards и награда от жюри разработчиков.

Заключение

По итогам краткого разбора топовых сайтов по версии Awwwards можно сделать ряд общих выводов:

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

Ресурсы, попавшие в сайты месяца по версии Awwwards, можно рассматривать как ориентир, перенимать идеи по оформлению. При грамотной адаптации их под свои нужды это поможет в продвижении вашего веб-ресурса.