Skip to content
← TrabajoTelecoming

CMS · Sistema de diseño · Madrid

Rediseñando el CMS para que los equipos trabajen solos

Durante dos años en Telecoming diseñé el CMS y el sistema de diseño que impulsaba portales de contenido multi-vertical — TV, música, deportes — conectados a plataformas de pago.

2 añosEn Telecoming
Multi-verticalPortales
Rol
Product Designer
Empresa
Telecoming · Madrid
Foco
CMS · Sistema de diseño
Leer el caso de estudio

Telecoming gestionaba portales de contenido premium en múltiples verticales — TV, música, deportes — todos conectados a plataformas de pago como PayPal. El CMS existente requería que diseño o desarrollo intervinieran para cualquier cambio de layout. El objetivo era invertir eso: dar autonomía real a los equipos de contenido.

01

Rediseño del listado de layouts

Vista de tabla con datos clave — nombre, tipo y fecha de modificación — más un desplegable con información adicional (creador, descripción) y previsualización rápida sin entrar al editor.

02

Alias de secciones

Etiqueta identificativa por sección para localizar su posición y configuración más rápido — especialmente útil en páginas largas con muchas secciones similares.

03

Copiar secciones

Clonado de una sección completa con todos sus componentes y configuraciones. Sin necesidad de reconfigurar desde cero.

04

Drag & drop entre secciones y columnas

Reordenación vertical de secciones y horizontal de filas dentro de cada sección. El cursor cambia de estado al pasar por un elemento movible — sin texto de instrucciones visible.

05

Minimapa de página

Vista mini del layout completo en un panel lateral. Permite navegar y editar la estructura sin scroll infinito. Solo visible cuando la página supera la altura de la pantalla.

06

Librería de componentes reorganizada

Grid de componentes ordenado por tipo de contenido principal (texto, multimedia, navegación) y orden alfabético. Buscador por nombre. Descripción breve por componente.

07

Selección de espacio al insertar secciones

El espacio donde se insertará la nueva sección se selecciona antes de crearla — como en PowerPoint. La sección aparece empujando las existentes hacia abajo.

08

Cambio de tipología de sección

Cambio directo del tipo de sección sin borrar y recrear. Si la sección no tiene contenido, se reemplaza directamente con un clic.

09

Header fijo

Las acciones principales permanecen visibles independientemente de la longitud de la página. Scroll largo, acciones siempre al alcance.

Design

Telecoming CMS design

El mayor éxito del CMS no fue estético. Fue que los equipos de contenido podían actualizar, reorganizar y extender páginas sin depender de diseño o desarrollo para cada cambio. Esa autonomía era el objetivo real desde el principio.