Auditoria independente · mobile first · 3 de outubro de 2026

Trust Your Fascia — auditoria de UX e UI

O site comunica uma atmosfera de bem-estar, mas dificulta três tarefas essenciais: entender o atendimento, escolher a primeira sessão e entrar em contato. A maior oportunidade é reconstruir essa jornada no celular, corrigindo primeiro os caminhos quebrados e depois a hierarquia de informação.

12 achados priorizados · evidências de navegação · recomendações verificáveis

Site avaliado ↗Versão em texto

O que precisa mudar primeiro

Contato utilizável, escolha preservada e ações que cumprem o que prometem.

Há dois caminhos de contato com falha confirmada na home: a página vinculada no rodapé não existe e outro botão usa uma âncora ausente. O agendamento exige refazer a escolha do serviço no percurso testado. Esses problemas têm prioridade sobre mudanças decorativas.

Uma observação que exige cuidado: o formulário

O formulário incorporado apresentou um estado inicial de erro durante uma navegação, mas carregou corretamente ao revisitar e alcançar a seção. Isso deve ser investigado como possível falha intermitente de carregamento; não há evidência para dizer que o formulário está permanentemente quebrado. O envio e a entrega das mensagens não foram testados.

Achados e recomendações

Evidência é o que foi observado. Impacto é a interpretação heurística; não representa conversão ou receita medidas.

01 / P1 · Conversão

O contato do rodapé leva a uma página inexistente

Evidência. O botão Contact me today do rodapé aponta para /contact/. Ao abrir esse endereço, o site exibe a tela Page not found e oferece uma busca.

Impacto provável. A pessoa manifesta intenção de conversar e recebe um erro. Isso interrompe esse caminho de captação e pode comprometer a confiança no negócio.

Correção. Restaurar uma página de contato válida ou substituir todos os links pela seção correta. Na tela de erro, oferecer retorno à home, telefone e agendamento.

Como validar. Todos os CTAs de contato chegam a uma opção utilizável, inclusive no rodapé de cada página.

Abrir página de referência ↗
02 / P1 · Conversão

Um CTA da home aponta para uma seção que não existe

Evidência. O botão de contato após os benefícios adiciona #book-appointment à URL da home. Não existe elemento com esse identificador nessa página; o clique não abre contato nem agendamento. Em Services, a seção com esse identificador existe.

Impacto provável. Um botão visualmente funcional não entrega a ação prometida. A pessoa precisa descobrir outro caminho por conta própria.

Correção. Apontar o CTA da home para uma seção existente, uma página válida ou o fluxo de agendamento. Conferir os destinos por página, sem presumir que a mesma âncora existe em todas.

Como validar. O clique na home leva visivelmente ao destino anunciado, sem depender de nova navegação manual.

Abrir página de referência ↗
03 / P1 · Agendamento

A escolha do serviço precisa ser refeita na agenda

Evidência. No percurso testado, o CTA da sessão avulsa Core Touch abriu a Square e redirecionou para o catálogo geral. Foi necessário localizar novamente o serviço, abri-lo, tocar em Add e depois em Next para chegar às datas. A agenda carregou; não foi constatado bloqueio permanente.

Impacto provável. A interface perde o contexto da escolha anterior, aumentando o esforço e a possibilidade de selecionar outra opção.

Correção. Configurar um destino que preserve o serviço escolhido, se a Square permitir. Caso contrário, explicar previamente a etapa de seleção e simplificar o catálogo externo. Na home, usar um rótulo como Ver serviços e horários se esse for o destino real.

Como validar. O serviço selecionado no site aparece selecionado na agenda, ou a interface informa com clareza que a escolha será feita na próxima etapa.

Abrir página de referência ↗
04 / P1 · Interação móvel

O botão flutuante promete agendar, mas inicia uma ligação

Evidência. O rótulo Book A Session With Gisele acompanha um link tel:+17206184279. Em trechos inspecionados, o conjunto de texto e ícone fica por cima do conteúdo e da região do formulário.

