Сайт на MODX с каталогом и сотнями страниц контента. Лендинг устарел визуально, но полный перезапуск CMS был бы дорогим и рискованным. Сделал поэтапное обновление: новый лендинг и политика конфиденциальности — на React; каталог и прочие разделы пока остаются на MODX. Заказчик должен был узнать «свой» бренд — два фирменных акцента, бордовый и бирюзовый, структура блоков, логотипы клиентов — только в современной подаче.
Роль: Full-stack разработчик.
Примечание: На prod с сентября 2026.
Кейсы
01
Гибридная архитектура
React SPA для лендинга и политики конфиденциальности. Каталог и сотни legacy-страниц остаются на MODX. Деплой через rsync без затрагивания CMS-ядра — обновления лендинга не ломают prod.
02
Hero с видеофоном
Промо-видео на фоне первого экрана: autoplay без звука, модалка «Смотреть видео о предприятии» со звуком. Панель фактов: год основания, география, полный цикл производства.
03
Шапка и навигация
Sticky header без скачка layout. Многоуровневое меню с мостом между пунктом и подменю. На мобилке — бургер и полная кнопка «Оставить заявку».
04
Блок продукции
8 карточек одинаковой высоты: генераторы, плавильные и закалочные установки, кузнечные нагреватели, ВЧ-установки, спецрешения, индукторы, замена генераторов.
05
Клиенты и доверие
Бесконечная лента логотипов крупных заказчиков. Карточка «Отзывы клиентов» ведёт на legacy-раздел с письмами предприятий.
06
Контактная форма
Модалка в стиле лендинга: поля заявки, drag-and-drop загрузка файла с превью, согласие на обработку данных. Отправка на prod через MODX AjaxForm.
07
SEO и compliance
Canonical, OG-image, JSON-LD Organization, alt-тексты. Отдельная SPA-страница политики `/privacy/`. Cookie-баннер в glass-стиле.