logo da empresa serracore
WebsiteInstitucional

JP de Andrade

Um site que transmite credibilidade antes mesmo do visitante ler a primeira linha.

ClienteJP de Andrade
EscopoSite institucional
StackNext.js · Tailwind CSS
Ano2024
01
Contexto

Presença digital que não refletia o tamanho do trabalho

JP de Andrade chegou até a SerraCore com um problema comum entre profissionais estabelecidos: o trabalho era sólido, a reputação era boa, mas a presença digital não comunicava isso.

O site anterior era genérico, lento e não convertia. Clientes em potencial chegavam pelo boca a boca e pelo Instagram — e quando buscavam mais informações online, o que encontravam não estava à altura do profissional que encontrariam pessoalmente.

O objetivo não era apenas um site bonito. Era um canal que trabalhasse 24 horas gerando credibilidade e convertendo visitantes em contatos.

JP de Andrade — site finalizado
02
Processo

Design orientado à conversão, identidade preservada

Antes de qualquer tela, mapeamos a jornada do visitante: quem é, o que busca, o que precisa ver para entrar em contato. A partir disso, definimos a arquitetura de informação — quais seções existem, em que ordem e com qual objetivo.

A identidade visual foi construída em cima do que já existia: cores da marca, tom de comunicação e o tipo de trabalho que JP queria atrair. Nada foi inventado do zero — tudo foi organizado e elevado.

Wireframe da estrutura de seções
Definição de paleta e tipografia
03
Entrega

Rápido, rastreável e fácil de atualizar

O site foi desenvolvido com Next.js para garantir performance real: carregamento abaixo de 1 segundo, SEO técnico implementado desde o início e pontuação máxima no Google PageSpeed.

CTAs bem posicionados em cada seção guiam o visitante naturalmente até o formulário de contato. As seções de serviços e portfólio foram estruturadas para responder as dúvidas mais comuns antes mesmo de o usuário precisar perguntar.

No primeiro mês após o lançamento, o volume de contatos pelo site triplicou em relação ao site anterior.

Seção hero com CTA principal
Seção de serviços
Seção de contato
Resultado
Aumento nos contatos via site no primeiro mês
< 1sTempo de carregamento — 100/100 no PageSpeed
+85%Aumento no tempo médio de permanência na página