Impacto provável. Há diferença entre a expectativa criada pelo texto e a ação. A sobreposição também reduz a área útil de leitura em telas pequenas.

Correção. Nomear a ação como Ligar para Gisele. Se houver uma ação fixa para agendar, usar o destino de agenda e reservar espaço no layout. Manter a faixa compacta e verificar os campos e mensagens do formulário.

Como validar. Rótulo e destino correspondem; nenhum conteúdo ou controle fica encoberto em 360 e 390 pixels.

Abrir página de referência ↗
05 / P1 · Acessibilidade visual

Os botões terracota têm contraste insuficiente

Evidência. Em Services, o CTA usa texto branco sobre rgb(195, 130, 95), equivalente a #C3825F. O contraste calculado é aproximadamente 3,14:1. A fonte inspecionada tem 18,24 pixels e peso 300; não se enquadra como texto grande na exceção da WCAG.

Impacto provável. O botão perde legibilidade, especialmente para pessoas com baixa visão ou em situações de iluminação desfavorável.

Correção. Escurecer o fundo ou adotar texto escuro, preservando a identidade visual. Validar os estados normal, foco, hover e desabilitado conforme aplicável.

Como validar. O texto ativo desse botão atinge pelo menos 4,5:1. Esta medição é pontual; não representa uma auditoria completa de conformidade WCAG.

Abrir página de referência ↗
06 / P2 · Clareza da proposta

A primeira tela transmite atmosfera antes de explicar a oferta

Evidência. A home começa com uma frase metafórica, uma imagem de yoga e uma promessa ampla. Rolfing e yoga são citados, mas a primeira tela não apresenta a localização em Boulder, quem realiza o atendimento ou uma orientação concreta para o primeiro contato.

Impacto provável. Um visitante novo precisa interpretar a marca antes de saber se o atendimento é relevante e acessível para ele. A imagem de yoga também pode fazer a oferta parecer mais restrita do que o catálogo real.

Correção. Apresentar serviço, cidade, profissional e próximo passo na primeira tela. Manter o tom acolhedor em uma frase de apoio. Usar uma fotografia real e contextualizada do atendimento, com autorização.

Como validar. Em um teste breve, visitantes conseguem dizer o que é oferecido, onde acontece, quem atende e como começar.

Abrir página de referência ↗
07 / P2 · Arquitetura da informação

O catálogo exige muita leitura antes de facilitar a escolha

Evidência. Services apresenta seis opções em sequência, com fotos, parágrafos extensos e bastante espaço vertical. Em 360 × 800, a página chegou a aproximadamente 10.606 pixels de altura, cerca de 13 alturas de tela. O CTA da sessão avulsa apareceu por volta de 3.027 pixels a partir do topo. São medidas do estado observado, não uma contagem de gestos de rolagem.

Impacto provável. Comparar opções exige lembrar o conteúdo anterior e rolar novamente. A sessão de entrada fica depois dos pacotes de dez e três sessões.

Correção. Começar com orientação para novos clientes e um resumo comparável: modalidade, para quem é, duração, preço total e ação. Agrupar pacotes sob a modalidade e deixar textos detalhados em seções expansíveis.

Como validar. É possível comparar a sessão avulsa e os pacotes sem percorrer longos blocos de texto. O caminho para quem nunca fez Rolfing está explícito.

Abrir página de referência ↗
08 / P2 · Clareza comercial

Os pacotes deixam perguntas importantes sem resposta próxima

Evidência. O primeiro produto é um pacote de dez sessões por US$ 1.888. A sessão avulsa custa US$ 188: dez avulsas somariam US$ 1.880. Isso não prova erro de preço, mas o valor adicional do pacote não fica explícito. A duração apresentada junto ao pacote também pode ser interpretada sem saber se é por encontro.

Impacto provável. O visitante precisa inferir o que está comprando, o compromisso exigido e o benefício do pacote. Quem chega pela primeira vez encontra primeiro uma decisão de maior valor.

Correção. Confirmar a política comercial com a profissional. Explicar preço total, duração por sessão, frequência, validade, pagamento e o que diferencia o pacote. Usar nomes descritivos antes dos nomes de marca.

