Как стать автором
Обновить

All Cups: история одного дизайна экосистемы с большой историей

Mail.ru GroupГрафический дизайнУправление сообществомДизайнСоциальные сети и сообщества


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

Мы регулярно с 2011 года проводим крупные онлайн-чемпионаты для специалистов индустрии. Внутри компании есть отдельное направление, которое реализует подобные инициативы. Результаты достигнуты неплохие — 200 тысяч уникальных пользователей, которые потратили невероятно много времени на решение задач по спортивному программированию, программированию искусственного интеллекта, разработке высоконагруженных сервисов и других. 



На картинке наши старые логотипы. Для каждого чемпионата  были созданы разные сайты со своим языком и стилем. Основная аудитория наших проектов — это разработчики. Рассказывать дизайнеру про чемпионат по дизайну нужно по-другому, нежели программистам, согласитесь?





Посмотреть можно здесь.

Такие дизайны мы старались делать каждый раз уникальными и веселыми. Но как же разработчики? 


Как бы печально ни звучало, мы печатали другие сайты, или просто делали один дизайн, и не особо задумывались о том, что значит для них сайт. Недавно мы решили посчитать, и их оказалось больше 20. Это большой косяк, как с продуктовой точки зрения, так и с точки зрения восприятия бренда. Результат нашего самопознания — в конце статьи.

Мы вообще отошли от линейки собственных логотипов и начали делать какие-то другие…



По правде говоря, все наши силы уходили на дизайн задач и призов. Например, делали футбол для разработчиков ИИ:



Или аналог Доты:



Придумывали принты на футболки и свитшоты, которые до сих пор вызывают отклик со стороны сообщества: 




Каждый дизайн — это огромный труд. Всегда начинаем со скетчей и муторно прорисовываем.


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

Сайты для чемпионатов  — совсем не одностраничные ресурсы, а собственные движки с различными механиками для проведения соревнований. Под капотом мощный мотор с собственной системой изолированного запуска/исполнения кода и невероятной инфраструктурой. Мы, как технологическая компания, этим гордимся, поскольку созданное решение уникально. Об этом мы ещё расскажем в другой статье.



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

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


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

  • форма кубка и цвет его поля,
  • геометрический узор на синих полях,
  • а также символ, являющийся метафорой той сферы ИТ, которой посвящён чемпионат.

Теперь не нужно больше выдумывать логотипы. Параметрический дизайн эмблем позволяет каждому пользователю обзавестись своим «геральдическим» символом и использовать его по своему желанию.


Поскольку финалы многих чемпионатов проходят вживую, важно, чтобы дизайн одинаково хорошо подходил для цифрового и офлайнового использования: на раздаточном материале, сувенирах, рекламе и т.д. Шахматное расположение полей делает новый дизайн очень удобным для размещения на физических носителях любых размеров: от ручек до придорожных билбордов. Больше картинок есть на страничке All Cups на Behance, а про принципы дизайна вы можете узнать на сайте нашей дизайн-системы Paradigm.











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


Множество экранов, бесконечное число правок макета — залог успеха к созданию хорошего дизайна.





Все дизайны принтов, которые мы когда-либо рисовали для футболок, мы используем на карточках с чемпионатами. Так пользователь чувствует, что он дома.


Посмотреть дизайн можно на общем портале All Cups. Мы его обновляем, в скором времени он предстанет во всей красе! 
Теги:all cupsчемпионатыдизайндизайн интерфейсов
Хабы: Mail.ru Group Графический дизайн Управление сообществом Дизайн Социальные сети и сообщества
Всего голосов 30: ↑30 и ↓0 +30
Просмотры2.1K

Похожие публикации

Лучшие публикации за сутки