UX Design

Digital prototyping for a financial Robo-Advisor

Company
Nordea Bank
Role
UX Designer
Completion
2019 - 12 Months
Prototyping
Micro-Interactions
Design Sprint Facilitation

Challenge

During my employment as a UX Designer at Nordea Bank, I was involved in different projects running in the bank. This project page will show several of these projects with each of its own challenges.

Outcome

As this page covers different projects I was involved in, the outcomes are ranging from UI Designs, workshop outputs, clickable prototypes or animations.

Responsive Design of the Nora’s implemented login portal

One of the projects I worked on was Nora, the bank’s financial ‘robo-advisor’. Nora is an application that helps people to invest their money without too much hassle or knowledge about investing required. For Nora, a new login portal needed to be designed, which includes the secure Danish ‘Nem-ID’ login.

1. Analyzing login portals from competitive financial institutions

I researched how competitive banks designed their login to find ways to differentiate ourselves. Because of the lack of images, their login portals appeared cold and non-human. As we strive to be exactly the opposite, this gave us opportunities.

2. Design and feedback through several iterations

After analysing the competition, several iterations of designs were made. These designs were shown to colleagues who gave feedback on terms of overall impression, usability and implementation difficulty.

3. Final design of the implemented login portal

The final design chosen and implemented gives a welcoming feeling; a cosy couple on the couch finishing some financial planning on a Sunday afternoon. The image aligns with the images used inside the application and the design could easily be developed in a responsive way across different devices.

Mapping User Flows for the new net bank

A redesign of the new net bank made us rethink how the structure of the net bank could be improved. Below is an example of one of the final flow that was chosen for the ‘search’ functionality.

Micro-interactions for enhancing the user experience

Micro-interactions can be used to make it easier to understand elements in a User Interface. I designed several micro-interactions that give more depth to the static UI and guide the user with subtle movement. The first example shows how a horizontal phone position enables users to dive deeper into their investment history and see the events that occurred along the way. The second micro-interaction makes it easier to see the current status of a particular trade.

Co-facilitating a 5-day design sprint to align on 3 new features

Design sprints are used to innovate in a rapid manner; a team spending 5 days together trying to solve a concrete business challenge. In Nordea, design sprints gained popularity and I helped to facilitate one for the new net bank. PMs, developers and designers came together from whole Scandinavia to rethink features for the net bank. At first, it seemed that many had their own agenda what should be included, but the creative exercises helped to gain a creative unified feeling which led to 3 new features that were prototyped.

1. Design of a poster to raise awareness and understanding of design sprints
2. Facilitating the sprint in which we came up with three new features for the future netbank

Reskinning old designs to align with new design system

A new design system was implemented in the bank, which meant that current products needed to be fully redesigned while others only needed a light ‘re-skin’ to align with the design system. For Nora, the bank’s financial ‘robo-advisor’ I iterated on several designs to align the app with the new system.

Design of behaviour-type posters to raise target user awareness

To gain more understanding and awareness on our target users, I designed several posters that displayed our ‘behaviour-types’, which are classifications of people with a different attitude, knowledge, and relation to investing. These posters were framed and hung up on a place where people pass by often, to remind them who we are designing for.

Crafting clickable prototypes and enable for localization

In several projects, I was involved in making clickable prototypes. In below example, I collected all the latest designs from many different sketch files and combined them into one ‘master-file’ so everybody knows what the latest full version of the design is. In this file, I connected each text field to a .JSON file and translation plugin which helps to speed up the translation for different markets. As Nordea is active in whole Scandinavia, all products must work in Danish, Norwegian, Swedish, Finish and English. After that, I made the designs clickable in Invision so everybody can demo the application internally or test it externally.

Workshop facilitation to enhance creativity on the workplace

For designers in a bank, it’s sometimes difficult to spark your creative energy if the corporate office environment doesn’t allow for that. To stimulate creativity within the team, I facilitated a workshop to come up with ‘testable’ ideas that we could prototype in our office space. One of them was the colourful ‘behaviour-type’-posters I mentioned above.

“Pieter very quickly became a natural part of the team and he has contributed to a lot of different tasks spanning from Service Design to UX/UI work. He has for ex. been facilitating workshops to enable a more creative workspace and making UX/UI prototypes for our digital savings advisor Nora. It has been a great pleasure to have Pieter in the team. I’m sure any organization will benefit from Pieters’s positive attitude and skills!”

Jesper Jul Mørch

Head of Experience & Design, Nordea

Explore Other Work

A selection of Service Design, UX and UI projects.

A mobile-first redesign of a digital guestbook for hotel guests

Mobile-First
Responsive Design
UI Design
I helped a booming startup in the hotel industry switch to a mobile-first approach of their product. Check how hotels can make custom mobile apps for their guests.
View Case

Prototyping for a personalized Volvo car-sharing service

Service Design
Personalized Prototyping
Academic Research
Through 4 rounds of prototyping and testing, a new car-sharing service was developed with Volvo. The focus was on personalization and resulted in integrating existing mobility services.
View Case

Harnessing the power of IoT in the marine industry

Wireframing
Digital Prototyping
UI Design
Using sensor data enables a range of new possibilities. One of them is this IoT dashboard to track and tune engine perfomance of big container ships.
View Case

Establishing a flexible design system

Design System
UI Design
Implementation
A crowded user interface needed a new approach to be more aligned, better looking and ready for scaling up with new features in the future.
View Case

Visualizing Italian elections through social media activity

Visual Identity
Data Visualization
Responsive Design
Is it possible to predict the results of a political election by analyzing posts on social media? I helped visualizing an innovative research that examines the relationship between Twitter activity and election results in an Italian region.
View Case

Branding a freshly founded design studio

Visual Identity
Brand Design
Responsive Development
Logic Moon is a design studio of which I’m a founding partner. This project focuses on the branding and building of the company’s visual identity.
View Case

Digital prototyping for a financial Robo-Advisor

Prototyping
Micro-Interactions
Design Sprint Facilitation
During my employment at Nordea Bank I was involved in several projects, of which one was prototyping parts of their Robo-Advisor called ‘Nora’.
View Case

Interactive storytelling on cultural diversity

Workshop Facilitation
Storytelling
Interaction Design
How is migration in Italy’s most culturally diverse city perceived by the youth who grows up there? Youth in the City results in an interactive story after a co-creative workshop with 48 local high school students.
View Case