Роскосмос

Научно-исследовательский институт точных приборов стоял у истоков космической индустрии. Сейчас это ведущий производитель бортовых систем космических аппаратов и наземных комплексов

Задачи

Заказчик обратился в Мэйк, имея на руках своё техническое задание и чётко сформулированные задачи:

• Институт с 1958 года разрабатывает приборы для полетов в космос, но не концентрируется исключительно на славном прошлом. НИИ ТП — современное наукоёмкое производство, что и должен отражать сайт;
• Увлекательно представить продукцию и услуги компании, для внутреннего и международного рынков;
• Усилить hr-бренд института;
• Адаптировать дизайн для четырёх языковых версий: русской, английской, испанской и китайской.

Главная страница

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

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

Внутренние страницы

Сайт НИИ ТП — огромный ресурс с разветвлённой структурой и большим количеством контента. Детально проработали более 40 макетов для каждой из четырёх языковых версий

О компании

Страница продолжает идею главной — первый экран строится на 3D-сцене. Длинные массивы текстов заботливо оформлены дизайнерами и прекрасно читаются, разбавлены графикой и анимациями.

Продукция

Каталог продукции состоит из информативных карточек. Каждая из них иллюстрирована 3D-моделью. Категории продукции не равнозначны — приоритетные направления деятельности выведены крупнее.

Продуктовых страниц два вида — для представления программных комплексов, целых видов деятельности, систем и для описания конкретных изделий с большим количеством технических подробностей.

Отзывчивая верстка и типографика

Сайт строится на полноэкранной «резиновой» сетке, где размер блоков задаётся в процентах от величины экрана. Типографика и отступы не статичны в рамках брейкпоинтов и также зависят от размеров экрана. Таким образом сайт адаптируется не под тип (телефон, планшет, десктоп), а чутко подстраивается под конкретные параметры каждого устройства.