Placemark Newsroom
Plataforma editorial modular de autoservicio
Resultado
Rediseño integral de una redacción que los editores pueden gestionar sin ingenieros, con 4 tipos de contenido y un sistema de diseño ligero.
Rol
Líder de Producto y UX
Año
2025
Industria
Medios · Urbanismo y Desarrollo Comunitario
Equipo / Involucrados
Patrocinador Ejecutivo, Responsable Editorial, Editores de Área. Mi contribución: auditoría y estrategia; arquitectura de información, taxonomía, modelo de contenido; UX/UI y sistema de diseño ligero; gobernanza editorial y flujos de trabajo; alineación con stakeholders y entrega.
Resumen rápido
Problema
El blog heredado no era recuperable; los editores dependían de ingeniería y la recirculación/rendimiento eran débiles.
Estrategia
Reemplazar con una redacción estructurada (WP + Elementor + ACF + plugin MU) usando arquitectura narrativa, cuatro plantillas tipadas de publicación, navegación enriquecida y gobernanza de assets/transcripciones, priorizando autonomía, flujo de lectura, descubrimiento y barreras CLS.
Impacto
Los editores publican de forma independiente; las plantillas tipadas/condicionales reducen el retrabajo; el riesgo CLS se mitiga con relación de aspecto y pre-dimensionamiento; los límites del hosting se gestionan vía .htaccess y caché conservador. GA4 vía GTM (incl. session_qualified) verificado.
Árbol de métricas
North Star (NSM)
Consumo de contenido calificado/sesión (≥60–90s en página, ≥50% de scroll, ≥1 clic relacionado).
Activación
% de editores que publican de principio a fin sin ayuda de ingeniería.
Engagement
Retención
Validación
Eventos GA4 (page_view, scroll, user_engagement, session_qualified); línea base de 60–90 días post-migración.
Research insights
Los editores rinden mejor con campos booleanos/requeridos que impulsan layouts condicionales.
La recirculación mejora con contenido tipado (Artículo, Entrevista, Top 10, Elementos) y tarjetas predecibles.
Un mega-menú de 3 columnas con espacios curados impulsa el descubrimiento.
La auditoría rápida de heurísticas UX/Diseño reveló problemas de navegación, legibilidad y encabezado móvil; informó reglas de tarjetas, presets de relación de aspecto de imagen y barreras CLS.
Decisiones de diseño
Por qué
Modelo de contenido tipado (Artículos, Entrevistas, Top 10, Elementos) con gobernanza y assets requeridos.
Por qué: da claridad a los editores y display/esquema predecible, reduce errores, acelera la autoría.
Trade-offs
Plantillas condicionales + navegación enriquecida (mega-menú, relacionados dinámicos, enlaces de serie).
Trade-offs: sobrecarga inicial de modelado/configuración, curación continua ligera, capacitación breve de editores.
Impacto esperado
Sistema de recirculación (mega-menú + módulos relacionados + migas de pan).
Impacto esperado: +1–3pp de CTR en contenido relacionado en 30–60 días, mayor tasa de navegación entre tipos de contenido, +0.2–0.5 páginas/sesión, menos abandonos en publicaciones individuales — respalda el NSM (consumo calificado/sesión).
Solución
Patrones / Flujos / Módulos / Plantillas
Patrones: contenido tipado (Artículo, Entrevista, Top 10, Elementos), kit de tarjetas (S/M/L), mega-menú de 3 columnas, lectura relacionada, progresión de serie/episodio.
Flujos: editor → campos requeridos/booleanos ACF → plantillas condicionales; publicación de autoservicio; eventos GA4 vía GTM.
Módulos: hero/destacado, cuadrículas/carruseles, capítulos de Elementos, video+transcripción de Entrevista, migas/JSON-LD, CTA contextual.
Plantillas: cuatro plantillas individuales + listas por tipo; cuadrículas de bucle reutilizables; plugin MU "Siguiente episodio".
Responsive / Mobile-first / A11y
Responsivo: mobile-first; relación de aspecto forzada en tarjetas para evitar CLS; imágenes con object-fit y pre-dimensionamiento; preconnect/preload para fuentes/hero.
Accesibilidad: enlace de tarjeta completa con foco de teclado y aria-label; objetivos táctiles de 44px; orden de lectura lógico; indicaciones de texto ALT/transcripción; estados de foco/hover visibles.
UX de rendimiento: fuentes personalizadas con font-display: swap; imagen hero precargada para LCP; caché conservador dado los límites del hosting.
Vincular con los objetivos de negocio
Autonomía editorial: publicar sin ingeniería → menor costo operativo, producción más rápida.
Descubrimiento y recirculación: navegación enriquecida + módulos relacionados profundizan los caminos de lectura.
Confianza SEO: estructura tipada + JSON-LD + meta dinámico mantienen el contenido consistente y legible por máquinas.
Escalabilidad: componentes/reglas reutilizables reducen el tiempo de cambio y los errores.
Resultado
Métrica 1
Autonomía operativa: los editores publican de principio a fin sin ingeniería; las plantillas condicionales reducen el retrabajo. (Ventana: semana de lanzamiento + primeras 2 semanas.)
Métrica 2
Tiempo hasta publicación: ~1–5 minutos del CMS a vivo (por tipo de contenido). (Ventana: 6 pruebas cronometradas por tipo durante la semana de entrega; línea base establecida post-migración.)
Métrica 3
Consumo calificado por sesión: sesiones con ≥60–90s en página, ≥50% de scroll y ≥1 clic relacionado (evento session_qualified). (Ventana: línea base de los primeros 14–30 días del nuevo sistema.)
Método 1
Pruebas de aceptación (UAT) con stakeholders y ensayos de editores (grabaciones de pantalla/lista de verificación); verificación de roles/permisos; pasos de publicación cronometrados.
Método 2
Ejecuciones cronometradas de plantillas; registro de pasos; confirmación en GA4 del evento page_view inmediatamente después de publicar.
Método 3
GA4 estándar + Exploraciones: page_view, scroll, user_engagement, session_qualified; cohortes por tipo de contenido; tráfico interno excluido.
AI Patterns
Patrones (preparados para el futuro): búsqueda semántica entre publicaciones, sugerencias de lectura relacionada, indicios de anomalías en temas con bajo rendimiento.
Sistematización y reutilización
Variantes reutilizables de tarjeta/hero y módulos relacionados para vistas de publicación individual y archivo.
5:32 PMReglas de contenido (campos requeridos, política de transcripciones, indicaciones de esquema).
Lo que haría después
Participación
Colaboradores: Patrocinador Ejecutivo del Cliente; Responsable Editorial; Editores SME; Producto y UX: Juan Ávalos.
Herramientas/Stack: WordPress 6.8.3 + Elementor Pro + ACF; CSS personalizado; plugin MU; GA4 + GTM; Figma/Notion/Slack. Hosting: Webnames (LiteSpeed), SSL manual.
Herramientas
WordPress 6.8.3, Elementor Pro, ACF, Google Tag Manager, GA4, Google Search Console, Figma, Lighthouse/PageSpeed Insights, Webnames (LiteSpeed)
Links del proyecto
Etiquetas
Sistemas de Diseño, Rendimiento, CMS Editorial, Estrategia UX, Accesibilidad, Medios
Portal de operaciones unificado para equipos de propiedades, que combina dashboards de rendimiento y flujos de reservación para reducir el cambio de contexto y la coordinación manual.