EST. 2010
Информация о проекте
Площадка mail.ru, где специалисты и эксперты отрасли информационных технологий развиваются и обмениваются опытом, решая нетривиальные и интересные задачи в крупнейших чемпионатах.
ЗадачаПеред нами стояла задача спроектировать единую экосистему чемпионатов и разработать адаптивный дизайн сервиса в современных трендах, понятный прогрессивной it-аудитории.Единая экосистема
У cups есть пять основных чемпионатов, которые существовали отдельными сайтами со своими интерфейсами и дизайном. Изначально мы спроектировали стартовую площадку для отображения участников, рейтингов, общей информации, которая сортируется по каждому чемпионату. Следующим этапом мы разработали шаблон рабочего пространства на примере одного чемпионата, который стал основным шаблоном, в который мы стали интегрировать другие чемпионаты. Для этого нам было нужно погрузиться в каждый чемпионат и внедрить уникальную механику каждого чемпионата в общий шаблон рабочего пространства. Как итог, площадка постепенно превращается в единую экосистему, где участники чемпионатов существуют в едином интерфейсе и с легкостью могут перемещаться между чемпионатами.
Главная страница
Главная страница знакомит посетителей с площадкой, рассказывает о направлениях чемпионатов и происходящей активности на площадке. Аудитория сервиса достаточно молодая и прогрессивная, поэтому нами был выбран трендовый темный стиль, который усилен яркими иллюстрациями и анимациями.
Лидерборд и результаты
Общие для всех чемпионатов страницы «лидер борда» и «результаты соревнований», а также другие мелочи интерфейса.
Единый профиль
Гибкий интерфейс настроек единого профиля чемпионата позволяет удобно управлять своей главной страницей внутри экосистемы.
Чемпионат ML Boot Camp
Интерфейс чемпионата «ML Boot Camp» начинается с блока, кратко презентующего чемпионат, и турнирной сетки, которая быстро и наглядно показывает ход чемпионата, а также последовательность этапов и раундов. На внутренних страницах чемпионата сверху появляется вспомогательное меню, которое с одной стороны помогает с быстрой навигацией между этапами/раундами/задачами, а с другой является индикатором прохождения чемпионата. Страницы раунда и задачи разбиты на два сегмента: левая область — рабочая с актуальной информацией, правая — фиксированная, которая всегда перед глазами.
Рабочее пространство
Интерфейс рабочего пространства схожим образом сегментирован на две области: левая — активная область, куда участник грузит свои решения, правая — информационная область, которая всегда показывает актуальную информацию и помогает пользователю. Все в едином поле.
Страницы ошибок
В этом проекте даже страницы ошибок — чистое визуальное удовольствие.