Como validar. Cada oferta esclarece o compromisso e seu valor sem depender de contato para informações básicas. Não alterar preços sem validar com a responsável.

Abrir página de referência ↗
09 / P2 · Tipografia e composição

Parágrafos longos centralizados dificultam a leitura rápida

Evidência. As descrições da home e dos serviços são centralizadas. Nos trechos medidos, o corpo usa 18,24 pixels e entrelinha de 30,096 pixels. Portanto, o problema principal observado não é fonte minúscula: é a combinação de alinhamento, extensão do texto e repetição do mesmo padrão vertical.

Impacto provável. Cada linha começa em uma posição diferente, dificultando acompanhar parágrafos extensos. Os títulos, fotos e descrições têm pouca variação funcional para orientar a comparação.

Correção. Alinhar textos explicativos à esquerda, reduzir os parágrafos e usar subtítulos informativos. Reservar centralização e itálico para chamadas curtas. Criar uma escala consistente para título, explicação, preço e ação.

Como validar. O leitor localiza preço, duração e indicação sem ler o texto inteiro. O layout mantém margens e ritmo consistentes no celular.

Abrir página de referência ↗
10 / P2 · Navegação e confiança

A navegação dá pouco apoio à decisão de um novo cliente

Evidência. O menu móvel apresenta Home, Services, Photos e About; não oferece contato ou agendamento como item explícito. A apresentação profissional detalhada está em About, em uma narrativa longa, com a formação no Rolf Institute dentro do texto. Na home, as avaliações usam também o nome Rosa Rolf Therapist.

Impacto provável. O visitante precisa relacionar marca, nome profissional, formação e avaliações por conta própria. A galeria ocupa uma posição de destaque, mas localização, primeira sessão e dúvidas práticas ficam menos acessíveis.

Correção. Organizar o menu por tarefas: serviços, sobre Gisele, dúvidas/localização e agendamento. Trazer um resumo factual da profissional e de sua formação para perto da oferta; esclarecer a relação entre os nomes usados nas avaliações, se aplicável.

Como validar. Um visitante encontra quem atende, onde e como marcar em poucos passos. Credenciais são exibidas apenas após confirmação com a profissional.

Abrir página de referência ↗
11 / P2 · Acessibilidade estrutural

A estrutura de títulos e alguns links não têm nomes úteis

Evidência. Home e Services não apresentaram H1. Os títulos dos serviços aparecem como texto comum; em About, o título promocional usa H4 antes de H2 posteriores. Há links de imagens para serviços com alt vazio e sem aria-label; esses links também aparecem sem nome na árvore de acessibilidade.

Impacto provável. A navegação por títulos ou links em leitores de tela fica menos informativa. Tamanho visual e importância estrutural não estão alinhados.

Correção. Usar um H1 descritivo por página e H2/H3 coerentes. Nomear links de imagem que executam ações, ou retirar o link redundante da imagem e manter um CTA textual acessível. Imagens puramente decorativas podem continuar com alt vazio.

Como validar. Os títulos refletem a hierarquia do conteúdo e cada link funcional anuncia um destino compreensível. Validar com teclado e leitor de tela.

Abrir página de referência ↗
12 / P2 · Consistência editorial

Erros de revisão e destinos inconsistentes reduzem o acabamento

Evidência. Há o título IMROVE POSTURE e a expressão BACK PAIN RELIEVE. O pacote de yoga recebe um nome no título e outro na descrição. Em About, o link View all reviews aponta para a home, enquanto o equivalente na home aponta para o Google.

Impacto provável. O visitante encontra termos e comportamentos diferentes para intenções semelhantes. Em um serviço baseado em confiança, detalhes de revisão contribuem para a percepção de cuidado.

Correção. Revisar o inglês com alguém fluente, unificar os nomes dos serviços e padronizar os destinos. Remover frases genéricas quando uma informação prática responder melhor à dúvida do visitante.

Como validar. Um mesmo rótulo tem significado e destino consistentes; nomes e textos coincidem no site e na agenda.

