paulabores
Website and app redesign for future pension savings development.
Project type
End-to-end product
design project for
Ibercaja Bank
Tools
Figma
Illustrator
Visual Studio Code
Contribution
Web and App Redesign
Web Layout
Stakeholder Collaboration
Deliverables
Visual system
Mobile Mockups
Web resources
OVERVIEW
Pensumo, a digital service from Ibercaja Bank, links users' savings with their retirement through purchases at partner stores, discounts, and regular contributions. It allows purchases to translate into Pension Plan savings without changing consumption habits.
The website is crucial for attracting new customers and businesses, but it lacks key features for a proper user experience and app downloads. Main issues included:
-
Lack of content hierarchy.
-
Difficulty in registering as a merchant or downloading the app.
-
Outdated visual design.
Simultaneously, we prioritized revising screens in the existing app design.
Client introduction
My role
As a UX Designer, I designed website components and layouts and led the app redesign, implementing a new design system aligned with Pensumo's branding.
01/
Integrating Pensumo’s branding elements with the web requirements
After identifying their goals of engaging users through their website, I designed a cohesive visual system directly, bypassing the wireframes phase due to time constraints. The system features a modern visual style aligned with current trends, ensuring ease of interaction for users while maintaining a strong brand identity.
02/
Conducting a preliminary investigation on the application and implementing enhancements to the user flow and design
Due to a shift in project scope, we undertook a comprehensive redesign of the app. This involved not only visual adjustments but also operational enhancements, as new features were introduced and existing ones were retired. My primary objective was to analyze the updated functionality and identify the core user requirements.
During this phase, the new app features were concurrently developed alongside prototyping. Because of time constraints, adjustments had to be made based on the available resources.
03/
Analyze each existing task flow and visual analysis of the interface
In a later, calmer phase of the project I was able to analyze task flows to understand in detail the whole path of the app and to be able to identify possible problems or errors that users could experience.
At the same time, I had to make sure the cohesion of the components and a consistent line of the app as well as confirming proper accessibility and usability.
04/
Market research to identify improvements
As the app redesign progressed, new visual styling needs arose. So I conducted a market analysis to contrast the visual patterns and trends of other companies with similar initiatives.
After identifying common patterns and potential issues that signal areas for improvement, conducting a competitive analysis becomes essential. By examining how top-ranked competitors have implemented similar user flows and addressed the identified problems, we can gain valuable insights. This process allows us to explore heuristic solutions and adapt relevant ideas from other competitors.
