Cat. Económica
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.
El problema
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.
Mi rol
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 y 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.
- Herramientas: Papel, lápiz y Sketch
- Tareas: Benchmark, wireframes y diseño
Proceso de diseño
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í:
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:
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:
