"TOYOTA Social Hub": sistema de gestión de redes sociales a gran escala desarrollado mediante prototipado iterativo
Aplicación web "TOYOTA Social Hub" que centraliza la gestión de las operaciones de las redes sociales oficiales de Toyota, así como de sus campañas de relaciones públicas y boletines por correo electrónico, en las que intervienen múltiples departamentos, la secretaría de operaciones y los aprobadores, abarcando desde el registro de proyectos y la entrega de materiales, hasta la publicación de pruebas, la aprobación, la verificación posterior a la publicación y la medición de resultados.
Un equipo de desarrollo reducido realizó prototipos de forma iterativa, validándolos con los flujos de trabajo reales, con el objetivo de diseñar una interfaz que más de 200 personas involucradas (a fecha del 21 de agosto de 2026) pudieran utilizar sin confusión, incluso con procesos de aprobación complejos y restricciones específicas de cada medio.
Resumen del proyecto
En este proyecto, cuyo propietario es Toyota Konic Pro Corporation, Liberogic Inc. se encargó del diseño UI/UX y del desarrollo del sistema.
Gestionamos en un único sistema el flujo de trabajo completo de las publicaciones: registro de proyectos, planificación de calendarios, entrega de materiales, publicación de pruebas, aprobaciones en varias etapas, verificación posterior a la publicación e informes de medición de resultados.
Antecedentes y desafíos
Anteriormente, las solicitudes, revisiones y aprobaciones de publicaciones se gestionaban por separado para cada canal (redes sociales, relaciones públicas y boletines por correo electrónico), mediante Excel, correo electrónico y comunicación verbal.
Los correos electrónicos entre los distintos responsables, la secretaría y los aprobadores se cruzaban con facilidad, lo que dificultaba conocer el estado de los proyectos asignados y generaba numerosas idas y vueltas en las correcciones y revisiones.
Además, cada red social tiene sus propias normas de formato, límite de caracteres, imágenes, vídeos y fecha y hora de publicación, por lo que se necesitaba un sistema que no solo registrara la información, sino que también permitiera comprender correctamente las condiciones de cada medio y el estado de las aprobaciones. Para ello, se compararon y evaluaron varias alternativas de implementación, incluido el uso de SaaS existentes y la integración de API con sistemas de gestión empresarial.
Arquitectura técnica moderna
Para el frontend utilizamos Next.js y Cloudflare Workers, y para el backend, la base de datos y la autenticación empleamos Supabase.
Al combinar servicios gestionados con tecnologías serverless, elegimos una arquitectura que no requiere equipos de desarrollo y operación excesivamente grandes y que facilita la incorporación de nuevas funciones y cambios operativos en el futuro.
Desarrollo iterativo basado en prototipos con un equipo reducido
En sistemas empresariales como TSH, definir todos los requisitos desde el inicio y desarrollar a partir de ahí puede dar lugar a pantallas y operaciones que no se ajustan a la operación real.
Por ello, optamos por un método que organiza los flujos de trabajo, crea prototipos de pantalla en una fase temprana y avanza el desarrollo mediante revisiones y ajustes continuos con las partes interesadas.
En lugar de formar un equipo de desarrollo grande, un equipo reducido se encarga de diseño, UI e implementación de forma transversal, lo que permite mantener ciclos de decisión y mejora más cortos.
En lugar de simplemente reproducir en pantalla los procesos existentes,
- ¿Qué proyectos me corresponde atender ahora?
- ¿Qué tarea debo realizar a continuación?
- ¿De quién se está esperando la aprobación?
- ¿De qué medio está completado el trabajo?
etc., diseñado para que los usuarios puedan comprenderlo de un vistazo.
Gestión de múltiples roles y medios en una sola UI
En TSH, usuarios con roles distintos, como solicitantes de publicaciones, secretarías externas, secretarías de operaciones y editores jefe, utilizan el mismo sistema.
Dado que cada uno necesita información y permisos de operación diferentes, adoptamos un diseño que cambia el contenido mostrado y las acciones disponibles según el rol.
Además, permite gestionar de forma transversal múltiples medios, como X, Facebook, Instagram, TikTok, LINE, PR y boletines por correo electrónico, al tiempo que da soporte a los campos de entrada y restricciones específicos de cada medio.
Para cada proyecto,
envío de materiales → prueba de publicación → aprobación de la secretaría → aprobación del solicitante → aprobación del editor jefe → doble verificación → publicación → verificación posterior a la publicación → carga del informe
Así, visualizamos el estado del flujo de trabajo y permitimos confirmar, por medio, qué tareas están completadas y cuáles pendientes.
Aprobaciones y reemplazos de contenido flexibles, adaptados a la operación en campo
Una de las características principales de TSH es su flujo de aprobación con materiales provisionales.
Incluso antes de que el material definitivo esté terminado, es posible revisar y aprobar con materiales provisionales. Una vez completado el material definitivo, el reemplazo no afecta al estado de aprobación previo, por lo que la producción y la aprobación pueden avanzar en paralelo.
En los sistemas de flujo de trabajo habituales, reemplazar contenido después de la aprobación puede requerir enviar una nueva solicitud. TSH está diseñado para los cambios y reemplazos que ocurren en la operación real de redes sociales, con una estructura que permite actualizaciones flexibles y conserva el historial.
Visualización del progreso y alertas
En el panel y en la pantalla de detalles del proyecto, el progreso de cada proyecto se muestra por medio.
Las etapas, como la entrega de materiales, la prueba de publicación, la aprobación, la doble revisión, la verificación posterior a la publicación y la carga de informes, se visualizan para que pueda ver de un vistazo en qué punto se encuentra cada una.
Si el contenido excede las normas del medio o si hay requisitos pendientes, se notifica mediante un aviso en pantalla o por correo electrónico.
Esto permite
- revisar el estado de los proyectos asignados
- Prevención de omisiones en el envío de originales y en las aprobaciones
- Reducción de retrabajos por revisiones y devoluciones
- Reducción de malentendidos entre los distintos participantes
apoya este proceso.
Gestión centralizada hasta la medición de resultados tras la publicación
Después de la publicación, puede consultar en TSH el rendimiento de las entregas de SNS, PR y boletines por correo electrónico.
Puede revisar el alcance, las impresiones y el engagement de cada red social tanto en la vista general como en la vista detallada. También es posible filtrar por nombre del proyecto, fecha de publicación, responsable o categoría, y exportar los datos en CSV.
En la pantalla de detalle del informe, puede ver a la vez la vista previa de la publicación y sus resultados, lo que le permite aprovechar los datos de cada acción para planificar contenidos y decidir futuras publicaciones.
Resultados
Una base operativa utilizada por más de 200 personas
Después del lanzamiento, el sistema está siendo utilizado por más de 200 personas (a fecha del 21 de agosto de 2026) de diversos departamentos y de la oficina de operaciones.
Usuarios con funciones y responsabilidades distintas comparten el avance de los proyectos en un mismo sistema, lo que ha permitido centralizar en una única herramienta de gestión la información y la comunicación que antes estaban dispersas.
El personal de operaciones también ha valorado positivamente la estructura de pantallas, alineada con los flujos de trabajo reales, y una interfaz de usuario que facilita identificar las tareas asignadas.
Los responsables de Toyota Konic Pro, S.A. lideraron el proyecto en su conjunto y compartieron de forma activa las opiniones de campo y su conocimiento operativo, que se incorporaron al desarrollo a lo largo del proceso.
Además, abordaron con actitud abierta las iniciativas innovadoras y las nuevas tecnologías y metodologías de desarrollo, creando un entorno en el que el equipo de desarrollo pudo afrontar retos con flexibilidad. Consideramos que esta colaboración estrecha y el proceso iterativo de prueba y ajuste son la base del sistema actual, fácil de usar, y de su funcionamiento fluido.