company_banner

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



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

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



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





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

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


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

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



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



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



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




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


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

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



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

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


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

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

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


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











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


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





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


    Посмотреть дизайн можно на общем портале All Cups. Мы его обновляем, в скором времени он предстанет во всей красе! 
    Mail.ru Group
    Строим Интернет

    Комментарии 1

      0
      AI Cup, ПривеТ!

      Не люблю когда смотрят статью и не оставляют комментарии. Нет обратной связи. Возвращайтесь поскорее с новыми соревнованиями/ сайт и оформление это хорошо/ но нужно и наполнение новым контентом/ в вашем случае соревнованиями. А так молодцы конечно/ единый дизайн/ единая платформа/ что еще нужно для хорошего соревнования )

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

      Самое читаемое