chamar no whatsapp

UI DESIGN, ESTRATÉGIA DE MARCA & DESENVOLVIMENTO WEB

Dr. Renan Pinheiro

Cirurgião pediátrico e especialista em gastroenterologia infantil

UX estratégico

UI Design

Site Institucional

Direcionamento visual

Estratégia de Marca

Grupo de crianças diversas se divertindo em um campo de grama sintética, puxando uma corda em uma brincadeira de cabo de guerra com expressões de alegria.

Cliente

Dr. Renan Pinheiro

Função

UI Design · Branding · Estratégia · Desenvolvimento Web

Função

UI Design · Branding · Estratégia · Desenvolvimento Web

Ferramentas

Figma · Framer · GA4 · GTM

Ano

2024 - 2025

O desafio

De invisível no Google para referência local

O Dr. Renan Pinheiro é cirurgião pediátrico e especialista em gastroenterologia infantil. Quando o projeto começou, ele não tinha presença digital estruturada: sem site funcional, sem acessibilidade, sem bom funcionamento em dispositivos móveis, sem posicionamento claro no Google, poucas avaliações. O objetivo: atrair novas pacientes, principalmente mães de primeira viagem na região de Pouso Alegre, e construir autoridade local como especialista de confiança.

O desafio

De invisível no Google para referência local

O Dr. Renan Pinheiro é cirurgião pediátrico e especialista em gastroenterologia infantil. Quando o projeto começou, ele não tinha presença digital estruturada: sem site funcional, sem acessibilidade, sem bom funcionamento em dispositivos móveis, sem posicionamento claro no Google, poucas avaliações. O objetivo: atrair novas pacientes, principalmente mães de primeira viagem na região de Pouso Alegre, e construir autoridade local como especialista de confiança.

O desafio

De invisível no Google para referência local

O Dr. Renan Pinheiro é cirurgião pediátrico e especialista em gastroenterologia infantil. Quando o projeto começou, ele não tinha presença digital estruturada: sem site funcional, sem acessibilidade, sem bom funcionamento em dispositivos móveis, sem posicionamento claro no Google, poucas avaliações. O objetivo: atrair novas pacientes, principalmente mães de primeira viagem na região de Pouso Alegre, e construir autoridade local como especialista de confiança.

Notebook MacBook cinza aberto sobre uma bancada branca, exibindo na tela a página inicial do site do Dr. Renan Pinheiro. O ambiente conta com plantas pendentes ao fundo e decoração moderna em tons neutros.

Antes

Mockup em perspectiva de um notebook, dois tablets e um smartphone exibindo o layout responsivo do site do Dr. Renan Pinheiro, com design moderno nas cores azul, rosa e amarelo.

Depois

Notebook MacBook cinza aberto sobre uma bancada branca, exibindo na tela a página inicial do site do Dr. Renan Pinheiro. O ambiente conta com plantas pendentes ao fundo e decoração moderna em tons neutros.

Antes

Mockup em perspectiva de um notebook, dois tablets e um smartphone exibindo o layout responsivo do site do Dr. Renan Pinheiro, com design moderno nas cores azul, rosa e amarelo.

Depois

Notebook MacBook cinza aberto sobre uma bancada branca, exibindo na tela a página inicial do site do Dr. Renan Pinheiro. O ambiente conta com plantas pendentes ao fundo e decoração moderna em tons neutros.

Antes

Mockup em perspectiva de um notebook, dois tablets e um smartphone exibindo o layout responsivo do site do Dr. Renan Pinheiro, com design moderno nas cores azul, rosa e amarelo.

Depois

A abordagem

A pesquisa orientou cada decisão de design

Antes de qualquer decisão visual, conduzi benchmarking de concorrentes, análise SWOT e mapeei a proto-persona e o público-alvo. A pesquisa apontou uma coisa clara: o gatilho de decisão das mães não é a especialização técnica do médico, é a confiança. Isso mudou o projeto inteiro. O médico como pessoa precisava vir antes do médico como profissional.

A abordagem

A pesquisa orientou cada decisão de design

Antes de qualquer decisão visual, conduzi benchmarking de concorrentes, análise SWOT e mapeei a proto-persona e o público-alvo. A pesquisa apontou uma coisa clara: o gatilho de decisão das mães não é a especialização técnica do médico, é a confiança. Isso mudou o projeto inteiro. O médico como pessoa precisava vir antes do médico como profissional.

A abordagem

A pesquisa orientou cada decisão de design

