Bite Предыдущая работа ADCR Следующая работа

Создание корпоративного сайта для разработчика интеллектуальных решений для операторов связи и государственных структур

Нетрис

ЗАО «Нетрис» является центром компетенции Группы компаний «Ростелеком» в сфере видеонаблюдения сегментов B2G и крупного B2B. На базе решений «Нетрис» создается Национальная Система Видеонаблюдения Российской Федерации.

Разработка корпоративного сайта для разработчика интеллектуальных решений для операторов связи и государственных структур | Портфолио - Фото 1

Задача

Необходима разработка нового корпоративного сайта для сегмента B2B и B2G с использованием фирменного стиля материнской компании «Ростелеком». Представление на сайте всего спектра услуг компании «Нетрис». Важным требованием является обеспечение максимальной безопасности при взаимодействии пользователей с открытой (общедоступной) частью сайта.

Страницу можно скролить

Решение

Для выполнения требования безопасности клиенту было предложено разделить сайт на два взаимосвязанных сайта и разместить их на разных серверах: открытую (общедоступную) часть сайта и закрытую (личный кабинет пользователя).

1Открытая часть сайта

Открытая часть сайта реализована на технологии Static Site Generator (JAMStack), в частности, Hugo framework в связке с NetlifyCMS. В данной части сайта целенаправленно не использовались никакие функциональные модули, что позволило полностью отказаться от использования PHP и базы данных. Тем самым риски наиболее распространенных атак на сайт и сервер клиента сведены к минимуму.

2Закрытая часть сайта

Закрытая часть сайта реализована на системе управления 1С-Битрикс. Для обеспечения безопасности установлены определенные штатные настройки 1С-Битрикс с максимальной степенью защиты. Все доступы к личному кабинету выдаются только после прохождения модерации.

Аналитика и проектирование

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

Дизайн сайта

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

Цвета и фирменный шрифт

Адаптивная верстка

Макеты дизайна сайта отрисовывались на основе согласованных прототипов для разрешений 1440px, 1280px, 1024px, 768px и 375px

При верстке использовался стандартный язык HTML5 / CSS3, а для некоторых функциональных блоков использовался VueJS

Программирование сайта

Back-end личного кабинета реализован на 1С-Битрикс. Пользователям в кабинете доступны все необходимые материалы для скачивания: документация, дистрибутивы. Есть возможность просматривать видео материалы и базу знаний.