Разработка сайта для РосАтом

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

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

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

CMS: 1С-Битрикс: Управление сайтом, редакция «Бизнес» 18.5

БД: MariaDB 10.1

ОС сервера: RED OS (отечественная операционная система)

Двухэтапный деплой. Разработка велась на нашей стороне на последней разработческой версии Битрикс, после чего заказчик самостоятельно переносил проект на свою инфраструктуру с указанными версиями ПО. По итогам работ команде Росатома был предоставлен полный доступ к серверу для переноса.

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

За основу взят 1С-Битрикс: Управление сайтом — платформа обеспечила гибкое управление контентом через визуальный редактор без привлечения разработчика, что было принципиально важно для редакции новостей и мероприятий. Дизайн реализован по макетам Figma с точным воспроизведением брендинга РосАтом.

Дизайн разработан в Figma и согласован с заказчиком до старта вёрстки. Визуальный стиль выдержан в корпоративной эстетике Росатома: строгая типографика, фирменная палитра, выверенная сетка. Каждая страница содержит порядка 5 содержательных блоков в формате текст + изображение, видеоблоки и интерактивные плашки.

2 · Вёрстка с анимацией

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

3 · Интерактивные плашки с попапами

Реализован блок карточек с всплывающими окнами (попапами) — при нажатии на каждую плашку открывается модальное окно с развёрнутым текстовым описанием. Все попапы управляются через административную панель Битрикс без необходимости редактировать код.

4 · Новостной раздел

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

5 · Форма подписки на рассылку

В подвале сайта реализована форма подписки на почтовые напоминания о мероприятиях. Форма интегрирована с модулем рассылок Битрикс — подписчики автоматически получают уведомления о предстоящих событиях AtomSkills на указанный email.

6 · Настройка CMS и редактируемость

Все блоки сайта настроены для самостоятельного редактирования через административную панель Битрикс: тексты, изображения, видео, содержимое попапов, новости и данные форм — без привлечения разработчика.

7 · Подготовка к передаче

По завершении работ подготовлена документация для переноса проекта на инфраструктуру заказчика. Предоставлен полный доступ к серверу для миграции на сертифицированный стек (RED OS + MariaDB 10.1 + Битрикс Бизнес 18.5).

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