cups.mail.ru
Cups от mail.ru
Информация о проекте
150 тыс
участников чемпионатов
7
чемпионатов
Площадка mail.ru, где специалисты и эксперты отрасли информационных технологий развиваются и обмениваются опытом, решая нетривиальные и интересные задачи в крупнейших чемпионатах.
Перед нами стояла задача спроектировать единую экосистему чемпионатов и разработать адаптивный дизайн сервиса в современных трендах, понятный прогрессивной it-аудитории.
У cups есть пять основных чемпионатов, которые существовали отдельными сайтами со своими интерфейсами и дизайном. Изначально мы спроектировали стартовую площадку для отображения участников, рейтингов, общей информации, которая сортируется по каждому чемпионату. Следующим этапом мы разработали шаблон рабочего пространства на примере одного чемпионата, который стал основным шаблоном, в который мы стали интегрировать другие чемпионаты. Для этого нам было нужно погрузиться в каждый чемпионат и внедрить уникальную механику каждого чемпионата в общий шаблон рабочего пространства. Как итог, площадка постепенно превращается в единую экосистему, где участники чемпионатов существуют в едином интерфейсе и с легкостью могут перемещаться между чемпионатами.
Главная страница знакомит посетителей с площадкой, рассказывает о направлениях чемпионатов и происходящей активности на площадке. Аудитория сервиса достаточно молодая и прогрессивная, поэтому нами был выбран трендовый темный стиль, который усилен яркими иллюстрациями и анимациями.
Общие для всех чемпионатов страницы «лидер борда» и «результаты соревнований», а так же другие мелочи интерфейса.
Гибкий интерфейс настроек единого профиля чемпионата позволяет удобно управлять своей главной страницей внутри экосистемы.
Интерфейс чемпионата «MLBoot Camp» начинается с блока кратко презентующего чемпионат и турнирной сетки, которая быстро и наглядно показывает ход чемпионата, а также последовательность этапов и раундов. На внутренних страницах чемпионата сверху появляется вспомогательное меню, которое с одной стороны помогает с быстрой навигацией между этапами/раундами/задачами, а с другой является индикатором прохождения чемпионата. Страницы раунда и задачи разбиты на два сегмента: левая область – рабочая с актуальной информацией, правая – фиксированная, которая всегда перед глазами.
Интерфейс рабочего пространства схожим образом сегментирован на две области: левая – активная область, куда участник грузит свои решения, правая – информационная область, которая всегда показывает актуальную информацию и помогает пользователю. Все в едином поле.
В этом проекте даже страницы ошибок – чистое визуальное удовольствие.