Научно-исследовательский институт точных приборов (НИИ ТП)

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

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

– Увлекательно представить продукцию и услуги компании, для внутреннего и международного рынков;

– Усилить hr-бренд института;

– Адаптировать дизайн для четырёх языковых версий: русской, английской, испанской и китайской.

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

Традиционно коммуникация идет на уровне «профессионалы для профессионалов», и никаких скидок для обывателя не было. Были лишь громоздкие, утяжеленные специальными терминами технические тексты. 

Поэтому вместо них мы придумали и реализовали интерактивную новеллу, в основу которой встали 3D-модели оборудования и инфраструктуры института.

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

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

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

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

О компании

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

Продукция

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

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

Этот раздел поддерживает разные форматы представления текста и медиа. 

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

Сайт высоко отметил заказчик. Заложенные при разработке пользовательские сценарии и правила дизайна отлично работают, сайт активен и каждый день решает задачи клиента. 

Кроме того работа была отмечена в ряде отраслевых премий и конкурсов: 

— Tagline Awards 

— Золотой сайт — Сайт промышленной/ТЭК компании 

— Золотой сайт — Лучший дизайн компании, сервиса 

— Конкурс Рейтинг Рунета — Промышленность и оборудование 

— Dprofile — Дизайн интерфейсов