Uma nova experiência digital para a Guaporé Tintas.

A primeira tela ganha clareza e um caminho direto para a loja.

Primeira dobra da Início no computador (1440×900), com o mesmo banner nas duas versões. Arraste o controle para comparar.

01 02 03

Site atual Proposta Nottus

← Site atual · Proposta Nottus →Os marcadores aparecem ao revelar a nova versão.

1. 01Loja Online no cabeçalho. Botão próprio, separado dos links institucionais.
2. 02Atendimento identificado. O WhatsApp aparece com ícone e rótulo claro.
3. 03Controles do banner. Voltar, avançar e pausar a troca automática.

O mesmo mapa de páginas, com a loja a um clique de qualquer lugar.

A nova versão manteve as seis páginas do menu que o cliente já conhece. A diferença está no que foi acrescentado e em quantos passos cada jornada exige.

Site atual

Proposta Nottus

Cabeçalhos capturados em 1440 px de largura. O cabeçalho é o mesmo em todas as páginas de cada versão.

Contagem feita em 17/09/2026. “Telas” = distância até o link dividida pela altura da janela (900 px no computador, 844 px no celular). No site atual, o link de compra existe apenas na seção “Compre nossos produtos online” da Início.

Menu no celular

Menu aberto nas duas versões, em tela de 390 px.

1. 6links institucionais
2. 0acessos à loja

1. 6os mesmos links institucionais
2. 2acessos à loja: link e botão “Comprar online”

As quatro linhas de produto ganham uma vitrine própria dentro do institucional.

Automotivas, Imobiliárias, Industriais e Estética automotiva já estavam presentes. A nova versão muda a forma de apresentá-las e o caminho até a compra.

0102

1. 01Botão “Comprar Online” centralizado no bloco azul.
2. 02Cartões com foto, ícone e nome da linha.

010203

1. 01“Comprar online” ao lado do título, com o endereço da loja logo abaixo.
2. 02Linhas numeradas e com ícone próprio.
3. 03Seta em cada cartão indica que ele é clicável.

Importante: os produtos não foram reconstruídos. Nas duas versões, os cartões levam à mesma loja de hoje, em loja.guaporetintas.com.br. A compra continua acontecendo na estrutura atual.

Marcas parceiras

Contagem na Início. A nova versão soma Maza, Evox e Suvinil às cinco marcas já exibidas e leva à página Parceiros pelo link “Conheça nossos parceiros”.

Mais destaque para a loja. A mesma operação por trás dela.

Verificamos, página por página, onde existe um link para loja.guaporetintas.com.br e se ele aparece na primeira tela.

Estamos melhorando o caminho até a loja, não reconstruindo a loja.

Produtos, carrinho, checkout, pagamentos e acessos continuam na plataforma atual. O institucional apenas aponta para ela com mais frequência e mais destaque.

Quase três décadas de história, contadas com mais presença.

A Guaporé tem 29 anos de trajetória, um selo Great Place To Work e uma equipe que aparece nas fotos. A nova versão coloca isso no centro da narrativa.

0102

1. 01Título comunica 27 anos.
2. 02Ilustração genérica de pintor.

010203

1. 0129 anos como elemento principal.
2. 02Linha do tempo de 1997 a 2026.
3. 03Foto real da equipe Guaporé.

Página Pintor Parceiro

Primeira tela de “Pintor Parceiro” no computador.

1. —Nenhum botão de inscrição na primeira tela. O formulário fica no fim da página.

01

1. 01Dois botões na primeira tela: “Quero fazer parte” e “Conheça os benefícios”.

Na nova versão, os oito benefícios do programa Pintor Parceiro ganham um cartão numerado cada, em vez de uma lista de texto.

Uma experiência pensada para qualquer tela.

Não foi uma mudança só no computador. Todas as telas abaixo foram capturadas em celular de 390 px de largura. A análise foi repetida em 430 px e em 1920×1080, com a mesma leitura.

Site atualProposta Nottus

Site atual

Proposta Nottus

Primeira tela da Início

Banner principal Dado

No site atual, o banner “29 anos” não carregou a imagem no celular: em 6 de 10 capturas seguidas, o espaço mostrou só o ícone de imagem vazia (ver captura). Na nova versão, os dois banners aparecem nas 10 capturas, com controles.

Leitura Dado

Texto corrido da Início: 12 px no site atual e 17 px na nova versão (mediana ponderada pelos caracteres).

Hierarquia UX

Título “Para o profissional que busca mais.” em destaque, com o texto de apoio separado do botão.

Site atualProposta Nottus

Site atual

Proposta Nottus

Linhas de produto

Rolagem Dado

A seção ocupa 1.343 px de altura no site atual, com os cartões empilhados, e 590 px na nova versão, com os cartões em faixa lateral.

Chamada para a loja UX

“Comprar online” ganha botão largo, fácil de tocar, e o endereço da loja aparece logo abaixo.

Site atualProposta Nottus

Site atual

Proposta Nottus

História

Mensagem UX

O número 29 e a linha do tempo abrem a seção. A foto da equipe substitui a ilustração.

Leitura UX

Parágrafos em fonte maior e divididos em dois blocos, sobre fundo azul da marca.

Site atualProposta Nottus

Site atual

Proposta Nottus

Pintor Parceiro

Chamada principal UX

No site atual, o título aparece em letras pequenas sobre a foto. Na nova versão, o título ocupa a largura da tela, com dois botões logo abaixo.

Texto UX

No site atual, as frases do texto de apresentação quebram no meio da linha. Na nova versão, o texto aparece em parágrafos completos.

Em telas grandes

Primeira dobra da Início em 1920×1080.

Menos peso, conteúdo principal na tela mais cedo.

Testes Lighthouse 13.4.1 na página inicial das duas versões institucionais. No mobile, o teste simula um celular intermediário em rede 4G lenta; no desktop, um computador com conexão cabeada.

Classificação por cor conforme os limites de referência do Google/Lighthouse (ex.: LCP bom até 2,5 s; tempo de bloqueio bom até 200 ms). Notas de 0 a 100: verde a partir de 90.