Publicat per

no le baje en el formato correcto lo he actualizado

Publicat per

no le baje en el formato correcto lo he actualizado

2. Comenzamos el diseño de nuestro sitio …
2. Comenzamos el diseño de nuestro sitio …

Debat0el no le baje en el formato correcto lo he actualizado

No hi ha comentaris.

Publicat per

prototipos de baja y alta fidelidad versión mobil

Publicat per

prototipos de baja y alta fidelidad versión mobil

2. Comenzamos el diseño de nuestro sitio …
2. Comenzamos el diseño de nuestro sitio …
PROTOTIPO ALTA FIDELIDAD
prototipo de baja fidelidad

Debat0el prototipos de baja y alta fidelidad versión mobil

No hi ha comentaris.

Publicat per

PEC 2

Publicat per

PEC 2

¡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…
¡Hola! Aprovecho este espacio para enseñaros mi propuesta de diseño. Será bienvenida cualquier crítica constructiva. En esta segunda PEC…

¡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.

Debat2el PEC 2

  1. José Carlos Lorenzo García says:

    Gran trabajo ?. Una propuesta personal, en la versión móvil añadiría el logo que has hecho, ya que has pasado el trabajo que se vea. El logo es algo, a mi modo de verlo, que se asocia con la marca y supongo que en tu caso también lo es. En la versión móvil no pondría el nombre, solo el logo, pero ya te digo que es una opinión personal.

    Lo dicho. Gran trabajo.

    Un saludo

    Carlos

    1. Jennifer Molano Navarro says:

      Hola,

       

      primero de todo, gracias por tu feedback.

       

      Estoy totalmente de acuerdo, la idea inicial era añadir solo el logo ya que este representa a la marca, pero no me acababa de convencer en la versión móvil jajaja. ¡Lo tendré en cuenta y le daré una vuelta!

       

      Gracias.