Caso de Éxito — Panel Interno de Somos Motor

Actualizado · 21 may 2026

Somos Motor

Un panel para orquestar un ecosistema multi-vertical

Somos Motor no es un podcast: es una plataforma editorial multi-vertical para el sector del motor. Hoy opera podcast, media (gestión de redes sociales para marcas) y eventos, con más verticales en desarrollo. El panel interno es el centro de operaciones desde donde se gestiona, mide y factura cada una de ellas, todo bajo un mismo techo.

3+
Verticales activas
30+
Pantallas admin
5
Roles + capabilities
24/7
Crons productivos
Proyecto Completo

Un ecosistema digital de +955 horas

El producto está compuesto por tres plataformas interconectadas: el panel interno (esta página), el área de clientes que ven sus redes sociales y facturas, y la web pública que actúa como escaparate de todas las verticales.

Esta página está dedicada al Panel Interno, el cerebro que opera todas las verticales. Al final encontrarás enlaces directos al resto del proyecto.

Verticales del ecosistema

Una plataforma, múltiples líneas de negocio

Cada vertical tiene su propio público, su propio modelo de monetización y sus propias métricas. El panel las gestiona todas con módulos compartidos (auth, roles, leads, emails) y módulos especializados por vertical.

Vertical Podcast

ACTIVO

Contenido long-form en YouTube con invitados del sector. Monetización vía patrocinios integrados (mid-roll, clips, segmentos branded, episodios dedicados). El panel le da todo lo necesario para producir, publicar, medir y rentabilizar cada episodio.

  • Blog con generador IA por episodio
  • Dashboard YouTube Data + Analytics
  • Kanban editorial y publicación
  • Workflow dossier/guion/métricas

Vertical Media

ACTIVO

Producción de contenido y gestión de redes sociales para empresas del sector (concesionarios, talleres, marcas). Pack: 20 reels/mes, producción semanal in-situ, edición y publicación. Cada cliente tiene su propia área con métricas y facturación.

  • Integración Metricool: 4 redes, 35+ métricas
  • Métricas propias por cruce de datos
  • Subida y descarga de facturas (PDF)
  • Caso de estudio público para captar nuevos clientes

Vertical Eventos

ACTIVO

Producción de eventos para marcas del motor: experiencias en circuito, lanzamientos de producto, stands en ferias, ride-outs y campañas pre/post evento. Proceso: auditoría → propuesta → producción → comunicación → reporte.

  • Calendario interno de eventos
  • Formulario web con clasificación de leads
  • Recordatorios automáticos a las 2h previas
  • Reporting visual post-evento

Más verticales en el horizonte: la arquitectura está diseñada para añadir nuevas líneas (formación, newsletter, club, e-commerce, etc.) sin tener que rehacer el core. Cada vertical reutiliza la misma capa de auth, roles, datos y reporting.

El Desafío

¿Cómo escalar una marca de contenido a SaaS B2B?

Somos Motor empezó como un podcast pero rápidamente las marcas pidieron servicios: gestión de sus redes, producción de eventos, contenido a medida. Sin un panel propio, cada nuevo cliente era un Excel y un Drive nuevos. Había que construir la plataforma que soportara todas las verticales presentes y las que vendrán.

ANTES
  • Cada cliente media en una hoja de Excel y un Drive distinto
  • Métricas de Metricool consultadas a mano cada mes y cliente por cliente
  • Facturas enviadas por email sin trazabilidad ni acceso histórico
  • Roles inexistentes: todos los colaboradores veían todo o nada
  • Eventos coordinados por WhatsApp con recordatorios manuales
  • Imposible escalar a una segunda o tercera vertical sin reinventar la rueda
DESPUÉS
  • Plataforma única con módulos por vertical y módulos transversales
  • Sync diario automático Metricool + YouTube + cruce de datos propios
  • Facturación con storagePath, retención 7 días y descarga 24/7 por el cliente
  • Roles granulares: SuperAdmin, admin, editor, cliente, user
  • Calendario unificado de eventos con recordatorios automáticos
  • Arquitectura preparada para añadir verticales sin reescribir el core
Módulos del panel

Cada vertical tiene su área dedicada

Módulos compartidos para la base (auth, roles, configuración) y módulos especializados por vertical. Cero duplicación, máxima reutilización.

Módulos transversales

Roles y Capabilities

SuperAdmin, admin, editor, cliente, user. Capabilities granulares (view:dashboard-canal, moderate:blog-comments, etc.) editables por usuario sin tocar código.

~120h de desarrollo

Gestor de Usuarios

CRUD desde panel: crear, editar, eliminar, resetear contraseña. Sincronización automática con Firebase Auth + custom claims.

