Estrategia, diseño y tecnología en un mismo equipo, para negocios que quieren ser encontrados, entendidos y elegidos.

Volver al portafolio

Clínica dentalCuritiba

alvéa Odontologia.

Sitio para una clínica dental en Batel, en Curitiba, pensada para adultos que postergan ir al dentista por miedo o por malas experiencias. La clínica hace consultas largas y entrega el plan por escrito; el sitio tenía que transmitir esa calma antes de la primera visita.

01

Caso de estudio

El desafío.

Los sitios de odontología suelen hablar el lenguaje de los procedimientos: listas de tratamientos, fotos del consultorio y promesas de una sonrisa. Para quien lleva años posponiendo la visita al dentista, ese vocabulario puede alejarlo. Las reglas del sector también limitan enfoques comunes: el concepto evita imágenes de antes y después y promesas de resultados. La publicación de imágenes odontológicas depende de las reglas del CFO, de quién publica y de las autorizaciones aplicables; la publicidad no puede convertirse en consulta. Cuatro de las cinco referencias premiadas que analizamos prometían resultados. El sitio debía explicar sin prometer ni pedir datos de salud.

  1. 01 La duda va primeroQuien posterga ir al dentista sabe describir lo que siente; el nombre del tratamiento viene después, en la evaluación.
  2. 02 Explicar sin diagnosticarEl Código de Ética prohíbe consultas o diagnósticos por medios de comunicación masiva; la divulgación debe aclarar y educar.
  3. 03 Los datos de salud son sensiblesSegún la LGPD, la ley brasileña de protección de datos, lo que la persona siente es un dato sensible; el mejor camino era no recopilar nada de eso.
  4. 04 Clínica sin consultorioLa Resolución CFO-196/2019 restringe las imágenes de equipos, instrumental y procedimientos; la clínica tenía que aparecer de otra forma.
02

Método Flowt

El diagnóstico.

El sitio le habla a quien posterga el dentista, explica la consulta larga y el plan por escrito antes de la primera visita y lleva a la cita en un toque.

Proyecto conceptualDiagnóstico Flowt v0.2 · Servicio localAplicado el 03/10/2026

  • Primera pantalla y propuesta de valorEn el celular, la primera pantalla dice qué es, dónde está y qué cambia: una evaluación de 60 minutos que empieza con una conversación y un plan por escrito antes del procedimiento.
  • Accesibilidad verificableLa guía se abre con clic, toque o teclado, con estado anunciado y un título por panel.
  • Camino hasta la acción principalAcción principal: agendar la evaluación.
  • Servicio y primer pasoCada tratamiento trae etapas, plazos típicos y quién atiende, con CRO.
  • Contenido que informaLa guía organiza el contenido según lo que siente el paciente, dice qué revisa la evaluación y avisa que no es un diagnóstico.
Ver el análisis completo

Los 13 criterios, con la evidencia de cada punto: lo que cumple, lo que cumple en parte y lo que depende de una empresa real. Como la marca es un concepto, no existe un "antes" ni una nota total.

Ser encontrado

Ser entendido por buscadores y asistentesCumple en parte

Título, descripción y un H1 por página, datos Dentist, FAQPage y cinco MedicalProcedure, todo en texto. Falta el horario de atención, en el texto y en los datos; hay noindex y robots de IA bloqueados.

Reputación gestionadaNo aplica

Marca conceptual, sin reseñas reales. En un proyecto real, el volumen, la recencia y las respuestas se medirían antes y después en el Perfil de Empresa en Google y en Doctoralia.

Perfil de GoogleNo aplica

El Perfil de Empresa en Google exige una empresa real y una dirección verificada. En un proyecto real, la categoría, el horario, el teléfono, las fotos y los servicios se verificarían antes y después.

Ser elegido

Primera pantalla y propuesta de valorCumple

En el celular, la primera pantalla dice qué es, dónde está y qué cambia: una evaluación de 60 minutos que empieza con una conversación y un plan por escrito antes del procedimiento. Agendar queda a la vista.

6 de 6 verificaciones

Prueba verificable y permitidaCumple en parte

Estructura preparada: dos dentistas con especialidades y registros CRO, además del registro de la clínica y de la responsable técnica, todo marcado como ejemplo. El concepto no utiliza testimonios ni imágenes de antes y después; una clínica real utilizaría registros verificados y cumpliría las reglas de publicación aplicables.

Consistencia entre canalesNo aplica

