23°34′S / SP

Rebranding digital · Agência de marketing

seomkt

Uma agência inteira redesenhada como um leque.

Ano
2026
Ferramentas
HTML
CSS
JavaScript
Pré-render em Node
Vercel

01O desafio

A SEO Marketing trocou de marca depois de quase duas décadas. O site antigo ainda falava a língua do quebra-cabeça do logo anterior e não mostrava o que a agência virou: captação audiovisual, GEO, BI e inteligência artificial ao lado do SEO que deu nome à casa.

Seção do site seomkt
Fig. 01 · seomkt, desktop

02A ideia

O conceito "Crescer é uma direção" virou um sistema visual. Os feixes do hero são as especialidades abrindo como um leque, cada um com uma cor da nova paleta, e todos apontam para o mesmo ponto. O resto do site repete o gesto: serviços numerados de 01 a 09, cases como capítulos e um estúdio que funciona como galeria viva.

Tela mobile do site seomkt
Outra tela mobile do site seomkt
Detalhe do site seomkt
Fig. 02
Outro detalhe do site seomkt
Fig. 03

03Decisões

  1. 01

    Pré-renderização

    Um script em Node monta no build todo o HTML que antes nascia no navegador. O visitante recebe a página pronta e o JavaScript só liga os eventos.

  2. 02

    Scripts depois da primeira pintura

    Nenhum script bloqueia o conteúdo. Revelações nascem visíveis e só ganham animação quando o JavaScript confirma que pode animar.

  3. 03

    Mídia leve

    Fotos em WebP, fontes locais e vídeos que só tocam quando entram na tela. O site carrega como um folheto e se comporta como uma campanha.

  4. 04

    Conteúdo migrado

    37 artigos puxados da API do WordPress antigo, reorganizados por categoria e tempo de leitura, sem perder o histórico de SEO.

04Telemetria

Cota 01100no PageSpeed
Cota 0237artigos migrados
Cota 0309especialidades
Cota 040dependências de framework
Página interna do site seomkt
Fig. 04 · página interna
Tela 1 do site seomkt
Tela 2 do site seomkt
Tela 3 do site seomkt

Arraste para o lado ⟶

Próximo lançamento · Nº 02Denis RuppeltUm corretor que escreve como curador de museu.