Dentro de la asignatura Disseny de la Interacció, se nos propuso trabajar sobre el caso real de Caixa Guissona, con el objetivo de analizar y rediseñar su aplicación móvil y su página web, aplicando metodolgías y herramientas de diseño centrado en el usuario.
El primer proyecto consistió en un rediseño de la app, desarrollado en grupo con tres compañeras. Posteriormente, realicé de forma individual el rediseño de la web para otra actividad, manteniendo la misma línea visual y conceptual para lograr una identidad coherente entre ambas plataformas.
REDISEÑO APP CAIXA GUISSONA
Prototipado interactivo del rediseño de la app de Caixa Guissona. Se puede interactuar con todo el prototipado.
Prototipado interactivo del rediseño de la app de Caixa Guissona. Se puede interactuar con todo el prototipado si se clica en la imagen.
PROCESO CREATIVO
Durante le desarrollo del proyecto seguimos un proceso completo de diseño:
- Análisis heurístico: Identificamos los principales problemas de usabilidad y navegación en la app existente.
- Análisis de la competencia: Comparamos diferentes aplicaciones bancarias para detectar buenas prácticas de diseño y funcionalidad.
- Test de guerrilla: Realizamos pruebas rápidas de usabilidad sobre un prototipo específico de la app mGol, lo que permitó recoger impresiones reales de los usuarios.
- Sketching & User Flow: Elaboramos los flujos de navegación y los primeros bocetos para estructurar las pantallas.
- Wireframing: Construimos una versión esquemática de la app, definiendo la jerarquia visual y funcionalidad.
- Style Guide & Mockup: Creamos una guía de estilo con la paleta cromática, tipografía e iconografía, y desarrollamos el diseño visual final.
- Prototipado interactivo: Generamos un prototipo navegable que permitía simular la experiencia de uso y validar las mejores propuestas.
El resultado fue una applicación visualmente más limpia, coherente, más actual y centrada en las necesidades del usuario.
REDISEÑO WEB CAIXA GUISSONA
Prototipado interactivo del rediseño de la web de Caixa Guissona. Se puede interactuar con todo el prototipado.
Prototipado interactivo del rediseño de la web de Caixa Guissona. Se puede interactuar con todo el prototipado si se clica en la imagen.
PROCESO CREATIVO
Para el desarrollo del prototipado web, seguí los siguientes pasos:
- Análisis heurístico: Se evaluó la web actual para detectar problemas de arquitectura de la información y navegación.
- Wireframe: Se estableció una nueva jerarquía visual, reorganizando los contenidos y simplificando la estructura.
- Mockup: Se aplicó el sisetema visual desarrollado en el proyecto de la app, adaptándolo a formato web para mantener una identidad coherente.
- Prototipo interactivo: Se creó una versión navagable del nuevo diseño, validando la experiencia del usuario en distintos dispositivos.
El resultado fue una propuesta digital consistente, moderna y alineada con la identidad de marca, que conecta visualmente la versión móvil y la web de Caixa Guissona.