Página web a medida: cómo se construye hoy con IA

Una página web a medida cuesta más pensarla al principio y bastante menos sostenerla después. Con una plantilla pasa lo contrario: se instala en una tarde y puede tardar años en dejar de generar tickets. Plugins que se actualizan a destiempo, un constructor visual que carga más código del que usa, integraciones que funcionan hasta la próxima versión: todo eso termina en el escritorio de TI. En esta guía vas a ver qué separa técnicamente ambos enfoques, cuándo se justifica el desarrollo propio, qué stack usamos, cómo trabajamos con Claude Code y qué debe controlar tu equipo antes y después de la entrega.

Qué es una página web a medida y qué la separa de un tema de WordPress

Una página web a medida es un sitio cuyo código se escribe para los contenidos, flujos e integraciones de una empresa específica. No parte de un tema comprado ni de un constructor visual: parte de un modelo de datos y de un diseño definidos para ese proyecto. El resultado carga solo lo que usa y hace solo lo que necesita.

Un tema de WordPress funciona al revés, y es por diseño. Está pensado para servir a miles de sitios distintos, así que trae opciones, estilos y scripts que tu empresa nunca va a usar. Cuando falta algo, se resuelve con un plugin, y cada plugin agrega una dependencia con su propio ciclo de actualizaciones.

Nada de esto convierte a WordPress en una mala opción. Para un sitio de contenido sin integraciones complejas sigue siendo razonable, y lo seguimos usando en proyectos de diseño de páginas web en Chile donde calza. La diferencia aparece cuando el sitio deja de ser una vitrina y empieza a conectarse con la operación.

Para un equipo técnico, las diferencias concretas son estas:

• Dependencias: una plantilla suma tema, constructor y plugins de terceros; un desarrollo propio depende solo de su stack base.
• Rendimiento: el código genérico carga estilos y scripts para funciones que el sitio no usa.
• Integraciones: con plantilla dependen de lo que ofrezca un plugin; a medida se programan contra la API que necesites.
• Superficie de ataque: cada plugin es código de un tercero corriendo en tu servidor.
• Mantención: las actualizaciones de un ecosistema de plugins no siempre son compatibles entre sí.

Señales técnicas de que tu empresa necesita una página web a medida

No toda empresa la necesita, y conviene decirlo antes de vender nada. Estas son las señales que suelen aparecer antes de que alguien plantee formalmente el cambio.

El sitio acumula plugins que nadie se atreve a desactivar

Si tu instalación tiene decenas de plugins y nadie sabe con certeza cuáles siguen en uso, el sitio ya se volvió frágil. Cada actualización es una apuesta y cada error obliga a revisar conflictos entre piezas que no escribió tu equipo.

Las integraciones funcionan con parches

Formularios que llegan al CRM a través de tres servicios intermedios, catálogos que se sincronizan a mano, zonas privadas armadas con plugins de membresía. Cuando las integraciones son críticas para el negocio, conviene que estén escritas para tu caso y no adaptadas desde uno genérico.

El rendimiento no mejora aunque optimices

Google mide la experiencia de carga con las Core Web Vitals, y un sitio sobrecargado de código genérico tiene un techo difícil de romper. Puedes aplicar caché, comprimir imágenes y seguir todas las técnicas de optimización de rendimiento web, pero si el tema carga lo que no usa, el margen de mejora se agota rápido.

El sitio ya maneja datos, no solo contenido

Un portal de clientes, un cotizador, un catálogo con stock o una zona de descarga con permisos ya no son páginas: son un sistema. En esos casos el diseño debería partir por la estructura de la información, como explicamos en por qué empezar por la base de datos y no por el diseño.

Cada cambio de diseño pelea con el constructor visual

Si mover un bloque obliga a sobrescribir estilos del tema con CSS adicional, el constructor dejó de ahorrar tiempo. Una página web a medida define sus componentes una vez y los reutiliza sin capas intermedias.

Qué stack usamos en una página web a medida y por qué

Nuestros desarrollos a medida se construyen en PHP con Supabase como base de datos. La elección es deliberada: priorizamos tecnologías conocidas, fáciles de alojar y con datos que tu empresa puede llevarse en cualquier momento.

• PHP en el servidor: renderiza las páginas, procesa formularios y se comunica con la API de Supabase.
• Supabase sobre PostgreSQL: guarda contenidos, formularios, usuarios y cualquier dato de negocio del sitio.
• Autenticación y almacenamiento de archivos de Supabase, cuando el sitio tiene zona privada o documentos.
• Interfaz escrita para el proyecto, sin tema base ni constructor visual.
• Hosting del cliente: el sitio corre en tu propio servidor o plan de hosting.

