El portal de los clientes de redes sociales
Somos Motor gestiona las redes sociales de empresas del sector del motor (concesionarios, talleres, marcas). Cada cliente entra a su área privada y encuentra tres pilares: sus redes sociales con métricas en vivo y datos propios cruzados, sus informes mensuales en PDF, y sus facturas con descarga histórica 24/7. Sin emails, sin esperas, sin pedir el último dato.
Un ecosistema digital de 1.267 horas
Esta página está dedicada al área de los clientes a los que Somos Motor les gestiona las redes sociales (vertical Media). Es una de las tres patas del producto.
Cliente NO es lo mismo que patrocinador
Son dos tipos de relación comercial completamente distintas que viven en sitios diferentes de la plataforma.
Cliente Media
ESTA PÁGINAEmpresa B2B (concesionario, taller, marca) que contrata a Somos Motor para que le gestione sus redes sociales. Recibe contenido producido (reels, posts), gestión de publicación y reportes mensuales. Paga una cuota recurrente.
clientes-media/{slug} en Firestore/clientes/redes, /clientes/informes, /clientes/facturacionwebTipo: "cliente" + clienteAsignadoIds[]Patrocinador del Podcast
Marca que aparece DENTRO del podcast en formato mid-roll, clips, segmentos branded o episodios dedicados. Su relación se gestiona desde la página comercial/patrocinios de la web pública, no desde el área cliente.
Todo lo que necesita el cliente, en tres bloques
Diseñado para personas con poco tiempo. Tres secciones, cero curva de aprendizaje y acceso 24/7 a información actualizada.
Pilar 1 · Mis Redes Sociales
El dashboard estrella. Está estructurado en dos bloques diferenciados para que el cliente pueda ver la foto fija de su evolución y bucear en periodos concretos sin perderse.
Estadísticas Generales
Foto agregada de toda la colaboración. No se ve afectado por filtros temporales.
- 4 KPIs: total seguidores, crecimiento acumulado, impresiones, meses con Somos Motor
- Distribución por plataforma (donut)
- Evolución mensual completa (línea continua)
Análisis del Periodo
Datos detallados que recalculan en vivo según el filtro elegido por el cliente.
- Filtros: mes actual, mes anterior, trimestre, año, personalizado
- Análisis Somos Motor (KPIs propietarios)
- Métricas detalladas por red + audiencia (género, edad, países)
- Contenido publicado con búsqueda y ordenamiento
Pilar 2 · Informes
PDFs mensuales generados automáticamente que el cliente puede reenviar a su jefe, su socio o su contable sin tener que escribir nada.
Generación client-side
jsPDF + AutoTable. Logo del cliente, branding propio, sin esperas de servidor.
Selección de secciones
El cliente elige qué bloques incluir (KPIs, audiencia, contenido top, evolución).
Solo cierres reales
Excluye meses pre-colaboración y mes en curso: solo se descargan reportes cerrados.
Pilar 3 · Facturación
El cliente accede 24/7 a sus facturas históricas. Sin pedir copias por email, sin perderlas si cambia de gestor. Trazabilidad completa.
Lo que ve el cliente
- Listado histórico con número, concepto y fecha
- Descarga PDF con un click (signed URL temporal)
- Acceso desde web y móvil sin instalar nada
Lo que hace el SuperAdmin
- Sube factura en flujo atómico de 3 pasos (reservar → upload → confirmar)
- Validación: solo PDF, máx. 10 MB
- Lifecycle 7 días para PDFs huérfanos (subida sin confirmar)
No solo lo que dice la API: también lo que sacamos nosotros
Metricool da datos sueltos por red. El valor real para el cliente está en los cruces. El bloque "Análisis Somos Motor" del dashboard expone métricas propias calculadas en el backend al ingestar cada snapshot diario.
Métricas de la API (Metricool)
35+ métricas por red social (Instagram, Facebook, TikTok, YouTube). Lo que la API expone, tal cual, sin procesar.
- Alcance, impresiones, engagements
- Posts top con datos individuales
- Demografía (edad, género, países)
- Saves, shares, comentarios
Métricas propias cruzadas (Análisis Somos Motor)
KPIs que ninguna red ofrece por separado. Se calculan al ingestar el snapshot diario cruzando las 4 redes y el histórico.
- Engagement consolidado multi-red
- Crecimiento normalizado por base
- Eficiencia por formato y horario
- Indicadores de valor por mes con Somos Motor
Una única fuente, cuatro plataformas
Reels, posts, stories, saves, shares, audiencia.
Alcance, impresiones, engagements, posts top.
TikTok
Views, likes, comments, shares por vídeo.
YouTube
Combinado con Analytics: CTR, AVD, retención.
De la API al PDF, en automático
Cada noche un cron sincroniza los datos de Metricool, cruza con el histórico para calcular las métricas propias y los deja listos para que el cliente los consuma al día siguiente. Nadie toca nada a mano.
API Metricool
Snapshot diario por brand y por red social. 35+ métricas.
Cron Firebase
dailyMetricoolSnapshot a las 23:00 cada noche. Reintentos.
Cruce + Firestore
Cálculo de métricas propias (Análisis Somos Motor) y persistencia.
Dashboard cliente
Lectura reactiva, filtros, gráficos Recharts en /clientes/redes.
PDF on-demand
jsPDF + AutoTable con logo del cliente, generación instantánea.
Cada tipo de socio entra por su puerta
Una misma plataforma atiende a empresas patrocinadoras, afiliados y colaboradores. No son tres versiones del mismo panel: son tres relaciones de negocio distintas con datos distintos.
Área de empresa con sus contratos, informes y facturación
La marca que patrocina entra y ve lo suyo: sus contratos, sus archivos, el rendimiento de sus acciones en redes y sus facturas. Sin pedirlo por correo.
Por qué tiene mérito
El reto no es pintar las pantallas, es el aislamiento: garantizar por diseño que una empresa jamás pueda ver un dato de otra, incluso si alguien manipula la dirección del navegador. Eso se resuelve en las reglas de la base de datos, no en el aspecto de la página.
Varios roles sobre la misma cuenta, sin jerarquía
La misma persona puede ser colaboradora y afiliada a la vez. Ve las dos facetas sin tener dos cuentas ni mezclar los dos historiales.
Por qué tiene mérito
Modelar esto mal es el error que obliga a rehacer el sistema de usuarios a los seis meses. Los roles se diseñaron como facetas independientes que se suman, no como niveles de un escalafón.
Liquidaciones y cobros de los colaboradores
Cada colaborador ve lo que ha generado, lo que se le ha pagado y lo que está pendiente, con el detalle que lo respalda.
Por qué tiene mérito
Mostrar dinero a un tercero obliga a que el número sea reproducible: si pregunta de dónde sale, la pantalla tiene que poder desglosarlo hasta el origen. Eso condiciona cómo se guarda el dato desde el principio.
Astro + Firebase: rápido y seguro
El área de cliente vive en la web pública (Astro) bajo las rutas /clientes/*. Auth, datos y facturas se gestionan vía Firebase con aislamiento estricto por cliente.
Frontend
Área cliente embebida en Astro
Pipeline de datos
Crons + integraciones
Aislamiento & Auth
Cliente solo ve lo suyo
El esfuerzo detrás del área de clientes
Desglose de Esfuerzo por Módulo
191 horas de desarrollo, equivalentes a 1,1 mesesde una persona a jornada completa.
Una plataforma, tres frontales
Panel Interno
Cerebro multi-vertical: gestiona podcast, media (clientes redes) y eventos. Roles granulares y módulos transversales.
Ver caso de éxitoÁrea de Clientes Estás aquí
Portal para clientes-media: dashboard de redes con Metricool, métricas propias, informes mensuales y facturación.
Caso de éxito actualWeb Pública
Escaparate multi-vertical: home, podcast, media (con caso de estudio), eventos, patrocinios y blog.
Ver caso de éxito¿Tienes clientes a los que les gestionas las redes?
Si pasas horas montando reportes mensuales en Canva o PowerPoint y enviando facturas por email, te construimos un área de cliente con métricas en vivo, PDFs auto-generados y descarga de facturas 24/7. Tus clientes lo agradecerán y tú recuperarás semanas al año.
Proyecto desarrollado por Automatiza ToDo · Todos los datos son aproximaciones públicas