Caso editorial · UX/UI / Diseño de información / Web
Nota Negra es un diario independiente. El proyecto amplía mi trabajo hacia el diseño editorial digital: cómo ordenar noticias, jerarquizar contenidos y construir una experiencia de lectura clara sin perder una identidad reconocible.
01 · Contexto
Un medio independiente necesita publicar distintos tipos de contenido sin convertir la portada en una masa de titulares que compiten entre sí. El trabajo parte desde esa tensión: dar prioridad a lo importante, mantener ritmo de lectura y permitir que cada contenido encuentre su lugar.
El diseño editorial aporta herramientas que también son propias de UX/UI: jerarquía, consistencia, agrupación, contraste, navegación y lectura progresiva. Nota Negra permite aplicar esas decisiones a un sistema de información que debe crecer sin perder claridad.
02 · Identidad visual + Motion
Nota Negra no se resuelve únicamente desde la grilla editorial. El proyecto incluye desarrollo de logotipo, exploraciones tipográficas y piezas animadas creadas para extender la identidad a formatos digitales. Estas piezas forman parte de mi trabajo gráfico dentro del proyecto.
03 · Sistema editorial
Niveles tipográficos claros para separar apertura, noticias destacadas, contenidos secundarios y apoyos.
Categoría, fecha, autor y contexto deben acompañar la lectura sin competir con el contenido principal.
Bloques reutilizables permiten sostener consistencia mientras cambia el volumen y el tipo de noticias.
Color, escala y espacio ayudan a distinguir urgencia, profundidad editorial y navegación.
04 · Arquitectura
La estructura se trabaja como una secuencia de lectura. Primero debe quedar claro qué está pasando; después, qué temas existen y dónde profundizar. Esa lógica permite trasladar el contenido a escritorio y móvil sin depender de una composición rígida.
Prioridad editorial y acceso a contenidos principales.
Agrupación temática para reducir búsqueda y repetición.
Lectura extensa con jerarquía, contexto y continuidad.
Acceso a contenido anterior sin sobrecargar la portada.
05 · Responsive
La amplitud permite trabajar con relaciones entre columnas, noticias simultáneas y cambios de escala más evidentes. La prioridad no es llenar el ancho disponible, sino usarlo para construir una lectura editorial.
En pantallas pequeñas la estructura se vuelve secuencial. La jerarquía se conserva mediante orden, tamaño, contraste y espaciado, evitando que una versión responsive sea simplemente una reducción del desktop.
El caso ya incorpora piezas reales de identidad y motion. La parte editorial y de interfaz sigue en desarrollo, por lo que no se presentan métricas ni resultados de uso que todavía no estén documentados.
06 · Aporte al portafolio
Nota Negra suma una dimensión editorial a un portafolio centrado en UX/UI, identidad y web. El objetivo no es abrir una línea separada, sino demostrar que las mismas decisiones de estructura, jerarquía y sistema también pueden sostener un medio de comunicación.