PHP corre en prácticamente cualquier hosting, así que no necesitas infraestructura especial para alojar el sitio. Cualquier desarrollador PHP puede leer el código, lo que reduce la dependencia de un proveedor único.

Supabase aporta una base PostgreSQL administrada, con autenticación, almacenamiento y control de acceso a nivel de fila. Esa última capa, que Supabase documenta en su guía de Row Level Security, permite definir en la propia base de datos quién puede leer o modificar cada registro. La cuenta de Supabase puede quedar a nombre de tu empresa o contratarla nosotros, con cobro mensual junto a la mantención.

Cómo se desarrolla una página web a medida con Claude Code

Claude Code es el agente de programación de Anthropic: trabaja sobre los archivos del proyecto, escribe código, ejecuta comandos y propone cambios. Lo usamos abiertamente en nuestros proyectos. Acelera la escritura de código, pero no cambia quién toma las decisiones.

El flujo de trabajo tiene cinco etapas:

1. Arquitectura y modelo de datos: definimos tablas, relaciones, permisos, páginas y flujos antes de escribir una línea de código.
2. Reglas del proyecto: dejamos por escrito el stack, las convenciones, las restricciones de seguridad y el estilo de código, en un archivo que Claude Code lee en cada sesión.
3. Generación por módulos acotados: cada tarea tiene un alcance pequeño y verificable, no "hazme el sitio completo".
4. Revisión humana de cada entrega: lógica, consultas, permisos y validación de entradas pasan por revisión antes de avanzar.
5. Pruebas en un entorno de staging y paso a producción.

La IA reduce el tiempo que antes se iba en código repetitivo: estructuras de páginas, formularios, validaciones, consultas estándar. Ese tiempo se reinvierte en lo que define la calidad de una página web a medida: el modelo de datos, la experiencia de uso y la revisión de seguridad.

La calidad del resultado depende de la calidad de la especificación. Un agente de programación con instrucciones vagas produce código plausible, no necesariamente correcto. Por eso la etapa 1 no se delega y la etapa 4 no se salta, aunque el código parezca funcionar a la primera.

Qué controla tu equipo de TI en una página web a medida

Un desarrollo propio solo es una ventaja si tu empresa mantiene el control de lo importante. Antes de firmar, conviene tener claros estos cuatro frentes.

Datos

Los datos viven en PostgreSQL, un estándar abierto. Desde el panel del sitio puedes exportarlos en CSV o SQL cuando lo necesites, y nosotros respaldamos la base de Supabase como parte del servicio.

Código

El código fuente se entrega en un archivo ZIP si tu empresa lo pide. Si tu equipo de TI quiere auditarlo o tenerlo en su propio repositorio, lo más ordenado es dejarlo acordado desde el inicio del proyecto.

Hosting y accesos

El sitio se aloja en tu hosting, con tus credenciales de administración. Si tu empresa ya tiene políticas de proveedores o acuerdos de confidencialidad, los firmamos cuando los solicitas.

Seguridad

Revisamos el código generado contra los riesgos que documenta OWASP en su Top 10, como inyección, control de acceso roto y exposición de datos. Sin plugins de terceros, la superficie de ataque se reduce a tu propio código y al stack base, un contraste claro con los puntos débiles habituales de un sitio WordPress.

SEO técnico: lo que en WordPress hace un plugin y aquí se programa

En WordPress, un plugin como Rank Math genera títulos, metadescripciones, sitemap, datos estructurados y redirecciones. En una página web a medida esas piezas no vienen instaladas: se programan como parte del proyecto.

Eso tiene una ventaja y una obligación. La ventaja es control total sobre el HTML, el schema y la velocidad de carga. La obligación es incluir en el alcance, desde el inicio, estos elementos:

• Títulos y metadescripciones editables por página.
• Sitemap XML generado automáticamente.
• Datos estructurados en JSON-LD según el tipo de contenido.
• Gestión de redirecciones 301, clave si vienes de un sitio anterior.
• URLs limpias y etiquetas canónicas.

Si el proyecto reemplaza un sitio existente, el mapa de redirecciones debe estar listo antes del lanzamiento. Es la diferencia entre conservar el posicionamiento y partir de cero.

Cuánto cuesta una página web a medida

No hay un precio único, porque el costo depende de la estructura del proyecto más que de la cantidad de páginas. Los factores que más mueven el presupuesto son estos:

