

Noticias
al gusto
Un agregador de noticias super configurable para estar siempre al día desde un unico sitio
- Concepto / UX / UI
- 2 páginas
- 2 vistas (dekstop, mobile)
- Realizado con Figma


Un mosaico de noticias
Tarjetas
El agregador de noticias funciona con tarjetas dispuestas por filas. Cada una contiene una imagen (opcional), una etiqueta, un título, la fecha y una barra inferior, donde se encuentra la fuente de la noticia y los botones para interactuar con la tarjeta.

Interacción con tarjetas
El usuario puede compartir, guardar o descartar cada noticia
Las acciones de las tajetas sirven para aumentar la personalización del agregador. A través de las tres posibles acciones, el usuario está “configurando” el agregador, para poder recibir solo noticias de su interés.

Comodidad y rapidez
Todo en 1
Las acciones de las tajetas sirven para aumentar la personalización del agregador. A través de las tres posibles acciones, el usuario está “configurando” el agregador, para poder recibir solo noticias de su interés.
Diseño de interfaz
Fuentes ‘sans serif’ y una paleta de color para segmentar el contenido
El color corporativo es el azul. La paleta de colores es bastante amplia: a cada uno corresponde una sección, para facilitar al usuario la identificación de cada tema. Las fuentes son la ‘Gilroy Bold’ para títulos y etiquetas, y la ‘Roboto Medium’ para los demás textos.
a b c d e f g h i j k l m o n p q r s t u v w x y z
0 1 2 3 4 5 6 7 8 9 , : ¿ ! #
a b c d e f g h i j k l m o n p q r s t u v w x y z
0 1 2 3 4 5 6 7 8 9 , : ¿ ! #
El diseño
Hay diferentes tamaños de tarjeta, dependiendo de la importancia de las noticias: normal, doble y cuadruple. Tanto en la portada como en el menú de navegación principal, sólo se pintan las secciones de interés configuradas por el usuario.

Tarjetas fotográficas
Imágenes
Si la noticia tiene por lo menos una imagen, esta se utilizará en su tarjeta. Cuando no hay imagen asociada a la noticia, el color de fondo de la tarjeta será el mismo de la sección a la que pertenece.


El 'grid'
La reticula cambia la disposición de las tarjetas para adaptarse al dispositivo
El ancho de las tarjetas varía según el dispositivo, siendo el mínimo de 300px, que es el ancho de las campañas publicitarias incluidas en el agregador.
Configurar el agregador
Usuario
Se pueden elegir qué secciones enseñar en portada, de cuales recibir alertas o incluir en la newsletter. Además se puede elegir de qué medio de información recibir noticias.
- tus secciones
- tus medios
- tus datos
- tu tema
- luminosidad
- legibilidad
- color de fondo
- entradillas



Personalizando el tema
Fondo negro
También se puede configurar el tema, eligiendo el color de fondo, tamaño de letra, contraste y si enseñar u ocultar las entradillas en las tarjetas.

España, influencers, economía, deportes, tecnología, ...
Las portadillas
Desde la cabecera de cada portadilla se pueden activar o desactivar las notificaciones y acceder a los temas ‘calientes’ de la sección. Cada portadilla puede tener módulos proprios, como las clasificaciones deportivas o gráficos de Bolsa.


