Projeto conceitual · Site de oftalmologia · 2026

Lúcida Oftalmologia

Clareza no olhar, na informação e no próximo passo.

Explorar o site ↗

Direção visual, UI e motion

Monitor e celular sobre uma mesa clara mostram a abertura do site Lúcida, “Enxergar bem começa com clareza.”, com tabela de acuidade e cartão de refração; à frente, uma lente de vidro com reflexos azulados.

Conheça a experiência da Lúcida. Vídeo · 94 s

A intenção da clínica

A Lúcida combina precisão tecnológica e orientação próxima no cuidado com a visão. Sua apresentação reúne consultas, exames e tratamentos para pessoas que chegam com diferentes necessidades e dúvidas.

Desafio

Traduzir essa proposta em uma experiência digital com identidade própria. Conectamos a linguagem da óptica a uma organização de conteúdo que apresenta os serviços e orienta cada próximo passo.

A óptica dá forma à identidade

A lente da abertura amplia o título e transforma a óptica em parte da experiência. Azul, aqua e superfícies claras estendem essa linguagem aos elementos da interface.

Abertura do site Lúcida: uma lente circular sobre o título amplia a palavra “clareza.” em “Enxergar bem começa com clareza.”; ao lado, a tabela de acuidade, o cartão de refração e o próximo horário disponível.
Cena aberta no Blender: a lente em 3D, um disco fino com borda azul, vista em perspectiva na viewport, com os painéis de propriedades ao lado.
Render da lente: um anel de vidro transparente com reflexo azulado sobre fundo claro.
A lente aplicada na abertura do site, ampliando a palavra “clareza.” no título.
A lente em 3D, da cena no Blender à aplicação na interface.

PALETA

  • Fundo#FFFFFF
  • Superfície#F4F7FE
  • Texto#151B2A
  • Texto secundário#3F4656
  • Azul#2F59E4
  • Aqua#0590A2

TIPOGRAFIA

Inter

Regular · Medium

Clareza também é estrutura.

A organização da página conecta a apresentação da clínica às informações sobre o atendimento. Caminhos de entrada, explicações dos serviços e etapas do cuidado dão sequência à navegação, enquanto a identidade visual aproxima o conteúdo do universo da óptica.

Representação simplificada da página em tons de cinza, atrás: a abertura “Enxergar bem começa com clareza.”, a seção “Como podemos ajudar?” com três entradas, as especialidades e o início de “Consultas e exames para entender seu caso.”. Interface real do site Lúcida, à frente: a abertura com a lente sobre “clareza.”, os caminhos Consultas e exames, Cirurgia refrativa e Catarata, o aviso para quem não sabe qual atendimento procurar e as especialidades.
Estrutura e expressão visual. Representação simplificada a partir da interface final.

Diferentes motivos para chegar. Caminhos para começar.

Consultas e exames, cirurgia refrativa e catarata organizam as primeiras entradas do site. Quem ainda não sabe qual atendimento procurar também encontra uma forma de pedir orientação.

Seção “Como podemos ajudar?” do site Lúcida: três entradas com foto, número e descrição — Consultas e exames, Cirurgia refrativa e Catarata — e, abaixo, “Não sabe qual atendimento procurar? Nossa equipe pode ajudar com o agendamento.” com o botão Falar com a equipe.

Informação para entender o cuidado

Seção “Consultas e exames para entender seu caso.”: cards de Tomografia de córnea, Biometria óptica, OCT e Campo visual, cada um com um gráfico do exame e o texto “Para que serve”.
Cada exame combina uma representação visual com uma explicação de sua finalidade.
Da avaliação ao acompanhamento, a jornada apresenta uma etapa por vez, com texto e imagem no mesmo contexto.

Imagens que aproximam

Cenas de consulta, exame e acompanhamento aproximam a apresentação da experiência de atendimento.

  • Consulta em um consultório claro: a médica, de jaleco, conversa com uma paciente sentada à mesa, com uma caneca azul e a cidade pela janela.
  • Paciente apoia o rosto em um equipamento de exame oftalmológico, sentado em um banco azul.
  • Paciente de óculos escuros conversa com a atendente no balcão da recepção.
  • Sala de exames com dois equipamentos oftalmológicos sobre mesas brancas, monitores, bancos azuis e janelas amplas para a cidade.
Imagens conceituais criadas com IA.

A experiência no celular

No celular, a identidade acompanha a organização vertical do conteúdo, dos caminhos de entrada às etapas do atendimento.

Abertura do site Lúcida no celular: “Enxergar bem começa com clareza.” com a lente sobre “clareza.”, os botões Agendar consulta e Ver serviços, a tabela de acuidade e o cartão de refração.
“Como podemos ajudar?” no celular: a entrada Consultas e exames com foto, descrição e link, seguida da entrada de Cirurgia refrativa.
Jornada no celular: “Entenda o que acontece em cada etapa.”, a etapa 01 Conversa e avaliação aberta com a foto da consulta e as etapas 02 a 04 abaixo.

A clareza conecta a identidade da Lúcida à forma de apresentar o cuidado.

Explorar o site ↗

Pessoas, ambientes e dados de atendimento são fictícios.

O que sua marca precisa comunicar com mais clareza?

Vamos transformar essa intenção em uma experiência digital com identidade própria.

Entrar em contato