Стратегия Брендинг Веб-разработка Интернет-реклама Видеопроизводство Справочник клиента Вакансии in English

Технополис

Технополис
Клиент

Четвёртый образовательный проект Mail.Ru Group для студентов технических вузов. В этот раз — совместные курсы «Одноклассников» и Санкт-Петербургского политехнического университета Петра Великого. Проект для цепких и упорных, кто хочет быстрее освоить профессию и начать работать.

Задача

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

Концепция

Mail.Ru Group с 2012 года организует для разработчиков курсы на 2 года, занятия ведут сотрудники компании. Для студентов это шанс получить стажировку и работу, для корпорации — специалистов, готовых в первый день приступить к задачам, а не к обучению по новой.

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

Думали над главной с карандашом и сразу переносили в макет

Дизайн

Визуальную концепцию разработали в Science, отталкиваясь от послания проекта: Технополис для талантливых, амбициозных и творческих. Отсюда идея — сотворение кодом — сочетание шедевров искусства и программирования.

Разные сюжеты картин соответствуют контексту. Если речь о команде, то «Три богатыря» Васнецова. На первых макетах пробовали по-разному:

Предложили сократить количество страниц для раздела «Программа» и уместить на одной с помощью переключалки:

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

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


Образователь­ные проекты Mail.Ru
Курсы для разработчиков от Mail.Ru и технических вузов России.
архитектура, тексты, дизайн, разработка
Zehnder-online
Магазин отопительных приборов немецкого бренда Zehnder.
сайт, дизайн, разработка
Hotel Schools
Учёба в швейцарских институтах гостеприимства.
концепция, дизайн, разработка
Печь.ру
Магазин каминов, печей, дымоходов и котлов.
архитектура, текст, дизайн, разработка