• Cantidad de plantillas de página distintas, no de páginas totales.
• Integraciones con sistemas externos: CRM, ERP, pasarelas de pago o APIs propias.
• Complejidad del modelo de datos y de los permisos de usuario.
• Migración de contenidos desde el sitio actual.
• Zona privada, cotizadores u otras funciones que se comportan como sistema.

Si quieres entender cómo se forman los precios de un sitio en el mercado local, revisa nuestra guía sobre cuánto cuesta una página web en Chile. La comparación útil no es plantilla contra desarrollo propio el día uno, sino el costo total de mantener cada opción durante varios años.

Mantención y evolución después de la entrega

Una página web a medida no recibe actualizaciones automáticas de plugins, lo que elimina buena parte de las sorpresas. Pero sigue necesitando atención: versiones de PHP en el hosting, monitoreo de la base de datos, respaldos y ajustes cuando cambia algo en una integración.

Por eso recomendamos siempre un plan de mantención, que se cobra desde la entrega de la implementación. Además de lo técnico, la mantención es el canal para agregar funciones nuevas sin abrir un proyecto desde cero. Si tu empresa prefiere no contratarla, lo conversamos antes de empezar para dejar claro cómo se resolverá el soporte.

Checklist para evaluar a un proveedor de desarrollo web a medida

Antes de elegir, pídele a cada proveedor respuestas concretas a estas preguntas:

• ¿Quién define la arquitectura y el modelo de datos, y cómo queda documentado?
• ¿Usan IA para programar? Si la respuesta es sí, ¿cómo revisan lo que genera?
• ¿A nombre de quién quedan la base de datos, el hosting y el dominio?
• ¿Cómo exporto mis datos y en qué formato? ¿Me entregan el código si lo pido?
• ¿Qué incluye la mantención y desde cuándo se cobra?

Un proveedor que responde con precisión a estas cinco preguntas probablemente ya pensó en tu equipo de TI. Uno que responde con generalidades te va a traspasar esas decisiones a mitad del proyecto.

Si tu empresa está evaluando reemplazar un sitio armado sobre plantilla, en nuestra agencia de desarrollo web partimos por revisar tu sitio actual, sus integraciones y la estructura de sus datos antes de hablar de diseño. Llevamos más de 14 años y más de 300 proyectos haciendo esa revisión primero, porque es la que evita reconstruir lo mismo con otro código.

Una página web a medida no es una plantilla más cara: es mover el esfuerzo desde la mantención hacia la definición inicial. PHP y Supabase dan un stack estable y portable, Claude Code acelera la escritura del código y la revisión humana sostiene la calidad. Lo que decide el resultado sigue siendo lo mismo de siempre: qué tan bien se entiende el negocio antes de programar. ¿Cuántos de los plugins de tu sitio actual podrías justificar hoy si alguien te preguntara para qué sirve cada uno?

¿Qué diferencia hay entre una página web a medida y una hecha con plantilla?

Una página web a medida se programa para los contenidos, flujos e integraciones de una empresa específica, mientras que una plantilla está pensada para servir a miles de sitios distintos. Eso se traduce en menos dependencias de terceros, mejor rendimiento y más control sobre integraciones y seguridad. La plantilla sigue siendo razonable para sitios de contenido simple sin integraciones críticas.

¿Es seguro desarrollar una página web con inteligencia artificial?

Es seguro si la IA trabaja con reglas claras y cada entrega pasa por revisión humana. En Siete y Media usamos Claude Code para escribir código, pero la arquitectura, el modelo de datos y la revisión de seguridad los hacemos nosotros. El código se contrasta con riesgos conocidos como inyección o control de acceso roto antes de pasar a producción.

¿Puedo alojar mi página web a medida en mi propio hosting?

Sí. Nuestros desarrollos en PHP corren en el hosting del cliente, con sus propias credenciales de administración. La base de datos en Supabase puede quedar a nombre de tu empresa o contratarla nosotros con cobro mensual junto a la mantención.

¿Me entregan el código fuente del sitio?

El código se entrega en un archivo ZIP si tu empresa lo solicita. Si tu equipo de TI necesita auditarlo o versionarlo, lo más ordenado es acordarlo al inicio del proyecto. Los datos, en cambio, siempre puedes exportarlos en CSV o SQL desde el panel.

¿Una página web a medida posiciona peor en Google que un sitio en WordPress?

No, pero el SEO técnico se programa en lugar de instalarse con un plugin. Títulos, metadescripciones, sitemap, datos estructurados y redirecciones deben estar en el alcance desde el inicio. Bien resuelto, el control total sobre el HTML y la velocidad de carga juega a favor del posicionamiento.