Модернизация сайта ОКБМ им. Африкантова

1. Вводная задача от заказчика, проблематика, цели

Заказчик: Акционерное общество «Опытное Конструкторское Бюро Машиностроения имени И.И. Африкантова» (АО «ОКБМ Африкантов», входит в состав машиностроительного холдинга Госкорпорации «Росатом») - крупный научно-производственный центр атомного машиностроения, располагающий многопрофильным конструкторским коллективом, собственной исследовательской, экспериментальной и производственной базой. Научно-производственный потенциал предприятия позволяет выполнять весь комплекс работ по созданию различных типов реакторных установок и оборудования для них. Заказчиками продукции АО «ОКБМ Африкантов» являются структуры «Росатома», предприятия атомного машиностроения и судостроительной промышленности, а также министерство обороны РФ.

Задача: Полная модернизация сайта www.okbm.nnov.ru, а именно:

1. Создание нового дизайна, подчеркивающего статус предприятия как лидера атомного машиностроения России и мира, т.к. существующая версия безнадёжно устарела и требовала переосмысления.

2. Создание адаптивной версии сайта.

3. Внедрение современной системы управления контентом с удобным и понятным административным интерфейсом, позволяющей гибко управлять изменениями структуры и функциональности.

4. Внедрение «Личного кабинета поставщика» с возможностью хранения базы данных всех поставщиков предприятия.

5. Создание англоязычной версии.

2. Описание реализации кейса и творческого пути по поиску оптимального решения

Предыстория

Контракт на модернизацию сайта АО "ОКБМ Африкантов" был получен Интернет-компанией R52.RU в результате сложного многоступенчатого тендера, проводившегося в середине 2018 года на площадке www.fabrikant.ru. Условия тендера предполагали сжатые сроки разработки и непростые критерии приемки выполненных работ. Это потребовало тщательного планирования на всех этапах проекта, слаженной работы менеджмента и разработчиков, а также постоянного взаимодействия и согласований результатов со всеми заинтересованными службами и подразделениями заказчика.

Дизайн, структура и frontend-разработка

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

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

«Историческая линейка» (timeline) - интерактивный элемент главной страницы, который в режиме прокрутки позволит пользователю просмотреть последовательность важнейших событий в более чем 70-летней истории предприятия, детально ознакомиться с конкретным событием, перейдя на него в один клик непосредственно через данный интерактивный элемент. Для реализации требуемого функционала «временной линейки» написан оригинальный скрипт. Получился удобный, кроссбраузерный и адаптивный слайдер с возможностью прокрутки мышкой на десктопе и пальцем на экране мобильного устройства, навигацией по десятилетиям в виде цифр и стрелок вправо/влево.

Отдельного внимания заслуживает раздел главной страницы, через который осуществляется переход к информации об основных бизнес-направлениях АО «ОКБМ Африкантов»: он выполнен в виде плиточной структуры, каждый из 9 подразделов бизнес-направлений позволяет просмотреть или скачать буклеты по данной тематике на русском или английском языке. Специально для этого каталога отрисованы оригинальные иконки.

АО «ОКБМ Африкантов», следуя отраслевым тенденциям, постоянно совершенствует инструменты взаимодействия с поставщиками и упрощает процедуры закупочной деятельности. Для этого в структуре нового интернет-сайта создан раздел «Закупки», который позволят зарегистрироваться в «Личном кабинете поставщика» для тех, кто заинтересован стать поставщиков АО «ОКБМ Африкантов» и получать информацию о закупках.

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

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

Backend-разработка

Программирование осуществлено на CMS «1C-Битрикс: Управление сайтом» с использованием лицензии «Бизнес». На сайте реализован следующий функционал: каталоги бизнес-направлений и закупок, ленты новостей, информационных сообщений и интервью, вакансии, фотогалереи, поиск по сайту, версия для печати на каждой странице сайта, интеграции с соцсетями, личный кабинет поставщика с базами данных, внедрены виртуальные 3D-туры по предприятию. Запущена английская версия сайта.

3. Результаты сотрудничества

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