Antes de qualquer decisão visual, conduzi benchmarking de concorrentes, análise SWOT e mapeei a proto-persona e o público-alvo. A pesquisa apontou uma coisa clara: o gatilho de decisão das mães não é a especialização técnica do médico, é a confiança. Isso mudou o projeto inteiro. O médico como pessoa precisava vir antes do médico como profissional.

Insight central: o gatilho de conversão das mães é confiança, não especialização técnica. O design precisa comunicar humanidade antes de autoridade médica.

Análise SWOT
Proto-persona (Alice, 29 anos, mãe de primeira viagem)
Dores, necessidades e oportunidades do público-alvo
A solução

Cada escolha tem um porquê

O site foi desenhado do zero no Figma antes de qualquer linha de código, com pelo menos duas iterações por tela: hierarquia de informação, responsividade e leitura confortável pra quem acessa pelo celular. Desenvolvido em Framer, responsivo. Decisões de paleta:

A solução

Cada escolha tem um porquê

O site foi desenhado do zero no Figma antes de qualquer linha de código, com pelo menos duas iterações por tela: hierarquia de informação, responsividade e leitura confortável pra quem acessa pelo celular. Desenvolvido em Framer, responsivo. Decisões de paleta:

A solução

Cada escolha tem um porquê

O site foi desenhado do zero no Figma antes de qualquer linha de código, com pelo menos duas iterações por tela: hierarquia de informação, responsividade e leitura confortável pra quem acessa pelo celular. Desenvolvido em Framer, responsivo. Decisões de paleta:

Ciano

Confiança e presença profissional; cor de maior peso, usada em logo, navegação e CTAs principais.

Magenta

Calor humano e urgência positiva; usada em botões de conversão e destaques.

Amarelo

Conexão com a alegria infantil; elemento de suporte que humaniza a comunicação com os pais.

Sand

Acolhimento; foge da frieza clínica típica de marca de saúde.

Painel de inspiração (moodboard) para a marca do Dr. Renan Pinheiro, incluindo paleta de cores com códigos hexadecimais, o logotipo da marca, fotos do médico, exemplos de postagens para redes sociais com pacientes e crianças, referências tipográficas do Google Fonts e ilustrações institucionais.
Painel de inspiração (moodboard) para a marca do Dr. Renan Pinheiro, incluindo paleta de cores com códigos hexadecimais, o logotipo da marca, fotos do médico, exemplos de postagens para redes sociais com pacientes e crianças, referências tipográficas do Google Fonts e ilustrações institucionais.

Moodboard de identidade visual do Dr. Renan Pinheiro

O resultado

Medição que antes não existia

O projeto foi entregue sem baseline analítico anterior: não havia como comparar antes e depois em número. Configurei GA4 e GTM com eventos customizados: isso significa que hoje é possível saber quantas pessoas rolam a página até o fim, clicam pra chamar no WhatsApp ou enviam o formulário de contato, dado que simplesmente não existia antes. A partir daqui, qualquer decisão futura de marketing tem base real pra se apoiar.

O resultado

Medição que antes não existia

O projeto foi entregue sem baseline analítico anterior: não havia como comparar antes e depois em número. Configurei GA4 e GTM com eventos customizados: isso significa que hoje é possível saber quantas pessoas rolam a página até o fim, clicam pra chamar no WhatsApp ou enviam o formulário de contato, dado que simplesmente não existia antes. A partir daqui, qualquer decisão futura de marketing tem base real pra se apoiar.

O resultado

Medição que antes não existia

O projeto foi entregue sem baseline analítico anterior: não havia como comparar antes e depois em número. Configurei GA4 e GTM com eventos customizados: isso significa que hoje é possível saber quantas pessoas rolam a página até o fim, clicam pra chamar no WhatsApp ou enviam o formulário de contato, dado que simplesmente não existia antes. A partir daqui, qualquer decisão futura de marketing tem base real pra se apoiar.

scroll_depth (25%, 50%, 75%, 100%)
click_whatsapp
form_submit
page_view por seção

Ver site completo

Ver site completo

Quer um resultado parecidono seu produto? Vamos conversar.

Me chame no whatsapp

Quer um resultado parecidono seu produto? Vamos conversar.

Me chame no whatsapp

Quer um resultado parecidono seu produto? Vamos conversar.

Me chame no whatsapp

Políticas de privacidade

Voltar para o topo

Políticas de privacidade

Voltar para o topo

Políticas de privacidade

Voltar para o topo