Barclayloan - Website Redesign

Berlin, August, 2017 | personal project

 
 

Mission

Redesign a single page of the Barclayloan website by creating wireframes.

 

My role

I was the lead designer of this project.

 

Approach

Before I started the redesign of specific components I took a look at the overall page to identify possible areas for  improvement.

My immediate observations were that there was a lot of info on the one page and there was a lot of inconsistency in the use of different elements. There was a danger that people would not scroll because they thought the content beneath the calculator doesn't belong to the process.

I thought the most urgent change was to restructure the content, grouping similar elements so that they sat together. Previously, the structure was chaotic and therefore confusing for the users. The user would have to actively and consciously scroll through the entire page to understand it's purpose. It was neither a seamless nor an enjoyable experience and they might fail to get the most important task done: Getting a quote. So, I thought it was more important to handle this before getting into the finer details.

 

Usabilty Evaluation

 
barclayloan_evaluation.png
 

Design Result

barclayloan01.png

I have kept the slider because I think it’s very intuitive and makes it easy for the user to get started. Please note, they are just wireframes.

barclayloan02.png

To start the process, the user will first see a checklist of the criteria needed to be eligible. I split the process into different steps to make it easier to understand, with clearer call to actions.

barclayloan03.png

Next, the applicant's personal information is collected using a form that I've redesigned to make it as simple as possible for the user to quickly complete.

 

Thank you for reading.

・・・