All Cups: история одного дизайна экосистемы с большой историей
Перед тем как воспользоваться продуктом, мы обращаем внимание на его состояние. Представьте, что вы приходите в автосалон и выбираете машину. Если машина выглядит плохо, то мы начинаем испытывать негативные эмоции и чувствовать отсутствие внимания со стороны создателей этого продукта. Да и доверия не вызывает. Это сразу потеря времени. Конечно, человек умеет адаптироваться к любым изменениям, или просто может принять факт, даже если продукт функционально очень хорош. Но согласитесь, что удобство, цвета и общий стиль важны. Не каждый готов пользоваться тем, что заставляет его лишний раз надевать очки, настраивать яркость на экране или свет в комнате. Все знают великую пословицу, гласящую, что встречают по одёжке — провожают по уму. На примере одного нашего направления в компании мы хотим поделиться с вами, что это значит для нас — не на словах, а на деле.
Мы регулярно с 2011 года проводим крупные онлайн-чемпионаты для специалистов индустрии. Внутри компании есть отдельное направление, которое реализует подобные инициативы. Результаты достигнуты неплохие — 200 тысяч уникальных пользователей, которые потратили невероятно много времени на решение задач по спортивному программированию, программированию искусственного интеллекта, разработке высоконагруженных сервисов и других.
На картинке наши старые логотипы. Для каждого чемпионата были созданы разные сайты со своим языком и стилем. Основная аудитория наших проектов — это разработчики. Рассказывать дизайнеру про чемпионат по дизайну нужно по-другому, нежели программистам, согласитесь?
Посмотреть можно здесь.
Такие дизайны мы старались делать каждый раз уникальными и веселыми. Но как же разработчики?
Как бы печально ни звучало, мы печатали другие сайты, или просто делали один дизайн, и не особо задумывались о том, что значит для них сайт. Недавно мы решили посчитать, и их оказалось больше 20. Это большой косяк, как с продуктовой точки зрения, так и с точки зрения восприятия бренда. Результат нашего самопознания — в конце статьи.
Мы вообще отошли от линейки собственных логотипов и начали делать какие-то другие…
По правде говоря, все наши силы уходили на дизайн задач и призов. Например, делали футбол для разработчиков ИИ:
Или аналог Доты:
Придумывали принты на футболки и свитшоты, которые до сих пор вызывают отклик со стороны сообщества:
Каждый дизайн — это огромный труд. Всегда начинаем со скетчей и муторно прорисовываем.
Любое соревнование — настоящий вызов, и мы хотим, чтобы нас запомнили не только по задачам.
Сайты для чемпионатов — совсем не одностраничные ресурсы, а собственные движки с различными механиками для проведения соревнований. Под капотом мощный мотор с собственной системой изолированного запуска/исполнения кода и невероятной инфраструктурой. Мы, как технологическая компания, этим гордимся, поскольку созданное решение уникально. Об этом мы ещё расскажем в другой статье.
Стратегия организации чемпионатов в этом году сильно изменилась. Уже сейчас создается платформа, которая объединит всех под одним брендом и идеологией — единая экосистема.
Первым делом решаем, что мы хотим от нового дизайна, который будет удовлетворять новой стратегии? Нужно рассказать о наших профессиональных сообществах.
Все чемпионаты, в том числе будущие, получают свою эмблему, которая призвана сразу погружать пользователя в контекст. Несмотря на единый стиль эмблем, определённые элементы у них уникальны:
- форма кубка и цвет его поля,
- геометрический узор на синих полях,
- а также символ, являющийся метафорой той сферы ИТ, которой посвящён чемпионат.
Теперь не нужно больше выдумывать логотипы. Параметрический дизайн эмблем позволяет каждому пользователю обзавестись своим «геральдическим» символом и использовать его по своему желанию.
Поскольку финалы многих чемпионатов проходят вживую, важно, чтобы дизайн одинаково хорошо подходил для цифрового и офлайнового использования: на раздаточном материале, сувенирах, рекламе и т.д. Шахматное расположение полей делает новый дизайн очень удобным для размещения на физических носителях любых размеров: от ручек до придорожных билбордов. Больше картинок есть на страничке All Cups на Behance, а про принципы дизайна вы можете узнать на сайте нашей дизайн-системы Paradigm.
Единый сайт — он должен быть невероятно удобным, поскольку именно на нём пользователь будет проводить основную часть времени, решая задачи. Начинаем с макетов.
Множество экранов, бесконечное число правок макета — залог успеха к созданию хорошего дизайна.
Все дизайны принтов, которые мы когда-либо рисовали для футболок, мы используем на карточках с чемпионатами. Так пользователь чувствует, что он дома.
Посмотреть дизайн можно на общем портале All Cups. Мы его обновляем, в скором времени он предстанет во всей красе!
