via OPTEN AG · 2026

Plataforma da Federação Nacional de Hóquei no Gelo

Um Game Center onde torcedores acompanham tabela, resultados, classificação, escalações e estatísticas durante a temporada. Layouts aprovados no Figma viraram componentes testados e acessíveis, feitos para aguentar dados de jogo ao vivo.

Resultado

Redesign ativo, entregue recurso a recurso, com um documento de convenções de frontend que a equipe usa como base.

Papel: Engenharia de frontend
Stack: Umbraco 17 · .NET 10 · HTMX · SCSS
Período: mar – mai 2026

Uma federação nacional de hóquei no gelo mantém uma grande plataforma pública: páginas editoriais, informações de clubes e ligas, e um Game Center onde torcedores acompanham tabela, resultados, classificação, escalações e estatísticas durante a temporada. O design é aprovado no Figma e precisa virar software real, acessível, rápido e sustentável.

O carrossel das seleções: um dos módulos, do Figma aprovado ao markup de produção

Acessibilidade como engenharia

Contraste verificado, caminhos de teclado desenhados, ARIA onde a marcação sozinha não diz, ordem de foco conferida em cada componente interativo.

O buscador de clubes, uma grade de cartões — Buscador de clubes: cartões navegáveis por teclado, contraste conferido na WCAG

Seguro para publicar

Componentes feitos para aguentar dados de partida ao vivo, com testes em volta do que muda durante o jogo.

O módulo de contagem regressiva ao vivo — Contagem regressiva ao vivo: exercitada de ponta a ponta no Playwright antes do merge

Ginásios no celular — Ginásios: o Game Center na mão do torcedor