Projectos
03

Centro Óptico da Torre

Site comercial · Óptica

Página inicial do site do Centro Óptico da Torre: menu de secções, o título O seu óptico de família em Torre da Marinha e uma fotografia do interior da loja, com óculos expostos e um canto para crianças.

O site de uma óptica de bairro que responde às perguntas com que os clientes chegam: como está a minha visão, quanto me fica com o seguro e a ADSE, e como peço o reembolso.

Visitar o site

Contexto

A entidade

O Centro Óptico da Torre é uma óptica independente na Torre da Marinha, no Seixal, da rede Institutoptico. Faz consultas de optometria e vende óculos, lentes e aparelhos auditivos, ao lado de cadeias com outros orçamentos de publicidade.

O que se construiu

O site não tem loja nem preços, de propósito. Em vez disso, tem ferramentas feitas à medida para as dúvidas que se ouvem ao balcão: cinco rastreios de visão para fazer em casa, um simulador que junta o desconto do protocolo e o reembolso da ADSE numa conta só, e o passo a passo do pedido de reembolso a cada subsistema de saúde. O resto é informação que ajuda a decidir: marcas, saúde visual e perguntas frequentes.

Rastreios de visão, depois de calibrar o ecrã
5
Marcas apresentadas
51
Perguntas frequentes, com dados estruturados
22

Contagens feitas no site em produção a 14 de Setembro de 2026.

Pormenores

Seis partes do site, das ferramentas à informação que as rodeia.

01

Rastreios calibrados no ecrã

Um teste de visão no browser só vale alguma coisa se o símbolo tiver o tamanho certo. Por isso, o primeiro passo é encostar um cartão bancário ao ecrã e ajustar o rectângulo até coincidirem. Com essa medida e a distância escolhida, o site calcula quantos píxeis tem um milímetro e desenha cada linha do teste à escala.

Seguem-se cinco rastreios: acuidade ao longe com anel de abertura, acuidade ao perto, grelha de Amsler, leque de astigmatismo e cores. Nada sai do dispositivo.

Passo 2, Acuidade ao longe: instruções para tapar um olho, barra de progresso no nível 0,1, um anel com abertura à esquerda e os botões Direita, Cima, Esquerda, Baixo e Não consigo ver.
Passo 1, Calibrar o ecrã, num telemóvel: um rectângulo com o aspecto de um cartão bancário de 85,6 mm, botões menos e mais, uma barra deslizante, a escolha da distância e a conversão de milímetros em píxeis.
02

Um simulador que não é uma tabela de preços

O cliente escreve os valores do orçamento que levou da loja, escolhe o seguro ou clube e diz se é beneficiário da ADSE. O simulador aplica o desconto do protocolo, calcula os 80% da ADSE sobre o que fica na factura e desconta o que já foi usado do plafond anual. No fim diz quanto paga na loja e quanto lhe fica depois do reembolso.

Os valores da captura são um exemplo inventado. A conta é feita no browser e nada do que se escreve é guardado ou enviado.

Simulador preenchido: armação e lentes, protocolo das condições base e reembolso da ADSE. O resultado mostra o desconto de protocolo, o valor pago na loja, o reembolso de 80% limitado ao plafond e o valor final.
03

As regras de 2026, e o que fazer com elas

Em Janeiro de 2026 a ADSE e a ADM mudaram as regras de reembolso de óculos e lentes. A página compara o regime anterior com o que está em vigor e resume o essencial em quatro números.

A ADSE, a ADM, o SAD/PSP e o SAD/GNR têm cada um o seu processo. Cada um tem um passo a passo que abre e fecha, com os documentos a preparar.

Secção ADSE e ADM, as regras mudaram em 2026: dois cartões lado a lado com o regime anterior e o que está em vigor, e quatro números: 80% do valor pago, 180 euros por ano, 225 euros a partir dos quais se recebe o tecto, e 1 de Janeiro, quando o plafond recomeça.
Passo a passo do SAD/GNR aberto: quatro passos numerados, da consulta e compra ao acompanhamento no Portal Social, e uma nota sobre originais em papel e documentos a preparar.
04

Saúde visual, em desenhos próprios

Cinco diagramas SVG desenhados para o site mostram onde a imagem se forma em cada erro refractivo. Ao lado ficam o que se sente, porque acontece e como se corrige, e uma ligação para o rastreio que faz sentido fazer a seguir.

Explicação da miopia: diagrama de um olho com a luz a juntar-se à frente da retina, um cartão com o que se sente e o texto sobre a causa, a correcção e as lentes de controlo de miopia.
05

Marcas com uma frase cada

São 51 marcas em sete secções: exclusivas da rede, armações, criança, trabalho, lentes oftálmicas, lentes de contacto e aparelhos auditivos. Cada cartão diz, numa ou duas frases, para quem é a marca. É uma forma de a óptica mostrar critério sem publicar preços.

Secção Armações em Torre da Marinha: grelha de cartões com logótipo e descrição curta, entre eles a linha própria da óptica, Carrera, Davidoff, Rodenstock, Cione, Clark, Polo Ralph Lauren e Ralph Lauren.
06

Ser encontrada e dar confiança

Na página inicial, as opiniões do Google passam num carrossel com ligação para as restantes. Por baixo, as páginas declaram em dados estruturados o que são: a óptica, as perguntas frequentes, o simulador e os rastreios. As perguntas frequentes passaram sem erros no teste de resultados enriquecidos do Google.

O nome e a fotografia de quem escreveu a opinião estão esbatidos nesta imagem.

Secção O que dizem os nossos clientes: classificação média, um cartão de opinião com cinco estrelas e o texto Atendimento de excelência, profissionais sempre dispostos a ajudar, com o autor esbatido, e a ligação Ver todas as opiniões no Google.

Pontos fortes

  1. Ferramentas em vez de promessas. Os rastreios e o simulador dão uma resposta concreta antes de o cliente sair de casa.
  2. Regras com data. As regras dos subsistemas mudam, por isso a página diz quando foram verificadas e liga às fontes oficiais.
  3. Privacidade por desenho. Rastreios e simulador correm no browser e não guardam nada.
  4. Menu que funciona sem JavaScript. Os submenus abrem por teclado e rato só com CSS; o script acrescenta o toque e a tecla Escape.

Implementação

Base
HTML, CSS e JavaScript, sem CMS
Ferramentas
Rastreios e simulador em JavaScript, sem bibliotecas
Pesquisa local
Dados estruturados em grafo, com a óptica como entidade central
Alojamento
cPanel, publicado por script com optimização de imagens e verificação

Resultado

Um site de 14 páginas em que a óptica de bairro mostra o que sabe com ferramentas que se usam, e não com anúncios.

Visitar centroopticodatorre.pt

Versão para telemóvel

WhatsApp