Stabil is a modern banking platform which seeks to educate young people to learn to save their money in meaningful ways, in the hope of helping them achieve financial stability in the future.

Brief

Project IxD 103 - Create a digital banking brand.
Users Young People
My Role Research, Development, Design
Scope Brand Guideline Doc, App Prototype, Landing Page.

Research

The first step of this project was to research my users and find a problem that my brand could help to solve. I conducted a survey which found that young people generally don’t know about saving methods that are both beneficial and safe. Due to how popular trading and crypto are at the moment, it’s seen that the only way to develop your money is through risky methods. I wanted to rectify this through a bank brand that would help educate young people on safe and reliable savings methods.

With an angle set for the project, I interviewed someone in my target audience about the issue I had found and created an empathy map from the results.

Brand Development

The first step in the brand development was to define my values and from this my name. The name I went for was Stabil, taken from the stability and safety I want my users to feel knowing their money is safely developing to secure their future.

Next, I designed a word mark and brand mark to represent my bank. I started by sketching out ideas and then exploring them digitally, allowing me to find a suitable logo.

I then selected a colour palette that suitably represented my values and brand while also being visually interesting.

Roll Out

To begin the rollout, I explored how the logo could be used in different ways to create icons and shapes. This would allow me to create a visual cohesion throughout the brand and make it more identifiable.

One of my favourite applications of the brand was a book which was to be given to new users and contained an introduction to ways to save. On the cover of the book was a massive sprawl of text which was an extremely complicated explanation of what the book explained. This was to poke fun at the predatory tactics of traditional banks which stop users from using good saving methods.

Banking App

The banking app was designed using the Ulster Banks app as a base. I created an interface inventory of the Ulster Bank app and began redesigning the component to build a new component library which was cohesive with my brand. Certain screens were rebuilt using the restyled components, while some were iterations of the base of what Ulster Bank had before to improve the user experience.

Landing Page

I spent a lot of time exploring the landing page, as I wanted to really play into some narrative aspects to create something that was engaging and memorable. I explored how the logo could break apart and move with gravity through a physics simulator Figma plugin however, the effect wasn’t what I had hoped. I compromised by creating static images that gave the feel of objects falling in gravity to help give the landing page a natural flow.

When exploring the logo earlier in the project, I had done some work on how the logo would animate. I wanted to have the logo break apart and fall with gravity, and this is something I wanted to implement on the landing page. I experimented with a physics simulator Figma plugin, however, the effect wasn’t what I had hoped. I compromised by creating static images that gave the feel of objects falling in gravity to help give the landing page a natural flow.

Guideline Doc