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

Моя цель - предложение широкого ассортимента товаров и услуг на постоянно высоком качестве обслуживания по самым выгодным ценам.

Прежде чем перейти к статье, хочу вам представить, экономическую онлайн игру Brave Knights, в которой вы можете играть и зарабатывать. Регистируйтесь, играйте и зарабатывайте!



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

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



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





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

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


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

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



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



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



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




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


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

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



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

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


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

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

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


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











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


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





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


Посмотреть дизайн можно на общем портале All Cups. Мы его обновляем, в скором времени он предстанет во всей красе! 
Источник: https://habr.com/ru/company/mailru/blog/507080/


Интересные статьи

Интересные статьи

Как ни сложно в это поверить, C не родился в виде истрёпанного руководства в бумажной обложке. В том или ином виде, язык C повлиял на формирование практически каждого языка программи...
Хотелось бы поделиться своей историей неудачи, если понимать под этим негативный фидбек от компании после ревью технического задания. Конечно же, каждый подобный опыт — это всегда пре...
Всем привет! Продолжаем обзоры новостей свободного и открытого ПО и железа (и немного коронавируса). Всё самое главное про пингвинов и не только, в России и мире. Участие Open Source сообщ...
Это вторая часть статьи про историю микропроцессоров для космического применения. Первая часть – вот здесь. В ней на примерах американских и европейских микросхем мы посмотрели на историю развити...
Одной из «киллер-фич» 12й версии Битрикса была объявлена возможность отдавать статические файлы из CDN, тем самым увеличивая скорость работы сайта. Попробуем оценить практический выигрыш от использова...