Caso de estudio / Medio digital / Diseño editorial
Latitud25
Diseño web, UX y UI para un medio que reúne actualidad, artículos, videos y contenidos de audio.
Contexto y alcance
Una experiencia editorial con voz propia.
El proyecto de Latitud25 reúne la portada del medio, los listados temáticos y las páginas de lectura. Mi trabajo se centró en el diseño web, UX y UI: organizar los contenidos y dar continuidad al recorrido entre descubrir una noticia y leerla.
La propuesta combina una identidad visual de alto contraste con espacios de lectura más contenidos. Las imágenes editoriales tienen presencia, mientras que categorías, titulares y fechas ayudan a reconocer cada publicación.
Organización y navegación
Distintas formas de llegar a una historia.
La cabecera diferencia videos, actualidad, podcast y radio. Los listados por tema reúnen publicaciones con imagen, categoría, título y un breve resumen; una columna de entradas recientes ofrece otras rutas de consulta en escritorio.
El criterio de UX consiste en mantener reconocibles esos niveles de información entre portada, archivo y artículo. La persona puede explorar por formato o por tema sin tener que aprender una estructura nueva en cada vista.
Páginas de contenido
Texto y audio dentro del mismo recorrido.
La interna del podcast da espacio a la imagen de apertura, el título, la introducción y el reproductor. Los datos de publicación acompañan la lectura y los contenidos relacionados permiten continuar explorando al terminar una nota.
La composición distingue el contenido principal de los apoyos laterales. Las alineaciones, los márgenes y la separación entre bloques sostienen una lectura ordenada incluso cuando conviven imágenes, texto y audio.
Adaptación a móvil
La jerarquía se conserva en una sola columna.
En móvil, la cabecera concentra el menú, la marca y los accesos de consulta. Los titulares destacados se distribuyen en varias líneas y las imágenes abren cada historia antes del cuerpo del artículo.
La secuencia vertical conserva las diferencias entre título, introducción y lectura. El diseño mantiene el carácter del medio y reorganiza sus elementos para que el contenido siga siendo el centro de la experiencia.
Color y composición
Un acento que identifica al medio.
El verde lima destaca titulares y categorías sobre una base de blanco y negro. Su uso puntual conecta las distintas pantallas sin competir con los collages y las fotografías que acompañan las publicaciones.
Las vistas claras y oscuras comparten la estructura del archivo. Una tipografía de trazos firmes para titulares y una composición más contenida en los textos de apoyo permiten diferenciar la exploración rápida de la lectura en profundidad.
Contacto
Conversemos sobre tu próximo proyecto.
Podemos revisar el contexto, los contenidos y el alcance de diseño que necesita tu organización.