El desarrollo de paneles de administración es la ingeniería de las interfaces sobre las que funciona un negocio, no de las que promociona: el cuadro de mando donde un equipo de operaciones vigila los números, el panel de configuración donde un responsable cambia lo que hace el producto, el back office donde soporte busca una cuenta y la arregla. Estas herramientas no tienen landing ni ficha en las tiendas de aplicaciones. También deciden cuántas personas hacen falta para dirigir la empresa.

Los construimos sobre Vue y Nuxt con TypeScript de principio a fin, sobre el mismo stack que nuestro trabajo público de desarrollo web, pero afinados para un objetivo distinto. Una herramienta de administración se mide en minutos de operador ahorrados y en errores evitados, no en tasas de rebote, y eso cambia para qué se hace la ingeniería.

Los productos que construimos

  • Cuadros de mando de operaciones: vistas en vivo sobre los datos con los que actúa un equipo —pedidos, sesiones, pagos, alertas—, con los filtros y desgloses que convierten un muro de filas en una decisión
  • Paneles de configuración: interfaces donde cambiar un ajuste cambia el producto: reglas de precios, feature flags, parámetros de campaña, evaluados por el backend en tiempo de ejecución
  • Back offices para productos móviles: la contraparte web de una app, como la interfaz de administración detrás de la flota de marca blanca que operamos; la superficie web de cara al cliente tiene su propia página, apps web complementarias
  • Herramientas de soporte y cuentas: buscar a un usuario, ver lo que vio, arreglar lo que salió mal, con cada acción registrada
  • Portales de comercios y socios: el primo restringido y de cara al exterior de un panel de administración, donde un socio gestiona su propia porción de tu plataforma

Quién construye tu panel de administración

Nuestra prueba más clara es un back office que mueve una flota real.

La interfaz de administración que lanza apps de marca

Para nuestra plataforma de cashback y fidelización, lanzar una nueva marca de marca blanca solía ser un recado de ingeniería: configuración, identificadores de paquete, recursos de firma, metadatos de tienda, un nuevo target de CI. Lo comprimimos todo en una única aplicación Nuxt respaldada por servicios en PHP y PostgreSQL. Un responsable rellena un formulario —nombre de marca, tema, recursos, funciones— y el sistema genera el paquete de configuración, registra la app en el pipeline de y produce builds firmadas de iOS y Android. Lanzar una marca pasó de ser una tarea de ingeniería de varios días a un formulario autogestionado, manejado por personas que no escriben código. Ese es el estándar al que sometemos las herramientas de administración: el panel acciona la maquinaria en lugar de describirla.

Construido por quienes construyen el backend

Un panel de administración vale lo que vale su API, y rara vez construimos lo uno sin lo otro. El mismo encargo que produjo la interfaz de administración de arriba produjo los servicios en PHP que hay detrás; el frontend en Nuxt de Formtastic corre contra un backend de Django y Go que evolucionamos junto a él. Cuando un solo equipo es dueño de ambos lados, «el frontend necesita un endpoint para esto» es el trabajo de una mañana y no una negociación entre equipos, y las reglas de validación del panel coinciden con lo que el backend impone de verdad.

Qué exige realmente una herramienta de administración

Cinco preocupaciones aparecen en todo proyecto de back office. Así abordamos cada una.

Una autorización que refleja el organigrama

Una pantalla de login no es control de acceso. Una herramienta de administración de verdad necesita roles —quién puede ver, quién puede editar, quién puede aprobar— impuestos en el servidor, y la interfaz se limita a reflejar lo que la API ya rechaza. Construimos el control de acceso por roles primero en la capa de API, para que una petición fabricada no pueda hacer lo que un botón oculto no permitiría.

Formularios que mueven maquinaria real

Cuando enviar un formulario genera configuración, mueve dinero o dispara un pipeline de build, el formulario hereda los estándares de ingeniería de la maquinaria que tiene detrás: validación que coincide con lo que impone el backend, envío idempotente para que un doble clic no pueda lanzar dos marcas y estados de fallo claros y específicos. El camino feliz es la parte fácil.

Tablas que sobreviven a los datos reales

Todos los paneles de administración lucen preciosos en la demo con doce filas y mueren con cincuenta mil. Paginamos en el servidor, empujamos el filtrado y la búsqueda a la base de datos, donde están los índices, y mantenemos la interacción —ordenar, filtrar, exportar— ágil con los volúmenes que tu operación va a alcanzar de verdad.

Una traza de auditoría desde el primer día

¿Quién cambió el porcentaje de pago, cuándo, y de qué valor a cuál? En una herramienta de administración esa pregunta es una funcionalidad más que un peritaje. Las acciones se registran con autor, marca de tiempo y valores de antes y después, porque un back office donde los cambios son anónimos se convierte en un lugar donde nadie tiene permitido cambiar nada.

Aburrido, a propósito