Marca conceptual, sin canales externos para comparar. Dentro del sitio, el teléfono, el barrio y las inscripciones en el CRO son los mismos en el pie de las cuatro páginas y en los bloques de equipo.

Instagram localizable por servicio y ciudadNo aplica

Marca conceptual, sin perfil en Instagram. En un proyecto real, se mide si el perfil aparece en la búsqueda por dentista y barrio, con bio, enlace para agendar y contenido dentro de las reglas del CFO.

Servicio y primer pasoCumple

Cada tratamiento trae etapas, plazos típicos y quién atiende, con CRO. La evaluación viene dividida en cuatro partes, con lo que hay que llevar, el plan se entrega en un plazo de hasta 5 días hábiles y el reembolso está explicado.

Contenido que informaCumple

La guía organiza el contenido según lo que siente el paciente, dice qué revisa la evaluación y avisa que no es un diagnóstico. Las preguntas frecuentes cubren precio, seguro dental, miedo y urgencia.

Ser contactado

VelocidadCumple en parte

El LCP supera el límite de 2,5 s que Google considera bueno: el elemento más grande es el párrafo de la apertura, que entra con animación. Medición de laboratorio, sin datos de campo.

Lighthouse 96 en celular · LCP 2,7 s

Accesibilidad verificableCumple

La guía se abre con clic, toque o teclado, con estado anunciado y un título por panel. Sin JavaScript, los cinco paneles aparecen abiertos, y los dos colores del texto que se ilumina pasan el AA.

Lighthouse 100 · axe sin violaciones en las 4 páginas y en los estados de la guía

Base técnica, medición y privacidadCumple en parte

Ningún rastreador, cookie ni solicitud a terceros; el agendamiento no pide datos de salud y la autorización cubre solo nombre y contacto, con un texto sobre el tratamiento de los datos. Sin medición instalada, porque es un concepto.

Camino hasta la acción principalCumple

Acción principal: agendar la evaluación. La página dice que la confirmación llega por teléfono o WhatsApp en un plazo de hasta un día hábil, con dirección y valor, y enumera lo que hay que llevar.

1 toque hasta la agenda

Obligaciones del sectorCódigo de Ética Odontológica de Brasil y CFO-196/2019: registro de la clínica y CRO de la responsable técnica en el pie de página, marcados como ejemplo. El concepto no muestra precios, imágenes de antes y después, testimonios ni imágenes de procedimientos. La publicación debe considerar quién publica y las autorizaciones aplicables.

En un proyecto real, cada criterio se mide antes y después, con la misma regla y la evidencia de cada punto. No hay nota: lo que se ve es cuántos puntos siguen abiertos.

03

Estrategia

Estrategia y mapa del sitio.

La home cambia la lógica del procedimiento por la de la duda. Justo después de la apertura viene la guía “¿Qué sientes?”, con cinco frases como “me duele al masticar” y “perdí un diente”. Después vienen el plan por escrito, la evaluación de 60 minutos en cuatro partes, la clínica, el equipo con CRO y las preguntas frecuentes. La página Tratamientos repite la guía y detalla cada tratamiento con etapas y plazos típicos. Agendar pide solo nombre y contacto y avisa que no pregunta nada sobre salud.

01Inicio

  1. Apertura
  2. Guía: ¿qué sientes?
  3. Plan por escrito
  4. La evaluación
  5. La clínica
  6. Equipo
  7. Preguntas frecuentes
  8. Cierre con agendamiento

02Tratamientos

  1. Apertura
  2. Guía: ¿qué sientes?
  3. Lista de tratamientos
  4. Cierre con agendamiento

03Agendar

  1. Apertura
  2. Elección del día
  3. Elección del horario
  4. Nombre, teléfono y autorización
  5. Antes de venir

Sistema visual

Tipografía, color y ritmo.

Fraunces en los títulos, en cursiva en las aperturas de sección, y DM Sans en el texto corrido. Petróleo y porcelana forman la base, con salvia y perla en los detalles: colores de casa, lejos del blanco clínico. Los dos círculos del símbolo se vuelven sistema: marcos de las fotos, la fila de la guía y el recorte en lente.

Sistema visual de alvéa Odontologia: fuente de los títulos, fuente del texto y paleta de colores con los códigos
  • Guía en círculos
  • Texto que se ilumina
  • Documento del plan
  • Círculo de los 60 minutos
  • Esquema de la casa
04

Momento distintivo

¿Qué sientes?.

