CRIS BUSQUETS/>

BRANDING & DIGITAL DESIGN

Cat. Económica

UXWeb

Cat. Económica es un medio online fundado en 2015 que proporciona información económica con criterio y en primera persona, publicando cada día nuevos artículos de análisis y opinión para entender mejor el mundo que nos rodea.

Mi rol

Después de varios cambios de diseño, la web necesitaba un gran cambio que la actualizara visualmente y acercara a las nuevas tendencias en diseño. También necesitaba reajustar la usabilidad de la web y la distribución de contenidos, que en ocasiones resultaba confusa para algunos de sus usuarios.

Realicé un estudio de la estructura antigua para desarrollar unos wireframes y arquitectura que permitieran dar coherencia a todo el junto. A nivel gráfico se utilizaron tipografías con más personalidad más adecuadas para la lectura online. También se replanteó la forma en que se mostraban los artículos, dándole todo el protagonismo al titular, la imagen de cabecera y, por supuesto, al texto en sí mismo.

  • Papel, lápiz y InvisonApp
  • Photoshop y Sketch


El primer paso consistió en hacer diferentes propuestas de estructura con wireframes. Estos permiten ver la distribución de los contenidos y ver cómo se relacionan entre sí:

Cat. Económica - Wireframe Single
Cat. Económica - Wireframe Home

Después se diseñó la guía de estilo, que permite dar consistencia a toda la pieza y que se perciba como un “todo” integrado y global:

Cat. Económica - Guía de estilo

Por último se hizo el diseño de la página principal y una página interna con un artículo extenso. Este diseño final sigue los wireframes aprobados en la primera fase e incluye todo aquello definido en la guía de estilo:

Cat. Económica - Home
Cat. Económica - Interior