Centir: web a medida y app de gestión para un centro de psicología — de WordPress a un sistema propio
¿Qué problema resolvía?
La web de Centir vivía en WordPress. Funcionaba, pero con los límites de siempre: lentitud, dependencia de plugins y poco control sobre cómo Google —y ahora también ChatGPT, Perplexity o Gemini— entendían quién es el centro y qué ofrece.
La operación interna tenía un problema paralelo. La agenda de cada psicóloga, los pacientes, los cobros y las comisiones que cada sesión genera para el centro no vivían en un sistema propio: los registros históricos estaban en documentos sueltos que hubo que transcribir e importar al arrancar el proyecto. Cada cierre de mes implicaba reconstruir a mano quién atendió qué, dónde y cuánto correspondía a quién.
Qué construimos
Un proyecto en dos frentes que comparten marca, paleta y criterio — cada uno cubre una categoría del portafolio (web y app). Primero, la web pública de centir.co: migración completa de WordPress a HTML, CSS y JavaScript artesanales, sin frameworks, con URLs limpias, datos estructurados schema.org de la entidad MedicalBusiness y una identidad tipográfica propia sobre la paleta serena del centro. Segundo, la app interna de gestión: una PWA instalable en centir.co/app con dos roles, terapeuta y administración, sobre un API REST en PHP 8 + MySQL.
- Agenda y citas con tres modalidadesCada terapeuta gestiona su día distinguiendo consultorio Centir, sesión virtual y consultorio privado, con enlace directo de navegación o videollamada según el caso.
- Comisiones calculadas automáticamenteLa matriz por tipo de referido y uso de sala vive como única fuente de verdad replicada en frontend y backend: se acabaron los cálculos manuales al cierre de mes.
- Gestión de pacientes y acudientesFichas, etiquetas e historial por terapeuta con permisos por rol, y el archivo histórico del centro transcrito e importado al sistema.
- Cobros con estado por citaMarcar una sesión como cobrada toma un toque, y las alertas de citas finalizadas sin cobrar evitan que se pierdan pagos.
- Reserva de consultoriosLa ocupación de las salas del centro es visible para todas, sin choques de agenda.
- PWA instalableLa agenda vive en el teléfono de cada psicóloga como una app nativa —service worker, modo standalone, instalación guiada en iOS— sin pasar por app stores.
El módulo de aprendizaje y comunidad —cursos internos con jerarquía curso → módulo → clase → recursos— está en construcción: su preview visual ya está diseñado sobre el mismo sistema de diseño.
Bajo el capó
El sitio público es multi-página estático servido por Apache, con compresión deflate, caché de navegador de un año para estáticos, imágenes WebP con dimensiones declaradas (cero saltos de maquetación) y preload del LCP. La app es una SPA por vistas en JavaScript vanilla sobre un API REST en PHP 8 (strict_types, PDO) con MySQL y 10 módulos de rutas. El despliegue es continuo: cada merge a main publica por FTPS a cPanel vía GitHub Actions.
- HTML5 + CSS3 + JS vanilla
- PHP 8 (API REST, strict_types)
- MySQL (PDO)
- PWA · Service Worker
- Apache (.htaccess)
- GitHub Actions (FTPS a cPanel)
- Google Analytics 4
- WhatsApp (wa.me)
- Waze
- Exportación a Excel (xlsx)
Arquitectura
Sitio público multi-página estático + app interna tipo SPA por vistas en /app, servida por un API REST en PHP con 10 módulos de rutas. Despliegue continuo a cPanel vía GitHub Actions en cada merge a main.
Integraciones
Google Analytics 4, Google Fonts (Lora + Inter), agendamiento por WhatsApp (wa.me), navegación a consultorios por Waze y exportación a Excel (xlsx).
Seguridad · RGPD
Login con token Bearer con expiración por sesión, roles admin/terapeuta, registro de terapeutas solo por invitación, HTTPS forzado, cabeceras de seguridad y consultas preparadas (PDO). Las especificaciones se publican a alto nivel, sin rutas internas.
Accesibilidad
Estructura semántica con landmarks y atributos ARIA, navegación completa por teclado, textos alternativos descriptivos y contraste cuidado sobre la paleta del centro.
Rendimiento
Imágenes WebP con dimensiones declaradas (CLS), preload del LCP, compresión deflate y caché de navegador de 1 año para estáticos; JavaScript mínimo cargado solo donde aporta.
SEO + GEO
URLs canónicas limpias (301 de .html), metadatos y Open Graph por página, schema.org MedicalBusiness con servicios y equipo, sitemap.xml y colofón técnico con creator → c6n para que buscadores y LLMs atribuyan la obra.
Este caso combina nuestro servicio de diseño web con SEO + GEO integrado: cada proyecto se construye para ser rápido, seguro y visible en Google y en la IA desde el primer día.
Qué cambió
Centir dejó de depender de WordPress: hoy tiene un sitio propio, rápido y legible tanto por Google como por los motores de respuesta con IA, con su entidad definida en datos estructurados y su autoría documentada. Y el centro opera sobre su propio sistema: cada psicóloga lleva agenda, pacientes y cobros desde una app instalada en su teléfono, y las comisiones dejaron de calcularse a mano — la app las deriva sola de cada cita. El resultado se cuenta en cualitativo, que es lo honesto: no publicamos métricas de negocio sin fuente verificable.
Preguntas frecuentes sobre Centir
¿Qué incluye exactamente el proyecto Centir?
Dos piezas que funcionan como un sistema: la web pública centir.co, migrada de WordPress a código a medida con arquitectura SEO + GEO, y la app interna de gestión (pacientes, citas, cobros y comisiones) que usa el equipo del centro. El módulo de aprendizaje y comunidad está en construcción.
¿Por qué migrar la web de WordPress a código a medida?
Por control y velocidad: sin plugins ni temas genéricos, cada página define sus metadatos, sus datos estructurados y su rendimiento. El resultado carga rápido, es fácil de mantener y les explica a Google y a las IAs exactamente quién es Centir y qué ofrece.
¿Cómo calcula la app las comisiones del centro?
Cada cita registra su tipo de referido y su modalidad (consultorio del centro, virtual o consultorio privado). Con esos dos datos, una matriz de comisiones —definida una sola vez y replicada en frontend y backend— calcula automáticamente lo que corresponde al centro por cada sesión. Nadie vuelve a hacer esa cuenta a mano.
¿Funciona en el teléfono de las terapeutas?
Sí. La app es una PWA instalable: se agrega a la pantalla de inicio (con instrucciones guiadas en iOS), abre en modo standalone como una app nativa y usa un service worker para cachear el shell. Todo sin pasar por App Store ni Google Play.
¿Cómo se protegen los datos de los pacientes?
El acceso es con login por token con expiración y roles separados (administración y terapeuta), el registro de terapeutas es solo por invitación, el tráfico va forzado por HTTPS y el API usa consultas preparadas. En este caso de portafolio, además, todas las capturas usan datos ficticios: nunca se expone información real de pacientes.
¿Quién construyó centir.co y su app?
c6n, estudio digital especializado en diseño web, SEO y agentes de IA. La autoría está documentada públicamente en el colofón técnico de centir.co, con datos estructurados que enlazan la obra a la entidad c6n.
Fuentes
¿Quieres algo así para tu negocio?
Cuéntale a CA.IA el proceso o la idea que quieres convertir en software. En 48h te decimos si encaja y cómo lo construiríamos — visible desde el día uno.
Hablar con CA.IA — gratisO directamente: agenda 30 min · WhatsApp · hola@c6n.eu
Diagnóstico en 48h · Máximo 4 clientes activos · c6n.eu