{"id":3352,"date":"2026-09-09T18:46:49","date_gmt":"2026-09-09T16:46:49","guid":{"rendered":"https:\/\/koredesign.studio\/?page_id=3352"},"modified":"2026-09-14T20:09:59","modified_gmt":"2026-09-14T18:09:59","slug":"redesign-caixaguissona-mgol","status":"publish","type":"page","link":"https:\/\/koredesign.studio\/es\/redesign-caixaguissona-mgol\/","title":{"rendered":"Redise\u00f1o de CaixaGuissona mGol"},"content":{"rendered":"
\n\t\t\t\t
\n \n \t\t\t

Dise\u00f1o UX\/UI<\/p>\n\t\t\n<\/a>\n

\n\t\t\t\t\t
\n\t\t\t\t\t

Redise\u00f1o de CaixaGuissona mGol<\/h2>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n
\n
\n \t\t\t

Descripci\u00f3n General<\/h2>\n\t\t\t\t\t

Como parte de la asignatura de Dise\u00f1o de la Interacci\u00f3n <\/em>de la Universitat de Lleida, este proyecto se centr\u00f3 en un redise\u00f1o integral \u2014tanto de interacci\u00f3n como visual\u2014 de mGol<\/strong>, la aplicaci\u00f3n de banca m\u00f3vil y ecosistema digital de CaixaGuissona<\/strong>. Desarrollado en equipo (cuatro integrantes), el proyecto principal evalu\u00f3 y renov\u00f3 la experiencia de la aplicaci\u00f3n m\u00f3vil siguiendo un ciclo de vida de UX estructurado, que incluy\u00f3 evaluaci\u00f3n heur\u00edstica, an\u00e1lisis comparativo de la competencia, pruebas de usabilidad de guerrilla, arquitectura de la informaci\u00f3n, creaci\u00f3n de wireframes y prototipado interactivo en Figma.

Asimismo, para ampliar el alcance y reforzar la coherencia de la marca digital, se llev\u00f3 a cabo un proyecto de extensi\u00f3n individual destinado a auditar y redise\u00f1ar el portal web de escritorio de CaixaGuissona, aplicando los mismos principios rigurosos de interacci\u00f3n para unificar la experiencia multiplataforma.<\/p>\n\t\t\t\t\t

El Desaf\u00edo<\/h2>\n\t\t\t\t\t

Los puntos de contacto digitales de CaixaGuissona presentaban importantes fricciones de usabilidad y patrones de interacci\u00f3n obsoletos que dificultaban una navegaci\u00f3n fluida:

     - Problemas de Usabilidad en la Aplicaci\u00f3n M\u00f3vil:<\/strong> Los flujos transaccionales cr\u00edticos (como la solicitud del PIN de la tarjeta, la realizaci\u00f3n de transferencias bancarias CCC y el uso de bon\u00c0rea Cash para retirar efectivo en cajeros sin tarjeta) carec\u00edan de retroalimentaci\u00f3n clara, jerarqu\u00eda visual y pasos de navegaci\u00f3n intuitivos.

     - Falta de Informaci\u00f3n Derivada de Pruebas con Usuarios:<\/strong> Comprender los puntos cr\u00edticos de fricci\u00f3n para los usuarios reales requer\u00eda una validaci\u00f3n emp\u00edrica que fuera m\u00e1s all\u00e1 de las normas te\u00f3ricas de dise\u00f1o, permitiendo identificar d\u00f3nde se produc\u00eda una sobrecarga cognitiva durante las operaciones bancarias habituales.

     - Inconsistencia Multiplataforma:<\/strong> El portal web de escritorio presentaba dise\u00f1os fragmentados, elementos de marca incoherentes y rutas de navegaci\u00f3n sub\u00f3ptimas en comparaci\u00f3n con los est\u00e1ndares modernos de banca electr\u00f3nica.<\/p>\n\t\t\t\t\t

Nuestro Enfoque<\/h2>\n\t\t\t\t\t

Para abordar estos desaf\u00edos, el proyecto sigui\u00f3 una metodolog\u00eda de dise\u00f1o centrado en el usuario (DCU) integral, estructurada en cuatro fases:

- An\u00e1lisis del Contexto y Evaluaci\u00f3n Heur\u00edstica (F1):<\/strong> Se investig\u00f3 el contexto del cliente y se evalu\u00f3 la usabilidad inicial de la aplicaci\u00f3n mediante las 10 heur\u00edsticas de usabilidad de Nielsen, abarcando la navegaci\u00f3n general y tareas clave para el usuario (solicitud de PIN de tarjeta y transferencia bancaria CCC).

     - An\u00e1lisis de la Competencia y Pruebas de Guerrilla (F2):<\/strong> Se analizaron tres aplicaciones de banca m\u00f3vil de la competencia para identificar los est\u00e1ndares del sector. Se realizaron pruebas de usuario de guerrilla (incorporando protocolos de Pensar en Voz Alta<\/em> ) con usuarios reales que ejecutaban tareas frecuentes (retirada de 20 \u20ac en efectivo en bon\u00c0rea, solicitud de PIN y flujo de transferencia) para recopilar informaci\u00f3n cualitativa y cuantitativa sobre los puntos de fricci\u00f3n y definir mejoras funcionales clave.

     - Arquitectura de Informaci\u00f3n, Wireframes y Sistema de Dise\u00f1o (F3):<\/strong> Se tradujeron los hallazgos de la investigaci\u00f3n en wireframes de baja fidelidad, flujos de usuario y una gu\u00eda de estilo de dise\u00f1o coherente. Se crearon maquetas de interfaz (UI) de alta fidelidad en Figma, garantizando la armon\u00eda visual, la coherencia de marca y la accesibilidad de los componentes de la interfaz.

     - Prototipado Interactivo y Redise\u00f1o Web Individual (F4 + Extra):<\/strong> Se desarroll\u00f3 un prototipo interactivo de alta fidelidad que mostraba la navegaci\u00f3n completa para usuarios m\u00f3viles. Paralelamente, se realiz\u00f3 una evaluaci\u00f3n heur\u00edstica individual y un redise\u00f1o (desde wireframes hasta maquetas de alta fidelidad) del portal web de escritorio de CaixaGuissona, con el fin de ofrecer una experiencia multiplataforma completa y unificada.<\/p>\n\t\t\t\t\t

Galer\u00eda de Proyectos<\/h2>\n\t\t
\n \t\t
\n\t\t\t\t\t\t\t
\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t\t

Resultados<\/h2>\n\t\t\t\t\t

     - Interfaz de Aplicaci\u00f3n M\u00f3vil Validada Emp\u00edricamente:<\/strong> Se desarroll\u00f3 un redise\u00f1o intuitivo y optimizado de la aplicaci\u00f3n m\u00f3vil que redujo significativamente los tiempos de finalizaci\u00f3n de tareas y los puntos de fricci\u00f3n en operaciones bancarias clave (solicitud de PIN, transferencias, bon\u00c0rea Cash).

     - Prototipo Interactivo de Alta Fidelidad:<\/strong> Se cre\u00f3 un prototipo totalmente interactivo en Figma, presentado como una propuesta de dise\u00f1o integral que exhib\u00eda un estilo de interfaz coherente, microinteracciones claras y una jerarqu\u00eda visual accesible.

     - Estrategia Multiplataforma Unificada:<\/strong> Se ampli\u00f3 el alcance del proyecto con una propuesta espec\u00edfica de redise\u00f1o web, estableciendo una coherencia visual y funcional entre la aplicaci\u00f3n m\u00f3vil de CaixaGuissona y su entorno de escritorio.<\/p>\n\t\t\n<\/div>\n

\n
\n
\n
\n \t\t
\n\t\t\t\t\t\t\t
\n\t\t\t
\n\t\t\t<\/path><\/svg>\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\n<\/div>\n
\n \t\t\t

A\u00d1O<\/p>\n\t\t\n<\/div>\n\t\t\t

2022<\/p>\n\t\t\n<\/div>\n

\n
\n \t\t
\n\t\t\t\t\t\t\t
\n\t\t\t
\n\t\t\t<\/path><\/path><\/svg>\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\n<\/div>\n
\n \t\t\t

SERVICIOS<\/p>\n\t\t\n<\/div>\n\t\t\t

Dise\u00f1o UX\/UI y Arquitectura de Interacci\u00f3n 
Investigaci\u00f3n de Usuarios y Pruebas de Usabilidad de Guerrilla
Creaci\u00f3n de Wireframes, Sistemas de Estilo y Prototipado <\/p>\n\t\t\t\t\t

HERRAMIENTAS Y TECNOLOG\u00cdA<\/p>\n\t\t

\n
\n \t\t\t

Figma<\/p>\n\t\t\n<\/div>\n

\n \t\t\t

Canva<\/p>\n\t\t\n<\/div>\n

\n \t\t\t

Google Docs<\/p>\n\t\t\n<\/div>\n

\n \t\t\t

Prototipo de mGol<\/p>\n\t\t\n<\/div>\n

\n \t\t\t

Apps de Bancos<\/p>\n\t\t\n<\/div>\n

\n \t\t\t

Trello<\/p>\n\t\t\n<\/div>\n

\n \t\t\t

Mockup - UI\/UX<\/p>\n\t\t\n<\/div>\n\n<\/div>\n\t\t\t

ETIQUETAS<\/p>\n\t\t

\n
\n \t\t\t

Dise\u00f1o UX\/UI<\/p>\n\t\t\n<\/div>\n

\n \t\t\t

Redise\u00f1o Web<\/p>\n\t\t\n<\/div>\n

\n \t\t\t

Dise\u00f1o de Interacci\u00f3n<\/p>\n\t\t\n<\/div>\n

\n \t\t\t

Redise\u00f1o de la App M\u00f3vil<\/p>\n\t\t\n<\/div>\n

\n \t\t\t

Evaluaci\u00f3n Heur\u00edstica<\/p>\n\t\t\n<\/div>\n

\n \t\t\t

Sistema de Dise\u00f1o<\/p>\n\t\t\n<\/div>\n

\n \t\t\t

Pruebas de Usabilidad de Guerrilla<\/p>\n\t\t\n<\/div>\n

\n \t\t\t

Prototipado con Figma<\/p>\n\t\t\n<\/div>\n

\n \t\t\t

Experiencia en FinTech y Banca<\/p>\n\t\t\n<\/div>\n\n<\/div>\n\n<\/div>\n\n<\/div>\n

\n \t\t\t

\u00bfTe interesa un proyecto similar?<\/p>\n\t\t\t\t

\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t<\/path><\/path><\/svg>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\tPonte en contacto<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\n<\/div>\n\n<\/div>\n\n<\/div>\n\t\t<\/div>","protected":false},"excerpt":{"rendered":"

UX\/UI Design Redesign CaixaGuissona mGol Overview As part of the Disseny de la Interacti\u00f3 subject at Universitat de Lleida, this project centered on a comprehensive interaction and visual redesign of mGol, the mobile banking application and digital ecosystem of CaixaGuissona. Executed collaboratively in a team of four, the core project audited and overhauled the mobile app […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-3352","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/koredesign.studio\/es\/wp-json\/wp\/v2\/pages\/3352","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/koredesign.studio\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/koredesign.studio\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/koredesign.studio\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/koredesign.studio\/es\/wp-json\/wp\/v2\/comments?post=3352"}],"version-history":[{"count":34,"href":"https:\/\/koredesign.studio\/es\/wp-json\/wp\/v2\/pages\/3352\/revisions"}],"predecessor-version":[{"id":3400,"href":"https:\/\/koredesign.studio\/es\/wp-json\/wp\/v2\/pages\/3352\/revisions\/3400"}],"wp:attachment":[{"href":"https:\/\/koredesign.studio\/es\/wp-json\/wp\/v2\/media?parent=3352"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}