~70h de desarrollo

Gestor de Emails (Resend)

Plantillas editables, historial de envíos, salud del dominio, métricas agregadas y verificación. Webhook entrante para sincronización.

~85h de desarrollo

Gestor de Leads

Contactos del formulario web clasificados por vertical (Media, Eventos, Patrocinio). Estado, asignación y notas internas.

~55h de desarrollo

Web Analytics propio

Eventos web agregados en Firestore con ingesta dedicada. Páginas más visitadas, fuentes de tráfico. Sin Google Analytics.

~70h de desarrollo

Gestor de Procesos

Documentación viva de flujos internos: bloque por bloque, editor enriquecido. Centraliza el "cómo se hace" para todo el equipo.

~55h de desarrollo

Vertical Podcast

Dashboard de Canal YouTube

Métricas episodio a episodio: CTR, AVD, retención, fuentes, demografía. Snapshots por horizonte (12h, 24h, 48h, 7d, 30d, 90d, 12m).

~155h de desarrollo

Kanban Editorial

Producción de episodios por estados (Revisión 1, Revisión 2, Prepublicar, Publicado). Subida a YouTube directa con metadata completa.

~140h de desarrollo

Generador de Blog con IA

Integración con Claude API para generar artículos a partir del episodio. Captura invitado, descripción y capítulos, produce blog listo para revisar.

~95h de desarrollo

CMS del Blog + Moderación

CRUD de posts con editor enriquecido, moderación de comentarios públicos, likes/shares trackeados y auto-publicación al Premiere.

~110h de desarrollo

Vertical Media (Clientes de Redes)

Sincronización Metricool

35+ métricas por snapshot diario y mensual de Instagram, Facebook, TikTok y YouTube. Multi-brand con sincronización bidireccional.

~140h de desarrollo

Métricas Propias Cruzadas

Cálculos propios "Análisis Somos Motor" que cruzan datos de las APIs para sacar KPIs que ninguna red ofrece por separado.

~90h de desarrollo

Gestión de Clientes-Media

Alta de clientes con slug propio, vinculación a marcas Metricool, asignación de usuarios cliente y configuración multi-brand.

~75h de desarrollo

Facturación de Clientes

SuperAdmin sube facturas PDF al cliente (flujo 3 pasos: reservar → upload → confirmar). Storage lifecycle de 7 días para huérfanos.

~75h de desarrollo

Impersonate de Cliente

El SuperAdmin entra en el panel de cliente exactamente como lo ve el cliente, para depurar y dar soporte sin pedir credenciales.

~40h de desarrollo

Generador de Informes PDF

PDFs mensuales por cliente con logo personalizado, métricas seleccionables y rango temporal a elegir. jsPDF + AutoTable.

~70h de desarrollo

Vertical Eventos

Calendario Editorial

Planificación visual mensual de eventos, tareas y producciones. Diálogos para crear/editar, gestor de categorías, panel lateral de tareas.

~95h de desarrollo

Recordatorios Automáticos

Cron 2h antes de cada evento envía email automático con Resend al equipo y a suscriptores. Elimina la coordinación manual el día del evento.

~30h de desarrollo

Propuestas y Reporting

Plantillas y proceso documentado: auditoría → propuesta → producción → comunicación → reporte. Cada paso trackeado en el calendario.

~60h de desarrollo
Sistema de Roles

5 roles, capabilities granulares

No usamos roles "todo o nada". Cada rol tiene un conjunto base de capabilities, y el SuperAdmin puede ajustarlas usuario a usuario desde el propio panel.

SuperAdmin

Acceso total. Gestiona usuarios, roles, facturación de clientes-media y dev-tools.

Todas las capabilities

admin

Operación diaria: dashboard, emails, leads, configuración.

view:admin
view:dashboard-canal
view:email-resend
view:leads

editor

Trabajo editorial: contenido, blog, comentarios.

view:blog
moderate:blog-comments
view:contenido

cliente

Cliente de media: acceso a sus redes, informes y facturas.

view:clientes-media
webTipo:cliente

user

Usuario público de la web (comentarios, perfil propio).

Solo lectura personal
Stack Técnico

Tecnologías modernas, decisiones pragmáticas

React 19 + MUI 9 en el front, Firebase como backend serverless, TypeScript en todas partes y lazy loading para que el panel cargue rápido aunque tenga 30+ pantallas.

Frontend

Panel admin

React 19UI moderna y reactiva
Vite 6Build ultrarrápido
Material UI 9Componentes profesionales
React Router 7Routing por capabilities
Recharts 3Charts de métricas
Lazy loading-40% bundle inicial

Backend

Cloud Functions + Firestore

