НИИ Точных приборов (Российские космические системы)

Сайт для НИИ точных приборов — подразделения Роскосмоса, отвечающего за интеллектуальную начинку космических аппаратов. Заказчик обратился имея чётко сформулированные задачи:

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

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

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

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

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

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