Barclayloan - Website Redesign

Berlin, August, 2017 | personal project

 
 

Mission

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

 

Process

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.

 

Evaluation

 
barclayloan_evaluation.png
 
 

Result

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.

barclayloan01.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.

barclayloan02.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.

barclayloan03.png
 

Thank you for reading.

・・・