Cinco círculos superpuestos, dibujados como el símbolo, traen frases como “ronco y me despierto cansado”. Al elegir una, el panel explica qué puede ser, qué revisa la evaluación de 60 minutos y los caminos posibles, si la evaluación lo indica; solo al final invita a agendar. Nada se escribe, se guarda ni se envía, y cada panel avisa que es información general, no un diagnóstico.

En el celular

Hecho para la pantalla pequeña.

Tres pantallas del sitio en un celular de 390 px de ancho, el más común hoy.

alvéa Odontologia en el celular: apertura: «Odontología sin prisas», la fotografía de la clínica y la anotación sobre la consulta de 60 minutos.
Apertura: «Odontología sin prisas», la fotografía de la clínica y la anotación sobre la consulta de 60 minutos.
alvéa Odontologia en el celular: La guía en el celular: las cinco frases se convierten en píldoras con el glifo de los dos círculos.
La guía en el celular: las cinco frases se convierten en píldoras con el glifo de los dos círculos.
alvéa Odontologia en el celular: Plan por escrito: la frase se ilumina palabra por palabra con el desplazamiento y describe cada parte del documento.
Plan por escrito: la frase se ilumina palabra por palabra con el desplazamiento y describe cada parte del documento.
05

Comprobantes

Rendimiento medido.

Las puntuaciones siguientes se midieron en el sitio publicado con Google Lighthouse. No son una promesa: reflejan el estado del sitio en la fecha de medición. Las demostraciones se presentan en video. Las mediciones registran el estado del proyecto en la fecha indicada.

En el celular

96
Rendimiento
100
Accesibilidad
100
Buenas prácticas
69
SEO*
Elemento visible más grande (LCP)
2.7 s
Estabilidad (CLS)
0
Bloqueo (TBT)
0 ms

En computadora

100
Rendimiento
100
Accesibilidad
100
Buenas prácticas
69
SEO*
Elemento visible más grande (LCP)
0.7 s
Estabilidad (CLS)
0
Bloqueo (TBT)
0 ms

Medido el 03/10/2026 con Lighthouse 13.5.0, en celular simulado y en computadora. *El SEO queda por debajo de 100 a propósito: el sitio conceptual lleva la instrucción noindex para no aparecer en Google ni competir con empresas reales. La accesibilidad también se verificó con axe (cero violaciones) y la alineación se revisó en 7 anchos de pantalla.

Detrás de escena

Ficha técnica.

Páginas
Inicio, Tratamientos, Agendar y página 404
Idiomas
Portugués (Brasil)
Tecnología
  • HTML, CSS y JavaScript sin framework
  • GSAP y ScrollTrigger para el texto que se ilumina y el documento del plan
  • Generador propio en Python: la guía y los tratamientos salen de un único archivo de datos, usado en las dos páginas
  • Documento del plan, círculo de los 60 minutos y esquema de la casa en SVG y HTML
  • Imágenes en AVIF y WebP, en varios anchos
  • CSS y JavaScript comprimidos con esbuild
  • Fuentes servidas por el propio sitio, con fuentes de respaldo de métrica ajustada
  • Datos estructurados schema.org (Dentist y FAQPage)
Imágenes
Diez fotografías generadas con IA (Higgsfield y OpenAI), solo de ambientes, luz y manos, sin rostros, sillón ni instrumental, reveladas con el mismo tratamiento y recortadas en las formas del símbolo.
Accesibilidad
Guía operable con teclado y pantalla táctil, paneles completos sin JavaScript, texto que se ilumina con contraste AA en los dos estados, versión sin movimiento y cero violaciones en axe en las cuatro páginas, también con los paneles abiertos.
Reglas del sector
El concepto evita imágenes de antes y después y promesas de resultados. La publicación de imágenes odontológicas depende de las reglas del CFO, de quién publica y de las autorizaciones aplicables. Los registros profesionales están marcados como ejemplo.
Siguiente proyecto Miradouro 14. Sitio de Miradouro 14

Empieza ahora

Llevemos tu presencia digital al nivel de tu servicio.

Empieza con el diagnóstico gratuito: medimos tu presencia digital y te mostramos, punto por punto, qué corregir primero.

Cuéntanos sobre tu proyecto

Con poca información basta. Lo demás te lo preguntamos.

Me interesa
Presupuesto
Plazo

Usaremos tus datos para responder a tu solicitud. Consulta la política de privacidad.

Escríbenos por WhatsApp