Node.js 22Runtime moderno
Firebase Functions 675+ funciones serverless
FirestoreSingle source of truth
Cloud StoragePDFs facturas + logos
Cloud Scheduler8+ crons productivos
Secret Manager10+ secrets rotables

Seguridad & DevOps

Producción real

Firebase AuthOAuth + email/password
Custom ClaimsRol + cliente en token
Firestore RulesAislamiento por cliente-media
App CheckAnti-abuso de APIs
GitHub ActionsCI/CD a Firebase
Storage LifecycleLimpieza automática
En Números

El esfuerzo detrás del panel interno

Cada módulo del panel nace de una necesidad concreta de alguna de las verticales. Reutilización máxima de auth, roles, datos y reporting entre verticales.

600+
Horas de desarrollo
Solo el panel admin
93
Archivos TS/TSX
Componentes y módulos
30+
Pantallas únicas
Por las 3 verticales
8+
Crons productivos
Tareas automáticas 24/7

Desglose de Esfuerzo por Módulo

Frontend panel: arquitectura, 30+ pantallas, MUI, Recharts100h
Roles, capabilities y gestor de usuarios60h
Cloud Functions + crons + integraciones (Metricool, YouTube, Resend, Claude)120h
Vertical Podcast: blog IA + dashboard YouTube + kanban100h
Vertical Media: Metricool + métricas propias + facturas70h
Vertical Eventos: calendario + tareas + recordatorios35h
Email Resend + leads + web analytics45h
Seguridad (App Check, rules, PII) + CI/CD35h
Configuración + dev-tools + impersonate + procesos35h

Estimación total: ~600 horas · Equivalente a ~3-4 meses de trabajo de un dev senior

Decisiones Técnicas

¿Por qué se construyó de esta manera?

¿Por qué un panel propio en vez de Notion + Sheets + Make?

Para escalar a 3+ verticales con datos compartidos (clientes, métricas, facturas), las herramientas de no-code generan datos sueltos imposibles de auditar. Un panel propio integra todas las APIs (Metricool, YouTube, Resend, Claude) bajo un mismo modelo de permisos y deja la arquitectura preparada para añadir verticales nuevas sin tocar las existentes.

¿Por qué módulos por vertical y módulos transversales?

Roles, auth, emails, leads y configuración son los mismos para todas las verticales. Lo que cambia es la lógica de negocio. Separar transversales de específicos por vertical permite que un cambio en auth no rompa nada y que añadir una vertical nueva (formación, e-commerce) sea sumar módulos, no refactorizar el sistema.

¿Por qué Firebase y no AWS/Postgres?

Firebase resuelve auth + base de datos + functions + hosting + storage con un único proveedor y reglas que se versionan con el código. Para un equipo pequeño con tráfico medio es óptimo: cero servidores que mantener, deploy en un comando, costes proporcionales al uso real y Storage lifecycle para limpiar facturas huérfanas automáticamente.

¿Por qué capabilities granulares?

Los roles fijos generan el dilema "todo o nada". Con capabilities granulares se puede dar a un editor solo el módulo de blog, o a un cliente solo su marca de Metricool y sus facturas, sin tocar el código. El SuperAdmin ajusta capabilities desde el propio panel y los cambios viajan en el custom claim del token.

¿Por qué Metricool para la vertical media?

Metricool tiene la API más generosa y económica para gestión multi-red. Una sola API key cubre Instagram, Facebook, TikTok y YouTube con datos consistentes y 35+ métricas por red. Eso permite a Somos Motor ofrecer un panel verdaderamente multi-plataforma a sus clientes sin tener que pagar 4 SaaS distintos.

¿Por qué métricas propias cruzadas y no solo las de la API?

Las APIs dan datos sueltos por red. El valor real para el cliente está en los cruces: engagement consolidado multi-red, KPIs de crecimiento normalizado, "Análisis Somos Motor" propietario. Esos cálculos los hace el backend al ingestar el snapshot y los expone como métricas adicionales en el dashboard del cliente.

Ecosistema

Una plataforma, tres frontales

El panel interno es el cerebro, pero no funciona solo. Comparte datos con el área de clientes (donde los clientes-media ven sus redes y facturas) y con la web pública (donde se presentan las verticales al exterior).

¿Tu marca opera en varias líneas de negocio?

Si tu negocio combina contenido, servicios B2B y eventos (o quieres llegar ahí), un panel multi-vertical paga su desarrollo solo en horas ahorradas y en capacidad para añadir nuevas líneas sin reinventar la rueda. Lo construimos a tu medida.

Proyecto desarrollado por Automatiza ToDo · Todos los datos son aproximaciones públicas