ActiFolio: Proyecto 1. Web 20.658

¡Hola!

Aprovecho este espacio para enseñaros mi propuesta de diseño. Será bienvenida cualquier crítica constructiva.

En esta segunda PEC he corregido los wireframes en base a la corrección de la PEC 1. El resultado final es el siguiente:

Tras el diseño de baja fidelidad, realicé el mockup final. A medida que lo realizaba tuve que ir cambiando levemente la estructura de los wireframes por temas de usabilidad y accesibilidad. Por ejemplo, para la versión móvil, el tamaño de la fuente resultaba muy pequeña y poco legible para la estructura inicial. Por lo tanto, se fue reajustando y se obtuvo el siguiente resultado:

Respecto al logotipo, se diseñaron dos versiones. La idea inicial fue la siguiente:

No obstante, al integrarlo en la página, no acababa de quedar en sintonía. Si que es cierto que los colores siguen la paleta cromática escogida, pero no acababa de encajar. Finalmente, se optó por rediseñarlo con el fondo del color secundario y unos bordes redondeados. Esto tenia mas sintonía con la página ya que la mayoría de elementos ese encuentran dentro de bloques con los bordes redondeados.

Además, para que el espacio no quedará tan vacío y el usuario supiese en que página se encontraba, se añadió el nombre de la cooperativa en el lado derecho del logo.

Para el diseño móvil se eliminó el logotipo y se dejó solo el nombre de la web con tal de dejar más espacio entre los elementos del navegador, sin tener tan saturada esa zona.

 

Gracias por la atención, espero que os guste.