UX/UI • WEB

Psiconecta

Propuesta de rediseño del sitio web de la Fundación Psiconecta como desafío del curso Usabilidad y Nuevos Medios. La tarea consistió en realizar un estudio de usabilidad, para luego crear un sitio web responsive con la nueva imagen de la fundación.

Año

2020

Rol

Diseñadora UX/UI

Herramientas

Adobe XD, Illustrator, Marvel App, Miro

Contexto

PsiConecta es una plataforma web que nace el 2020 a manos de la escuela de Psicología de la Universidad Católica, con el propósito inicial de proporcionar recomendaciones de salud mental en respuesta a la contingencia del COVID-19. El proyecto de rediseño busca ampliar el alcance de la plataforma más allá de la pandemia y transformarla en un producto integral en donde sus usuarios puedan acceder a información psicológica de todo tipo.

Objetivos

•Realizar un estudio de usabilidad para comprender los usuarios de PsiConecta, además de implementar mejoras para la navegación del sitio web.

•
Diseñar una nueva interfaz que integre la nueva identidad de marca de PsiConecta, con un responsive mobile.


Proceso de diseño

UX Research

Definición de User Persona y ejercicio de Card Sorting para definir nuevas categorías de búsqueda.

Wireframes

Creación de wireframes, centrado en el re-diseño de la página y las funciones dentro de ella.

Diseño visual

Desarrollo del sistema de diseño de la web e implementación de la nueva identidad visual.

Wireframe de la portada del sitio web, con categoría de temas que se concluyeron a partir de un ejercicio de card sorting.
Wireframe de la vista de cada tópico y de la vista de algún artículo o archivo

Diseño final

Para el producto final se crearon pantallas para la portada de la página web, la vista de artículos y contenidos, y en el último nivel, una pantalla con un artículo. Además, se desarrolló la versión responsive en mobile para cada una de las pantallas.