ING App redesign

UX/UI design

client

ING

Project type

UX/UI design

PROGRAMMES USED

Figma, Adobe Photoshop

Project description

This project was a group project during my time at the Masters Digital Design in Amsterdam where we worked for ING bank. Our group consisted of 4 members where we worked together and shared responsibilities equally while my main role was visual design, UI/UX design and execution but we all contributed to every part of the process. Our task was to design a new feature within the existing ING app called “carbon footprint calculator”. The Calculator is a feature that uses the customers expanses to calculate how much CO2 they produce in a certain category. This new feature has to adhere to the existing UI and UX conventions set by the ING brand but also introduce new ideas and approaches when it comes to things such as data visualisation and engagement of the users.

How we did it

We started the project by trying to understand the space we are working within and the people we were designing for. Our main goals were to find out what the target group already knows and where we can improve their literacy as well as in what ways they would like to be motivated in and if that is even the case. TALKING TO EXPERTS: In our research about behaviour change and motivating people in the area of sustainability we found a company named COGO that specialises in the area. We were able to arrange a meeting with them and receive some very valuable information they have gathered with large scale nation wide research that we as a group of students would not be able to execute

Ideation

We started our ideation sketching by hand and writing down the ideas that we later combined in to broader concepts Once we had some base ideas we started creating quick Figma prototypes that we could test and get feedback while exploring the other ideas. This way we combined ideation and making and were able to implement the changes as we moved along

Data Visualisation

We identified the lack of practical understanding of the carbon footprint numbers as one of the main problem areas we had to tackle. We decided to do this with data visualisation. In our approach we focused mainly on providing the user with tangible, real life examples that would put the otherwise abstract C02 emission number into perspective. We used comparisons to the size of the CO2 bubble, distances driven by the average car, and the CO2 absorption by trees.

Final Concept

In our final concept we focused on redesigning the first screen and the screens of individual spending categories and making it all more visual and intuitive for the user. We introduced new features like the category of the month and streaks.