# Trust Your Fascia — auditoria de UX e UI **Mobile first · 3 de outubro de 2026** 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. ## Escopo 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. **Prioridades:** P1 = corrigir primeiro. P2 = melhorar compreensão, navegação e confiança. Impactos são inferências heurísticas, não perdas de receita medidas. ## Achados ### 01. [P1] 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. - **Referência:** [Conversão](https://trustyourfascia.com/contact/) ### 02. [P1] 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. - **Referência:** [Conversão](https://trustyourfascia.com/#book-appointment) ### 03. [P1] 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. - **Referência:** [Agendamento](https://trustyourfascia.com/services/) ### 04. [P1] 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. - **Referência:** [Interação móvel](https://trustyourfascia.com/) ### 05. [P1] 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. - **Referência:** [Acessibilidade visual](https://www.w3.org/WAI/WCAG22/Understanding/contrast-minimum.html) ### 06. [P2] 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. - **Referência:** [Clareza da proposta](https://trustyourfascia.com/) ### 07. [P2] 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. - **Referência:** [Arquitetura da informação](https://trustyourfascia.com/services/) ### 08. [P2] 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. - **Referência:** [Clareza comercial](https://trustyourfascia.com/services/) ### 09. [P2] 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. - **Referência:** [Tipografia e composição](https://trustyourfascia.com/services/) ### 10. [P2] 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. - **Referência:** [Navegação e confiança](https://trustyourfascia.com/about/) ### 11. [P2] 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. - **Referência:** [Acessibilidade estrutural](https://trustyourfascia.com/services/) ### 12. [P2] 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. - **Referência:** [Consistência editorial](https://trustyourfascia.com/about/) ## Formulário: observação intermitente 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. ## Ordem de correção ### 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. ## Estrutura proposta 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. ## O que 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. ## Evidências visuais ### Contato: destino inexistente A rota vinculada no rodapé abre a tela de página não encontrada. ![Contato: destino inexistente](evidencias/contato-inexistente.jpg) ### Home: oferta na primeira tela A atmosfera visual domina; localização e apresentação da profissional não aparecem nessa primeira tela. ![Home: oferta na primeira tela](evidencias/home-mobile.jpg) ### Serviço: leitura e sobreposição Descrição centralizada e rótulo do telefone flutuante sobre o conteúdo. ![Serviço: leitura e sobreposição](evidencias/servico-mobile.jpg) ### Formulário após carregar Os campos apareceram na revisita. Não foi efetuado envio. ![Formulário após carregar](evidencias/formulario-mobile.jpg) ## Limites 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. ## Conclusão 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.