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 went about 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

Generating ideas that are worth exploring

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

The user can't understand something he can't visualise

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.
Testing the concepts with prototypes
Once we had a working prototype with our concept in place our next step was to take it into the world and test it with users to see if it is as intuitive and understandable to a random person as it was to us. This stage of the design process in my opinion always generates so much new information and really gives you insight into your work that you were not expecting. The first prototypes are never perfect and neither was ours so there was a lot of small changes and tweaks we had to implement before concluding the project.

Finalizing, handover and presentation

After our testing and implementation of changes we finally had a prototype we were proud of and one that we could present to ING as our client. We had argumentation for our decisions and proof of our concepts working form our testing and supported by the research we did. We did a presentation of our concept for the client and got very positive feedback which was a great experience overall.
No items found.

Finalizing, handover and presentation

After our testing and implementation of changes we finally had a prototype we were proud of and one that we could present to ING as our client. We had argumentation for our decisions and proof of our concepts working form our testing and supported by the research we did. We did a presentation of our concept for the client and got very positive feedback which was a great experience overall.
No items found.

No items found.

Other projects