Metade dos campos.
Publicado assim.
Ainda parece intencional.
Uma partial baseTrês variantesZero layout quebrado
Rolar ↓

via OPTEN AG · Fev — Mar 2026

Plataforma de CMS para Indústria.

Cliente
via OPTEN AG
Papel
Engenharia frontend
Stack
Umbraco 17 · Razor · BlockListBuilder
Período
Fev — Mar 2026

Módulos de CMS para um fabricante de materiais de construção: layouts em grid e carrossel compartilhando um mesmo partial base, fallbacks de conteúdo para que módulos preenchidos pela metade ainda renderizem bem, variantes promocionais com embeds de vídeo adiados — e previews responsivos de página para que os editores vejam todo breakpoint antes de publicar.

O usuário real é um editor

Um módulo de CMS não está pronto quando renderiza o conteúdo desenhado. Está pronto quando um editor de marketing, com pressa, preenche metade dos campos e publica assim mesmo — e a página ainda parece intencional. Para um fabricante de materiais de construção com um catálogo grande e um time de conteúdo pequeno, esse cenário é o caso normal, não o caso extremo.

Um partial base, três variantes

Os layouts em grid, carrossel e promocional compartilham um único partial base, então espaçamento, tipografia e comportamento responsivo são definidos uma vez só. Os fallbacks de conteúdo vivem nessa base: uma imagem faltando colapsa para um layout que ainda equilibra, um texto ausente encurta o módulo em vez de deixar um buraco. A variante promocional adia o embed de vídeo até a interação, então um módulo de marketing nunca custa à página o tempo de carregamento.

Arraste o diagrama para o lado para ler

As variantes em grid, carrossel e promocional compartilham um partial base — os fallbacks vivem no nível do componente

Ver antes de publicar

Os editores ganharam previews responsivos de página — todo breakpoint visível antes de qualquer coisa ir pro ar. Elimina o ciclo de publicar-e-conferir-no-celular, e com ele a maior parte dos chamados de layout que esse ciclo gera.

Módulos em grid no site publicado — o que os editores veem antes de ir pro ar
Módulos em grid no site publicado — o que os editores veem antes de ir pro ar

Construído com BlockListBuilder

Umbraco 17 com Razor, composto pelo BlockListBuilder para que os módulos sigam montáveis pelo editor em vez de montados pelo desenvolvedor. A medida de sucesso é negativa: nenhum chamado de suporte que comece com “a página quebrou quando deixei o campo vazio”.

Editores não conseguem quebrar um layout deixando um campo vazio — os fallbacks vivem no nível do componente.