Desenvolvimento · 2026

Site institucional de agência de conteúdo

Site institucional com identidade dark minimalista, construído sobre um design system próprio: paleta, tipografia e componentes tokenizados reaproveitados do portal às páginas individuais do time. Animações fluidas com curvas de easing customizadas dão o acabamento de produto premium.

DESENVOLVIMENTOBRANDINGSITE

Cliente: Mes Corporation
Ano: 2026
Frente: Desenvolvimento

Site ao vivo.

mescorporation.netlify.app

Abrir

Navegue pelo site real dentro da página. Alguns sites bloqueiam a exibição incorporada — nesse caso, use o botão “Abrir”.

O projeto.

A arquitetura inclui página dedicada por integrante (rota dinâmica por membro) e internacionalização (i18n) no site inteiro, com SEO técnico por rota: meta tags, Open Graph e dados estruturados de Organization.

Como foi feito

Design system com tokens de cor, tipografia e espaçamento reaproveitados em todo o site
Rota dinâmica por integrante, com portfólio individual de cada membro do time
Internacionalização (i18n) cobrindo todas as páginas
Animações com easing customizado e transições de página suaves
SEO técnico por rota: meta tags, Open Graph e JSON-LD de Organization
Arquitetura de conteúdo curta, com CTA de contato sempre a um scroll de distância

Execução técnica.

Arquitetura de informação e escopo técnico

Mapeamento das jornadas prioritárias, definição da hierarquia de conteúdo e do modelo de dados antes de qualquer tela. O escopo é fechado em componentes reutilizáveis, o que reduz retrabalho e mantém o comportamento consistente entre páginas.

Design system e implementação em componentes

Tokens de cor, tipografia, espaçamento e raio definidos em CSS e consumidos por componentes — nenhum valor solto no código. Layout construído em grid responsivo com breakpoints reais de uso (mobile, tablet, desktop) e estados explícitos de hover, foco, carregamento, vazio e erro.

Performance e Core Web Vitals

Imagens servidas em formato moderno com dimensões fixas para evitar deslocamento de layout, carregamento diferido abaixo da dobra, divisão de código por rota e renderização no servidor do conteúdo crítico. Animações restritas a transform e opacity, aceleradas por GPU, para manter o scroll estável.

SEO técnico, acessibilidade e rastreio

Estrutura semântica com um H1 por página, meta e Open Graph por rota, dados estruturados em JSON-LD, sitemap e canônicas. Contraste, navegação por teclado e rótulos ARIA validados. Camada de analytics instalada com eventos de conversão nomeados por etapa da jornada.

Mensuração e ciclo de melhoria

Toda a entrega roda em ciclo fechado: definição de indicador primário, coleta em painel único, leitura semanal de variação e ajuste na semana seguinte. O critério de decisão é sempre o dado de saída — não o gosto pessoal. O acompanhamento seguiu o indicador combinado com Mes Corporation na abertura do projeto.

Serviços entregues.

Site institucional