Site público de HARTMANN, mostrado como contexto da empresa. O produto interno deste caso não é mostrado.

Site público de HARTMANN, mostrado como contexto da empresa. O produto interno deste caso não é mostrado.

HARTMANN

Plataforma healthcare-experience

Senior Frontend Developer · Sistema de design

Conjunto de componentes Next.js guiados pelo CMS para a PAUL HARTMANN em Sitecore XM Cloud: os editores compõem páginas de saúde sem um ciclo de engenharia por cada layout.

01Problema

Os editores precisavam de compor páginas de saúde sem um ticket de engenharia para cada layout. Os componentes tinham de permanecer dentro de um sistema de design e continuar compatíveis com Sitecore XM Cloud.

02Contributos selecionados

Construí componentes reutilizáveis guiados pelo CMS que permitiram aos editores compor páginas flexíveis, preservando a consistência do sistema de design. Desenvolvi e mantive componentes Next.js compatíveis com Sitecore XM Cloud, em LESS e BEM, para que novos layouts não exigissem uma passagem de engenharia extra. Ajudei a sequenciar o backlog, pesando esforço e impacto, e trabalhei com produto e design nas decisões de UX e prioridades.

  • Construí componentes Next.js reutilizáveis compatíveis com Sitecore XM Cloud
  • Mantive a consistência do sistema de design na composição de páginas guiada pelo CMS
  • Desenhei componentes para que os editores configurassem layouts sem engenharia extra
  • Ajudei a sequenciar o backlog e trabalhei com produto e design nas prioridades de UX

03Contexto do sistema

Componentes de frontend Next.js, em TypeScript com LESS e BEM, estão ligados ao Sitecore XM Cloud para os editores comporem páginas a partir de blocos configurados. Azure DevOps é o caminho de entrega.

  • Next.js componentsO meu âmbitoLigado a blocos do CMS que os editores compõemSitecore XM Cloud

O meu âmbito no sistema: Next.js components

Entrega

  • Azure DevOpsCaminho de entrega

À parte do fluxo de execução. Estas partes não estão ligadas entre si.

Ferramentas de implementação

TypeScript · LESS · BEM. Não são serviços de execução.

04Escala e restrições

  • Sitecore XM Cloud como CMS
  • Frontend Next.js com LESS e BEM
  • Os componentes tinham de ser configuráveis por editores, não só por engenheiros

05Resultado

Um conjunto de componentes guiados pelo CMS em Sitecore XM Cloud que os editores configuram em novos layouts sem um ticket de engenharia dedicado a cada página. Não há métricas públicas.

  • Componentes de frontend reutilizáveis para composição de páginas guiada pelo CMS
  • Consistência do sistema de design em layouts conduzidos pelo Sitecore

06Stack

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

Não há métricas públicas verificadas para este trabalho.

Categorias: Design System, Frontend

Ano: 2026

Serviços relacionados