Las herramientas internas no necesitan SEO y, en general, tampoco renderizado en servidor: una single-page app de Vue a secas detrás de un login es a menudo la decisión correcta, y lo diremos en vez de facturarte un framework que no necesitas. Donde Nuxt se gana su sitio —sus rutas de servidor haciendo de backend aparte, o superficies públicas e internas compartiendo una base de código—, lo usamos, como hicimos con la interfaz de administración de la flota. La elección es una decisión de ingeniería, explícita en la propuesta.

Cómo trabajamos

Proyecto de alcance cerrado. Llevamos la herramienta del mapeo de flujos de trabajo al despliegue, incluidas las partes sin glamur, como migrar los datos desde las hojas de cálculo a las que sustituye.

Ampliación de equipo. Nuestros ingenieros se suman a tu equipo y construyen el back office junto a tu producto: mira ampliación de equipo.

En cualquiera de los dos casos, enviamos un presupuesto detallado en un plazo de dos días laborables desde que entendemos los requisitos.

Cuánto cuesta un panel de administración

Un panel de administración es una aplicación web autenticada, y se presupuesta desde los mismos niveles publicados que la página de desarrollo web: un back office acotado —autenticación, acceso por roles, las tablas y formularios centrales— entra en el nivel de aplicación web, en 12.000-32.000 €, mientras que un portal multiinquilino o un panel entretejido en una plataforma mayor se presupuesta como trabajo de nivel SaaS a partir de desde 40.000 €.

Son las mismas claves que renderizan la tabla de precios del pilar, así que las dos no pueden divergir. Lo que mueve la cifra dentro del rango: cuántos roles y flujos de trabajo cubre la herramienta, cuánto backend existe ya y si el panel se limita a leer tus sistemas o los opera.

Preguntas frecuentes

Dudas habituales de los equipos que encargan paneles de administración y cuadros de mando internos.

Un cuadro de mando muestra: métricas en vivo, tablas, desgloses que sostienen una decisión. Un panel de administración actúa: sus formularios y controles cambian lo que hace el producto —configuración, contenido, precios, cuentas de usuario—. La mayoría de los back offices reales son ambas cosas, y la diferencia de ingeniería importa: los problemas difíciles de un cuadro de mando son las consultas y el volumen de datos, mientras que los de un panel de administración son la autorización, la validación y garantizar que un formulario enviado no pueda hacer daño. Los construimos como una sola herramienta con las dos disciplinas aplicadas.
Un back office acotado —autenticación, control de acceso por roles, las tablas y formularios centrales sobre una API existente— suele costar entre 15.000 y 40.000 dólares en un plazo de uno a tres meses, el mismo nivel publicado de aplicación web que en nuestra página de desarrollo web. Un portal de socios multiinquilino o un panel que orquesta maquinaria real se presupuesta como trabajo de nivel SaaS a partir de 50.000. Lo que más mueve el coste es el número de roles y flujos de trabajo distintos, no el número de pantallas.
Ambos, y normalmente juntos. Un panel de administración vale lo que vale su API, así que el encargo suele cubrir los endpoints, la capa de autorización y la interfaz como una sola pieza de trabajo. Para la plataforma de marca blanca que operamos, el mismo equipo construyó la interfaz de administración en Nuxt y los servicios en PHP que hay detrás, y por eso enviar un formulario allí puede generar configuración y disparar builds móviles firmadas con seguridad. Si ya tienes una API, construimos contra ella y te decimos con honestidad dónde necesita cambiar.
Para una herramienta que vive por completo detrás de un login, una single-page app de Vue a secas es a menudo la respuesta honesta: nada necesita indexarse, así que el renderizado en servidor añade piezas móviles sin añadir valor. Nuxt se gana su sitio cuando sus rutas de servidor pueden hacer de backend aparte en un producto pequeño, o cuando las superficies internas y públicas comparten una base de código. Trabajamos con ambos y hacemos la elección explícita en la propuesta, en vez de recurrir por defecto a la herramienta más pesada.
Ese es el objetivo de diseño al que nos obligamos. La interfaz de administración que construimos para una plataforma de apps de marca blanca permite a responsables sin conocimientos de programación lanzar una app móvil completamente personalizada y lista para tienda rellenando un formulario: el sistema genera la configuración, registra el target en el pipeline de CI y produce builds firmadas. La medida de un back office es si saca al ingeniero del circuito, y diseñamos cada flujo de trabajo contra ese estándar.
Autorización impuesta en el servidor, nunca solo oculta en la interfaz; sesiones en cookies httpOnly, secure y SameSite; control de acceso por roles en la capa de API; y una traza de auditoría que registra quién cambió qué y cuándo. Las herramientas de administración concentran privilegios, y eso las convierte en un objetivo: si tienes un panel existente del que no estás seguro, nuestra auditoría de código IA revisa la autenticación, la gestión de sesiones y la exposición de datos como un encargo específico.

Mira cómo funciona la interfaz de administración de la flota en el artículo sobre la plataforma, lee sobre el servicio de marca blanca al que pertenece o empieza por el pilar de desarrollo web.