Clínica Dr. Cimó · Landing page interativa
Uma LP interativa para a Clínica Dr. Cimó
Da proposta das perguntas à construção de uma jornada de contato
Concebi as perguntas, a pontuação e as mensagens, e construí a landing page com Lovable e ChatGPT. O projeto conecta conteúdo, regras de interação e interface em um percurso de três etapas antes do contato.
Explorar as telas§ 01
Contexto
A clínica precisava apresentar o serviço de implantes e protocolos e reunir informações de quem tivesse interesse em conversar. Organizei esse caminho em uma introdução, três etapas de perguntas e um formulário de contato.
Meu trabalho incluiu definir o que perguntar, como as escolhas alterariam a pontuação e qual mensagem apareceria no final. Conteúdo e comportamento da interface foram pensados juntos.
§ 02
Decisões de UX/UI
01Perguntas com uma sequência definida
Separei as informações por assunto: cenário inicial, expectativas e região de interesse, e perguntas complementares. Cada etapa tem título, orientação e controles para avançar ou voltar.
No desktop, mantive a identificação da clínica e o resumo ao lado das perguntas. O conteúdo muda, mas essas referências acompanham o percurso.
Expectativas e região em grupos separados. Demonstração fictícia de 20 pontos; o bloco continua abaixo do enquadramento. - 02
Mostrar o que foi selecionado
Usei cards com mudança de borda e superfície para distinguir as escolhas. A pontuação também é atualizada conforme as respostas.
Mantive as alternativas e os controles nos mesmos lugares antes e depois da seleção. O padrão da interação continua enquanto o resumo é atualizado.
Mudança visual das alternativas e atualização do resumo. Respostas fictícias, com 10 pontos. - 03
Orientar o avanço e permitir revisão
Quando falta uma resposta obrigatória, a interface orienta o que precisa ser selecionado antes de continuar. O botão de voltar permite revisar as escolhas.
Nos cenários registrados, as respostas foram preservadas ao retornar à etapa anterior. O estado após esse retorno também aparece na galeria em celular.
Teste fictício de avanço sem resposta. O aviso aparece na parte inferior da captura em emulação de tablet. - 04
Conectar as respostas ao contato
Propus os pesos das alternativas e as mensagens exibidas conforme a pontuação. Depois das perguntas, a interface reúne nome, WhatsApp, bairro, horário e consentimento.
A pontuação organiza essa experiência de contato; não representa um diagnóstico. O resumo acompanha a tela final, e os 100% indicam a chegada ao formulário, antes do envio.
Contato em cenário fictício de 25 pontos. Campos vazios e nenhum envio; 100% indica chegada a esta tela. - 05
Reorganizar o conteúdo em telas menores
No tablet e no celular, o painel lateral passa para baixo das perguntas. As alternativas que dividem espaço no tablet ficam em uma coluna no celular.
Mantive a identidade visual e os estados de escolha, ajustando a distribuição do conteúdo à largura disponível.
Captura integral em emulação de tablet. Escolhas fictícias de outro cenário, com o painel abaixo das perguntas.
§ 03
Construção com IA
Usei Lovable e ChatGPT para desenvolver o projeto, a partir do fluxo, dos textos e das regras que propus.
- Conteúdo e interação
- Perguntas, alternativas e mensagens fazem parte da mesma experiência, com regras que se refletem nos estados da interface.
- Conferência do fluxo
- A documentação registra seleção, tentativas de avanço sem resposta, retorno e chegada ao contato. Esses estados ajudam a demonstrar o que foi construído.
§ 04
SEO
A LP também recebeu fundamentos de SEO ligados ao serviço e à localização da clínica em Assis.
- Apresentação para busca
- Título e descrição específicos, URL canônica, idioma definido e textos alternativos nas imagens.
- Estrutura da página
- Títulos de seção e marcação estruturada para a clínica, o site e as perguntas frequentes.
§ 05
Uso e retorno
A LP foi utilizada e, pelo retorno que tive, houve pessoas entrando em contato. Não recebi números ou um período de acompanhamento; esse é um relato de uso, sem medição de conversão.
§ 06
Telas
Respostas e pontuações dos prints são demonstrações fictícias. Tablet e celular foram registrados em emulação de viewport; os cenários não representam uma única sessão contínua.
Desktop · 03
Tablet · 03
Celular · 03
§ 07
Créditos
Crédito institucional: Agência Q.Com.
Matheus Barros: concepção das perguntas, pontuação e mensagens; copy, UX/UI, construção e SEO. Fotografias fornecidas pelo cliente.