Caso de estudio2026
Un consultorio de alergología en Bogotá: marca completa, 11 páginas y todo lo que hay detrás.
Identidad completa, un sitio de 11 páginas y toda la infraestructura detrás (dominio, hosting, analítica, SEO, Google Business) para un consultorio de alergología pediátrica y de adultos. Cuatro frentes desde el mismo lugar, nada subcontratado, entre julio y septiembre de 2026.
- Cliente
- Dr. Daniel De Zubiría
- Especialidad
- Alergología pediátrica y de adultos
- Ubicación
- Bogotá, Colombia
(01) El encargo
Un consultorio nuevo, listo desde el primer día.
Un médico que abre su consultorio necesita más que una página: una marca que funcione en una tarjeta y en WhatsApp, páginas que expliquen las condiciones como los pacientes las buscan, un camino claro hacia la cita y la infraestructura para que todo siga funcionando.
Por eso el trabajo cubrió cuatro frentes, todos desde el mismo lugar: identidad, sitio, agendamiento e infraestructura. Nada se subcontrató.
(02) Identidad
Tres fuentes, tres colores, un sistema.
Un sistema tipográfico de tres fuentes, cada una con un trabajo: Instrument Serif para el logotipo, Newsreader para titulares, Karla para el cuerpo. Una paleta de tres colores (navy #1B3A94, tinta #1B2C52, ámbar #C9822F) declarada una sola vez como tokens, para que la web y lo impreso no se separen con el tiempo.
- Logotipo en tres bloqueos (horizontal, apilado, solo nombre), cada uno en navy y en blanco
- 39 archivos de aplicación: perfiles de WhatsApp y Google, banners, imagen para compartir, favicons, membretes en tres variantes y tarjeta de presentación
- Vectores con el texto convertido a curvas, para que la imprenta no dependa de tener la fuente
- Manual de identidad con reglas de uso y tamaños mínimos
(03) El sitio
11 páginas, hechas a mano.
Todo el contenido médico es texto literal de Daniel. No se reescribió una línea: en salud, el copy no es del diseñador.
- 01
Inicio
Hero, qué tratamos (8 condiciones), servicios y procedimientos (7), inmunoterapia y recomendaciones, perfil del doctor y cierre.
- 02
8 páginas de condición
Cada una con síntomas, tratamiento, enlaces cruzados entre condiciones y su propio llamado a la acción.
- 03
Blog
Con su primer artículo, sobre la prueba de prick.
- 04
Campo de partículas en canvas
Hecho a mano, no traído de una librería: deriva orgánica por senos desfasados, capas de profundidad, repulsión al cursor. Se pausa fuera de pantalla y se apaga si el sistema pide menos movimiento.
- 05
Modo claro y oscuro
Se recuerda entre visitas, incluso al volver atrás en el historial. Más una defensa contra el modo oscuro forzado de iOS, que rompía el contraste del texto.
- 06
Scroll suave
Con Lenis, solo en escritorio.
(04) Agendamiento
Una jerarquía deliberada, de la visita a la cita.
- 01Primero la agenda, después WhatsAppEl botón primario va a la agenda en línea de SaludTools; un enlace secundario de texto va a WhatsApp.
- 02Dos excepciones donde conversar es lo correctoEl header y la tarjeta «¿No sabes cuál es tu caso?» llevan solo a WhatsApp.
- 03Un mensaje que cambia con la páginaEl mensaje de WhatsApp viene pre-escrito y cambia según la página: quien entra por rinitis alérgica escribe distinto a quien entra por urticaria.
- 04Cada enlace de reserva va marcadoLos enlaces a SaludTools llevan UTM, para poder atribuir cada reserva a su página.
(05) Infraestructura y SEO
Dos migraciones, ni una URL rota.
El sitio vivió primero en Netlify y pasó a Cloudflare Pages; el dominio pasó de alergologodezubiria.com a drdanieldezubiria.com mientras no costaba nada: sin tarjetas impresas y sin posicionamiento que perder.
- 01Dominiodrdanieldezubiria.com en Cloudflare; el anterior alergologodezubiria.com redirige con 301 conservando la ruta.
- 02HostingCloudflare Pages con deploy automático en cada push.
- 03Datos estructuradosPhysician, MedicalCondition y MedicalSignOrSymptom, más sitemap, robots.txt dinámico y Open Graph.
- 04Google Search ConsolePropiedad de dominio verificada y sitemap enviado.
- 05Analítica sin cookiesCloudflare Web Analytics: sin cookies y sin banner de consentimiento.
- 06Perfil de Google BusinessCreado, verificado y con la marca aplicada.
(06) Primeras semanas en Google
Un sitio recién nacido que ya encuentran.
Google Search Console, del 18 de agosto al 24 de septiembre de 2026. El consultorio acababa de abrir y no hubo nada pago: son cifras tempranas, no una tendencia.
- 801Veces que apareció en Google
- 48Visitas desde el buscador, sin anuncios
- 3,1Posición promedio para “alergólogo bogotá”
El 89% de esas apariciones fueron en Colombia y el 69% en celular. La posición promedio pasó de 11,5 en la primera mitad del periodo a 7,8 en la segunda. Lo que sigue es trabajo continuo: el mantenimiento mensual y un chatbot para pacientes.
Fue un regalo de grado. El alcance no se recortó por eso.
Tecnología
Astro 5, CSS propio con design tokens, JavaScript vanilla. Sin frameworks de estilos.
Tipografía
Instrument Serif (logotipo), Newsreader (titulares), Karla (cuerpo).
Tiempos
De la primera conversación de alcance, el 20 de julio de 2026, a una marca y un sitio completos en poco más de dos meses.
¿Vas a abrir un consultorio, un estudio, un negocio?
Construimos la marca, el sitio y todo lo que hay detrás, y lo mantenemos funcionando mes a mes. Eso es lo que hace Mattriz.
Cuéntanos tu proyecto