emisart
+7 495 996-02-16 пн-пт 10.00-18.00
Ночь Искусств 2017

Проект правительства Москвы

Клиент и задача
Ночь Искусств 2017

«Ночь искусств» — это городская культурно-образовательная акция, которая объединяет разные виды искусства.

Задачи:
  • Разработать сайт акции
  • Написать программу для изменения контента со стороннего сервера
  • Подготовить разные форматы баннеров для социальных сетей
Старт работ: 2017 год
Окончание работ: 2017 год

Технологии

  • Tilda
  • HTML5, CSS3, PHP, JS, MySQL, Parallax
  • Вывод контента путем парсинга

Работы

Разработка
Дизайн
Дизайн
Концепции дизайна

Разработка сайта была основана на скетче, предоставленном клиентом. Основной сложностью была реализация параллакса в разных блоках сайта и краткие сроки, поставленные на выполнение этой задачи.

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

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

Дизайнерский контент

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

Разработка

Стояла задача сделать анимацию шапки сайта, Parallax-эффект для элементов первого экрана сайта и фонов под контентом. Кроссбраузерная адаптивная верстка, закрепленное меню, интеграция модулей поиска и афиши мероприятий с портала мэра Москвы упрощают пользователям навигацию по сайту.

Особенность разработки заключалась в необходимости интеграции сайта с порталом mos.ru, которую можно было осуществлять только путем выгрузки материалов из Tilda и парсингом контента, верстки и картинок со стороннего сервера.

To Top