5EEDAED5-6AA4-4553-94A3-AEF2477EDF6F

Russian Code Cup

Russian Code Cup
Клиент

Чемпионат Russian Code Cup — проект Mail.Ru Group, созданный для начинающих разработчиков. Соревнование проходит каждый год и состоит из 3 квалификационных, отборочного и финального раундов.

Задача

Приступая к работе над сайтом, мы определили две задачи. Первая — создать удобный интерфейс для участников чемпионата. Вторая — сделать площадку интересной и наполнить её полезными материалами.

Информационная архитектура

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

Дизайн сайта

В основу дизайн-концепции проекта мы заложили образ интегрированной среды разработки.

Идея нашла отражение в графике и текстах — вертикальная линия цифр и чисел на каждой странице сайта, моноширинный шрифт Ubuntu, информация, поданная в виде кода, страница ошибки 404 в виде синего «экрана смерти» — все элементы стали частью нового стиля RCC.

Отдельные блоки информации мы визуализировали при помощи схематичных набросков, нарисованных от руки. Такой способ знаком и привычен участникам — когда работа идёт на скорость, первые мысли часто набрасывают на бумаге.

Вёрстка и программирование

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


Отправьте заявку или напишите письмо info@nimax.ru

Вместе мы подберём решение и подходящий инструмент

Фора Банк
Сайт московского банка
концепция, архитектура, дизайн, разработка
Dikom 2.0
Корпоративный сайт и интернет магазин мебельной фабрики
Интернет магазин, дизайн, разработка
Техносила
Видео для магазина электроники и бытовой техники.
концепция, сценарий, съёмка, монтаж, цветокоррекция, озвучание, серия
Conde Nast
Делаем SEO для крупнейших глянцевых СМИ России.
SEO