Энергия преобразований - проект Эн+ по развитию региона

Эн+ — мировой лидер в области производства и поставки энергии, алюминия и угля. Компания стремится не только развивать бизнес, но и активно вкладываться в развитие регионов присутствия. Энергия преобразований — проект компании, который направлен на комплексное развитие исторической части города Иркутска, восстановление и реконструкцию объектов культурного наследия, а также строительство новых современных зданий, соответствующих международным стандартам.

За основу первой концепции были взяты 3D-рендеры объектов, которые показаны на главном экране. Здесь пользователь может рассмотреть все объекты в формате, приближенном к реальности.

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

При скролле через анимированый переход карта увеличивается и приближает пользователя к первому объекту.

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

Для дизайна второй концепции мы использовали в основном иллюстрации, которые были отрисованы ранее. На стартовом экране показываем, как персонажи гуляют по набережной города среди объектов проекта.

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

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

Так как основа концепции — это иллюстрации, следующим этапом мы отрисовали все объекты и добавили их на слайдер главной страницы.

Далее нам нужно было проработать каждую страницу объекта в формате лонгрида: раскрыть его историю и преображение, если это проект реконструкции, показать преимущества и уникальность каждого объекта.

Для каждого объекта мы отрисовали карту с его расположением в стиле концепции.

Помимо страниц объектов были разработаны разделы:

На этом этапе мы экспортировали файлы After Effects в формат Json и передали их разработчикам для реализации Lottie-анимации.
‍
Несмотря на готовые файлы с анимацией, реализовать её оказалось не самой простой задачей. Недостаточно было просто использовать Json-файлы, нужно было ещё реализовать функцию слайдера. Однако наши разработчики успешно справились с этой задачей.

Далее мы собрали все страницы объектов на Zero Block. Страницы «видео» и «события» были собраны на стандартных блоках, так как тут было важно, чтобы клиент мог самостоятельно добавлять новый контент.

Но для некоторых страниц нам также понадобилась помощь программистов, так как некоторые стандартные блоки Tilda не выполняли необходимые задачи в полном объёме.

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

Так же мы получили отличный опыт работы с Lottie-анимацией и узнали о всех особенностях работы с Json-файлами.