Abrir página de referência ↗

Capturas da inspeção

Capturas reais, sem simulação de redesign. Abra cada imagem para ver a versão salva.

Ordem recomendada de trabalho

Primeiro: recuperar as ações essenciais

Corrigir /contact/ e a âncora da home; alinhar rótulo e destino do botão flutuante; ajustar o link da sessão avulsa; corrigir contraste; revisar os links de avaliações. Investigar o carregamento do formulário e testar o recebimento de uma mensagem com autorização da responsável.

Depois: reorganizar a decisão no mobile

Reescrever a primeira tela; colocar a cidade e a profissional em evidência; orientar o primeiro atendimento; encurtar e reorganizar serviços; esclarecer pacotes; alinhar textos à esquerda e criar hierarquia semântica.

Por fim: validar com pessoas e acompanhar resultados

Testar com pessoas que nunca viram o site: identificar a oferta, escolher a primeira sessão, encontrar o endereço e chegar às datas. Acompanhar cliques em agendamento, chegada à agenda, envio de contato e reservas concluídas quando houver integração disponível. Medir abandono antes e depois, sem prometer um aumento de conversão sem dados.

Uma estrutura mais clara para a home

  1. Primeira tela: serviço + Boulder + Gisele + uma ação principal clara.
  2. Orientação: qual opção escolher para o primeiro atendimento.
  3. Serviços: modalidade, indicação, duração, preço e horários.
  4. Confiança: profissional, formação confirmada e avaliações contextualizadas.
  5. Como funciona: primeira sessão, expectativas e dúvidas frequentes.
  6. Localização e contato: endereço, orientações e canais utilizáveis.
  7. Rodapé curto: contatos, informações pertinentes e retorno à agenda.

As mensagens finais devem continuar no idioma do público atendido. A direção proposta organiza a informação; textos, credenciais, políticas e posicionamento devem ser validados com Gisele.

O que vale preservar

  • Telefone com link de ligação e preços/durações publicados nos serviços.
  • Agenda externa acessível até a etapa de datas no percurso testado.
  • Menu móvel abre e fecha; os principais botões medidos tinham aproximadamente 50–63 pixels de altura. Não foi constatado um problema geral de botões pequenos.
  • Avaliações e história da profissional fornecem material útil para construir confiança.
  • A paleta terrosa e o tema corporal podem ser preservados, ajustando contraste, direção de fotografia e organização.

Método, escopo e limites

Inspeção heurística do site ao vivo em larguras efetivas de 360 × 800 e 390 × 844 pixels CSS. Foram visitadas Home, Services, About, Photos, a rota Contact e a agenda Square. O fluxo da sessão avulsa foi percorrido até a tela de datas, sem inserir dados pessoais, enviar formulário ou concluir reserva. As capturas são do navegador de teste e podem ter escala visual diferente das dimensões CSS. A versão indexada estava diferente do site atual; os achados abaixo usam a navegação ao vivo.

Esta é uma avaliação heurística, não um teste com usuários nem uma auditoria integral de acessibilidade ou performance. Não foram medidos Core Web Vitals, velocidade em 4G ou conversão. Não houve teste em aparelho físico, envio de formulário, confirmação de reserva ou verificação de credenciais e alegações terapêuticas. As recomendações de conteúdo não validam promessas clínicas. P1 significa corrigir primeiro pelo impacto em uma ação essencial ou na leitura de controles; P2 indica melhoria importante de compreensão, navegação e confiança.

Referências técnicas: WCAG 2.2 — contraste mínimo. As dimensões de botões foram registradas como observação; não foi feita uma auditoria completa de alvos de toque.

Conclusão para orientar a proposta

A proposta de melhoria deve combinar correções de funcionamento, reorganização do conteúdo e redesign mobile. Há material para preservar na marca, mas a jornada precisa explicar a oferta com mais clareza e levar cada intenção a um próximo passo confiável. Sem analytics e pesquisa com clientes, o impacto comercial é uma hipótese fundamentada, não uma perda de receita quantificada.