AM750

UI Design

Contexto

En el año 2020 realizamos una investigación de usuarios para la radio AM750. Teniendo en cuenta los resultados obtenidos rediseñamos el sitio web.Leer caso.


Mi Rol

UX/UI Designer

Tiempo

2 meses

Producto

Am 750

Roadmap UI

Realizamos un roadmap para proyectar el diseño de interfaz del sitio web.

1.Diseño de wireframes

2.Validación

3.Diseño en lo-fi

4.Validación con devs

5.Diseño en Hi-fi

6.Armado de hojas de estilo

Arquitectura y userflow

Se diseñó la arquitectura de la información del sitio con el fin de quitar todo el contenido repetido en el sitio. El objetivo fue simplificar y evitar generar confusión entre los usuarios. Se consideraron las múltiples entradas al sitio web y se hicieron userflows específicos en relación a cada uno de los tipos de usuarios.

Wireframes

En una primera instancia se consideraron dos estructuras posibles para el sitio web. La sugerencia de la investigación UX contemplaba mostrar una mayor cantidad de contenido en el primer scroll. Es por esto que se planteó una opción con dos columnas + un ad y otra con tres columnas + ad

Hoja de estilos

Si bien los mismos participaron y fueron consultados durante todo el proceso de diseño, se realizó una hoja de estilos con el fin de facilitar el desarrollo de los componentes y al mismo tiempo comunicar a toda la organización los criterios de diseño para futuras iteraciones.

Diseño final