Инженеры компании «Сумма технологий» синхронизируют работу множества элементов в рамках одной системы. Примерно то же самое делали и разработчики студии «Сибирикс», создавая хитро устроенную анимацию для этого сайта.
«Сумма технологий» — это промышленный системный интегратор, который работает с такими гигантами, как «Норильский никель», «Роснефть» или «Квадра», и порой делает для них чудеса. Например, создает центр сбора данных с двух десятков ТЭЦ и нескольких сотен локальных систем управления. Или повышает эффективность печей для выплавки руды, чьи параметры даже простому измерению поддаются с трудом.
Задачи
Старый сайт «Суммы технологий» уже плохо соответствовал реальным возможностям самой компании. Разработчики видели проект футуристским, умным и завораживающим, — таким, чтобы слоган «Нам предстоит разговор о будущем» не выглядел пустым обещанием.
Дизайн
Дизайнеры студии искали образ для сложной, но четко организованной системы связей внутри объекта. Так на странице появилась вращающаяся сигма (математический знак суммы), внутри которой плавают точки. Они хаотично соединяются линиями при приближении друг к другу, но не покидают пределов самой буквы. Мы будто бы заглядываем внутрь черного ящика. Порядок внутри хаоса, суть работы компании «Сумма технологий».
Меню «Решений» и «Отраслей» тоже целиком про науку. Было решено сделать их похожими одновременно и на кристаллическую решетку, и на химическую формулу. Самое интересное в этих меню — переключение пунктов, при котором вся «формула» прокручивается вокруг своей оси.
У компании оказалось большое количество информации о всех отраслях, с которыми они работают. Нужно было все это дело уместить на внутренних страницах, чтобы посетителю не хотелось сбежать от обилия букв. Простые «воздушные» страницы с понятной навигацией как нельзя лучше справляются с такой задачей.
Разработка
Элементы на странице сжимаются и растягиваются по заданным правилам и занимают нужное пространство на экране планшета и настольного компьютера. А для особо древних браузеров вроде Explorer 8, реализована отдельная версия главной страницы, в которой буква статична.
Готовый проект: http://summatechnology.ru/
Подробнее о процессе разработки читайте в блоге scrum-студии «Сибирикс» — http://blog.sibirix.ru/2016/03/17/summatech/.
