A&D Odontologia
Criação de Landing page
Desenvolvi a interface desktop de uma landing page para a Clínica Odontológica A&D, localizada no Distrito Federal. O objetivo foi impulsionar o tráfego qualificado e atrair novos pacientes, reforçando a imagem de excelência e sofisticação da clínica. A identidade visual foi trabalhada cuidadosamente para transmitir confiança, sofisticação e compromisso com a saúde bucal.
Problema:
O site atual da clínica não é focado em conversão: não destaca claramente os diferenciais da clínica, nem guia o visitante de forma estratégica até o agendamento, limitando a aquisição de novos pacientes.
Desafio:
Como criar uma landing page que transforme visitantes do site em pacientes, transmitindo credibilidade, sofisticação e clareza, enquanto guia o usuário de forma intuitiva até o agendamento da consulta?
Etapas do processo:
Etapa 1 (Descoberta e Pesquisa)
Análise de Concorrentes
Matriz CSD
Criação de Personas
Jornada do Usuário
Etapa 2 (Estruturação e Protótipo de baixa fidelidade)
Arquitetura da Informação
User Flow
Protótipo de Baixa Fidelidade
Etapa 3 (Identidade Visual e protótipo de alta fidelidade)
Design System
Protótipo Interativo
Meu papel no projeto:
Pesquisa de mercado e análise de sites já existentes;
Desenvolvimento de personas e jornada do usuário e fluxos de navegação;
Criação de wireframes e protótipo de alta fidelidade no Figma.
Etapa 1:
O projeto começou com uma desk research e contrução de uma matriz CSD. Com isso em mãos rodamos uma pesquisa quantitativa/qualitativa cujo resultado nos levou a identificar o problema: muitas pessoas desistem de aprender um novo idioma por falta de motivação, dificuldade de manter rotina e métodos pouco envolventes.Para entender melhor esse cenário, realizamos uma pesquisa exploratória com foco em referências do mercado e no perfil dos usuários.Benchmarking Analisamos três plataformas populares observando suas principais funcionalidades, estratégias de engajamento e pontos de fricção. Isso nos ajudou a identificar boas práticas, como:1- Trilhas gamificadas e recompensas por constância;2- Aulas em contexto real e testes de nível;3- Foco em fluência prática e plano de estudo .PersonaCom base em análises secundárias, construímos o perfil das personas: Ana e Carlos. Ana, 20 anos, estudante de Relações Internacionais, busca um app que se encaixe em sua rotina, respeite seu nível de conhecimento e proporcione interação social com outros estudantes. Já Carlos, 30 anos, freelancer de marketing e viajante, precisa de uma solução acessível de qualquer lugar, com ensino rápido, contextualizado e que traga recursos culturais e dicas de viagem. A partir desses perfis, identificamos a importância de desenvolver trilhas de aprendizado personalizadas, com conteúdos práticos, visualmente atrativos e que se adaptem ao estilo de vida de cada usuário.Jornada do Usuário Mapeamos as etapas desde o primeiro contato até o uso recorrente. Identificamos três pontos importantes:1- Onboarding
Primeiro contato com o app. A interface precisa ser clara e acolhedora para evitar abandono precoce.2- Lições contínuas
Quando surgem dificuldades gramaticais, o app deve oferecer suporte acessível para manter o engajamento.3- Manutenção da Motivação
Elementos como progresso visual e interação social são essenciais para manter o uso contínuo e diário.Esses pontos nos levou a etapa 2 do projeto, focando em uma experiência mais adaptada, motivadora e eficiente.
Clique aqui para ver todo o processo da etapa 1
Etapa 2:
Com os insights da pesquisa em mãos, organizei a arquitetura da informação da landing page para que cada seção guiasse o usuário de forma estratégica até o agendamento da consulta. A estrutura definida foi:
Hero – headline impactante e CTA principal;
Sobre a clínica – apresentação da história, valores e diferenciais;
Tratamentos oferecidos – descrição clara com ícones representativos;
Diferenciais da clínica – tecnologia, equipe e atendimento personalizado;
Depoimentos de pacientes – prova social que transmite confiança;
Formulário de contato + localização – acesso rápido ao agendamento.
Em seguida, desenvolvi o User Flow, mapeando a jornada do usuário desde a chegada à página até o agendamento da consulta. Isso me permitiu identificar possíveis fricções e garantir uma navegação intuitiva e fluida.
Por fim, criei o protótipo de baixa fidelidade, apresentando os layouts de cada seção com hierarquia visual clara, posicionamento estratégico de CTAs e organização das informações para otimizar a conversão. Essa etapa serviu como base para o desenvolvimento do protótipo final e da identidade visual.
Clique aqui para ver todo o processo da etapa 2
Etapa 3:
Logo após eu desenvolvi o Design System da landing page, garantindo consistência visual e coerência em todos os elementos da interface. Isso incluiu:
Paleta de cores: tons sofisticados de azul, branco e cinza, transmitindo confiança, limpeza e sofisticação;
Tipografia: serifada para títulos, trazendo elegância, e sans-serif para textos corridos, garantindo legibilidade;
Componentes visuais: botões, ícones, cards e CTAs padronizados para facilitar a experiência e reforçar a identidade da marca;
Espaçamento e hierarquia: uso de margens e grids para organizar a informação e guiar o olhar do usuário de forma natural.
Em seguida, criei o protótipo interativo no Figma, permitindo navegar pela página como se fosse um usuário real. O protótipo mostrou como cada seção conduz o visitante até o agendamento, garantindo:
Experiência fluida e intuitiva;
CTAs visíveis e estratégicos em pontos-chave;
Hierarquia clara de informações;
Uso de provas sociais e diferenciais para reforçar credibilidade.
Protótipo de Alta Fidelidade:
Clique aqui para testar o protótipo no Figma
Aprendizados:
Durante o desenvolvimento da landing page, aprimorei minha habilidade de aliar estética e usabilidade em projetos reais. Aprendi a equilibrar a identidade visual sofisticada com uma experiência do usuário clara e intuitiva, além de trabalhar com design orientado a objetivos de negócio, neste caso, aumentar a conversão de visitantes em pacientes.
