Pular para o conteúdo

Clínica Radiológica SORE · Site institucional e blog

SORE: páginas internas, conteúdo e responsivo

  • UX/UI
  • SEO
  • WordPress

Uma estrutura para conhecer a clínica, explorar exames e encontrar contato

Concebi e implementei o site e o blog da Clínica Radiológica SORE, em Contagem. Organizei páginas de exames, conteúdos e caminhos de navegação, mantendo a linguagem visual entre a apresentação institucional e as leituras mais longas.

Explorar as telas
Cliente
Clínica Radiológica SORE
Tipo
Site institucional e blog
Minha atuação
  • Concepção e direção visual
  • Estrutura e UX/UI
  • Montagem de páginas internas
  • Implementação responsiva
Ferramentas
Illustrator, Photoshop, WordPress
Crédito institucional
Agência Q.Com
Abrir o projeto
clinicasore.com.br ↗

§ 01

Contexto

O site apresenta uma clínica de radiologia odontológica em Contagem, Minas Gerais. Seus caminhos permitem conhecer a instituição, procurar um exame, explorar conteúdos e entrar em contato. O acesso a resultados é destacado e leva a um sistema externo.

As páginas internas e o responsivo foram as partes que mais deram trabalho. Usei Illustrator, Photoshop e WordPress no projeto. Meu recorte aqui é a organização e a construção da experiência, com os textos das páginas e do blog creditados à redação da Agência Q.Com.

  1. § 02

    Decisões de UX/UI

    01

    Conectar a visão geral ao exame escolhido

    Organizei quatro exames em uma listagem com imagem, título e resumo. Cada caminho leva a uma página própria, com mais espaço para explicar o assunto.

    Azuis, imagens arredondadas e títulos com variação de peso conectam a listagem à home e aos interiores. A mesma linguagem acompanha a passagem da apresentação geral para um conteúdo específico.

    Quatro caminhos para páginas próprias de exame. Copy da redação da Agência Q.Com; design e construção de Matheus.
  2. 02

    Dar estrutura às leituras mais longas

    Na página de radiografia periapical, distribuí o texto recebido entre subtítulos, imagens e blocos de destaque. A primeira explicação combina texto e imagem; o aprofundamento continua em outra superfície.

    Esse trabalho de montagem foi uma das partes mais exigentes do projeto. O formato organiza diferentes níveis de informação dentro da mesma rota, preservando a autoria da redação.

    Primeira leitura do exame com texto e imagem lado a lado. Redação e produção da radiografia não são atribuídas a Matheus.
  3. 03

    Relacionar a apresentação ao espaço físico

    Na página institucional, apliquei as fotos do ambiente e dos equipamentos em uma galeria. A grade reúne sete imagens, com cantos arredondados que reaparecem nos outros componentes.

    A apresentação permite explorar o espaço por fotografias fornecidas pelo cliente. Meu trabalho foi integrar esse material ao conteúdo e à composição da página.

    Fotografias autorais fornecidas pelo cliente, aplicadas à apresentação do espaço. O trecho começa com continuação do texto anterior.
  4. 04

    Integrar conteúdo informativo ao site

    O blog organiza os artigos com imagem, título, resumo e ação de leitura. A coluna de conteúdos recentes oferece outros caminhos durante a exploração.

    Páginas de exames e artigos têm endereços próprios, com funções diferentes dentro do conjunto. A redação dos dois formatos é da Agência Q.Com; minha atuação está na estrutura, na apresentação e na implementação.

    Componente de listagem e caminhos editoriais. A imagem superior começa fora do enquadramento; nenhum artigo recebe atribuição dos cliques relatados.
  5. 05

    Reorganizar os interiores e a navegação

    A listagem passa de quatro cards em linha no desktop para duas colunas no tablet e uma no celular. No detalhe, texto e imagem ficam lado a lado no tablet e empilhados no celular.

    O menu expansível preserva os grupos da clínica e dos exames. Esses ajustes fizeram parte do trabalho de responsivo, mantendo os caminhos de exploração nas larguras documentadas.

    Grupos e subitens preservados em emulação de celular. A marca de baixo contraste no cabeçalho permanece no original.

§ 03

Estrutura para busca

Exames e artigos organizam assuntos em rotas próprias, com conteúdo ligado à radiologia odontológica e ao contexto local.

Apresentação das rotas
A pesquisa encontrou títulos, descrições, URLs canônicas e dados estruturados em parte do conjunto, com variação conforme a página.
Conteúdo e navegação
Listagem, páginas de exame e blog conectam visão geral e aprofundamento, com a autoria textual preservada na redação da Q.Com.

↳ Esses elementos descrevem a estrutura observada; não constituem uma auditoria integral de SEO nem explicam isoladamente o indicador orgânico.

§ 04

Presença na busca relatada

Relatei uma média de cerca de 400 cliques orgânicos mensais, segundo meu acompanhamento no Google Search Console. O período da média não foi informado, e o relatório não foi consultado para este case.

O número oferece contexto de presença na busca. Sem comparação anterior ou dados de agendamento, não permite atribuir crescimento, conversão ou causalidade exclusiva ao projeto.

§ 05

Telas

§ 06

Créditos

Matheus Barros: concepção, direção visual, estrutura, UX/UI, montagem das páginas internas e implementação responsiva. Crédito institucional: Agência Q.Com. Copy das páginas e dos artigos: redação da agência.

Logo e fotos autorais fornecidos pelo cliente. As demais fotografias foram obtidas na internet, sem origem individual mapeada nesta rodada. A autoria do projeto digital não inclui a produção desses materiais.

Contato

Seu serviço precisa organizar informação e contato?

Me conte quais assuntos e caminhos precisam fazer parte do seu site. Podemos conversar sobre a estrutura, as páginas internas e a adaptação para telas menores.

Vamos conversar
WhatsApp