Публичный сайт HARTMANN, показан как контекст компании. Внутренний продукт из этого кейса не показан.

Публичный сайт HARTMANN, показан как контекст компании. Внутренний продукт из этого кейса не показан.

HARTMANN

Платформа healthcare-experience

Senior Frontend Developer · Дизайн-система

CMS-управляемый набор компонентов Next.js для PAUL HARTMANN на Sitecore XM Cloud: редакторы собирают медицинские страницы без отдельного инженерного прохода на каждую раскладку.

01Проблема

Редакторам нужно было собирать медицинские страницы без отдельного инженерного тикета на каждую раскладку. Компоненты должны были оставаться внутри дизайн-системы и быть совместимы с Sitecore XM Cloud.

02Выбранный вклад

Собрал переиспользуемые CMS-управляемые компоненты, чтобы редакторы могли гибко компоновать страницы, сохраняя единообразие дизайн-системы. Разрабатывал и сопровождал компоненты Next.js, совместимые с Sitecore XM Cloud, на LESS и BEM, чтобы новые раскладки не требовали отдельного инженерного прохода. Помогал выстраивать бэклог, сопоставляя трудоёмкость и эффект, и работал с продуктом и дизайном над решениями по UX и приоритетами.

  • Собрал переиспользуемые компоненты Next.js, совместимые с Sitecore XM Cloud
  • Держал дизайн-систему согласованной на CMS-управляемой компоновке страниц
  • Спроектировал компоненты так, чтобы редакторы настраивали раскладки без дополнительной инженерии
  • Помогал выстраивать бэклог и работал с продуктом и дизайном над приоритетами UX

03Контекст системы

Фронтенд-компоненты на Next.js, на TypeScript с LESS и BEM, связаны с Sitecore XM Cloud, чтобы редакторы собирали страницы из настраиваемых блоков. Azure DevOps – путь поставки.

  • Next.js componentsМоя зонаПривязано к блокам CMS, которые собирают редакторыSitecore XM Cloud

Моя зона в системе: Next.js components

Поставка

  • Azure DevOpsКонвейер поставки

Отдельно от потока выполнения. Эти части не связаны друг с другом.

Инструменты реализации

TypeScript · LESS · BEM. Это не сервисы времени выполнения.

04Масштаб и ограничения

  • Sitecore XM Cloud как CMS
  • Фронтенд на Next.js с LESS и BEM
  • Компоненты должны были настраиваться редакторами, а не только инженерами

05Результат

Набор CMS-управляемых компонентов на Sitecore XM Cloud, которые редакторы собирают в новые раскладки без отдельного инженерного тикета на каждую страницу. Публичные метрики не опубликованы.

  • Переиспользуемые фронтенд-компоненты для CMS-управляемой компоновки страниц
  • Единообразие дизайн-системы на раскладках из Sitecore

06Стек

  • Next.js
  • TypeScript
  • LESS
  • BEM
  • Sitecore XM Cloud
  • Azure DevOps

Проверенные публичные метрики по этому проекту не опубликованы.

Категории: Design System, Frontend

Год: 2026

Связанные услуги