markets and news.jpg

The Share Centre Responsive Website

The Share Centre Website

The share centre responsibve markets and news.jpg
 

The Share Centre is an independent UK retail stockbroker where customers can purchase shares and other financial products such as ready made ISA's.

The client engaged Rufus Leonard to redesign their existing brochure and account management website with a focus on making the site mobile responsive. Displayed here is the brochure section of the website, built using the CMS EPiServer. We are set to begin the account management section soon. 

My roles

  • Lead UX architect on the project
  • Overseeing a junior member of the UX team
  • Running client co-creation UX workshops
  • Responsible for delivery of detailed functional specification documents for off-site development team
  • Publishing reports from Google Analytics to inform current user behaviour
  • Designing remote quantitative user testing 
  • Working closely with the client side business analyst to design for all third party services
  • Working collaboratively with the client on cloud based Axure 8
  • Working with the client to assess further investment in components and templates
  • Briefing & collaborating with design
 
 

Homepage

Homepage

 

Behavioural Economics Workshop

As part of the design process I recommended and held a behavioural economics workshop where we used common cognitive biases to influence the communications of the brochure section of share.com. Our KPIs for the project were accounts sold, shares traded and engagement with news content.

This workshop proved very fruitful, the results of which were presented to the head of customer experience at the share centre. 

 

Navigation redesign - Mobile

The design of the mobile navigation was such that it only used two levels in order to disclose all links. We also designed the signed in scenario. 

Navigation redesign - Desktop

A KPI for the project was driving engagement with the news content. As part of a strategy to achieve this we included some rich content in the navigation under Markets and News. This content was automatically updated regularly.

 

Original navigation Treejack test results

Original.jpg

Optimised navigation Treejack test results

 

We had enough budget to test the current navigation versus three iterations. Our concepts were based on the findings from Google Analytics of what was or was not performing well in the existing navigation. The results were:

  • "Find investments" became "Investment search and recommendations" to better communicate the offering. 
  • The term "Help" is changed to "Help and advice" to give context that it is help for users on the website as opposed to help with investing.
  • "New to Investing" and "Experienced Investors" are grouped together under "A guide to investing" to encompass all education.
  • "Markets and news" performs well and due to the KPI of improving frequency, is placed at the beginning
  • The removal of "&" increased the success rates in general
 
 

Markets and news

Markets and news tsc.jpg

Markets and news

Markets and news mob.jpg
 

Find a product sketch

Find a product sketch

 
 
 

Account picker

 
 

Account comparison

The method of comparing accounts was done through a convoluted table. We changed the hierarchy of the information, making it much easier to identify the correct financial product the customer may have been considering.

 

Find a product

Find a product

ISA Calculator

ISA Calculator copy.png
 

As calculation tools on competitor websites were intrinsic to the purchasing journey, it became evident that solution outlined by the brief was not going to provide engagement for customers. I worked with the client in order to prioritise components, such as this one, over other components that we knew did not have merit, like a carousel component. The result is a list of components ready for development

 
 

My Account Sketch

My Account Interaction Design

 
 

My Account Interaction Design

 

My Account

My Account

Buy Shares Customer Journey

 

Limit buy wireframes

Share traders can set in place a 'limit buy' to purchase shares when they drop to a certain price and set an expiry date for this transaction.