menu
Trade.iX Invoice Trading

1

Problem:

Whenever an entity enters into a new trading network they need to be onboarded, this is a process that takes weeks and is frustrating for all parties as it takes up a lot of resources. Even for the newly onboarded entity they have to go through weeks of training up and changing their business as a whole to adapt.

Solution:

To be more like PayPal and Ebay. There will be onboarding, but it will be quick and easy. In terms of training to use the new system, the Trade.IX moto was "if they have to open a help file we have failed", so I redesigned every user journey and interaction so everything was easily accessible and predictable, stripping away lots of inefficiencies.

Trade.iX Invoice Trading

I created a system that gave each user powerful data visualisations of contributions and opportunities, even showing available invoice sizes over time and by using a modified Edward Tufte slopegraph, I linked each available invoice to a scale showing tenor length - seeing a big dot along the top x-axis (invoice size) linked to a dot of at the bottom x-axis towards to right (tenor length) would be of great interest to anyone trading invoices on the system. The idea was for users learn to see shapes to carry out their work instead of having to read and process data.

Symphony EYC UI Framework

1

Problem:

As someone who is hands-on involved with the product prior to anything being built, right up to the execution of the final solution into the browser itself, I am aware of how expensive it can become if your development teams don't have a framework of HTML components to take from to use on the front end. Not only do companies end up with seven different dev teams all trying to create the same components, but they also spend their entire design budget on someone like myself finishing the same thing off seven times. If the time had been taken to create the framework at the beginning, I would only have to finish the design patterns off once, and the dev teams would not have to work on the front end at all.

Solution:

Designed and built a new set of extensible, efficient and resposnive big data components for EYC's dev teams to share across EYC product suit. Saving this time not only speeds up development which saves lots of time and money, but also can make the company more money, as the dev teams and designers now have the time to innovate, and the sales teams will be able to demo and sell the products to clients much sooner.

Symphony EYC UI Framework
Feedback by Arie Lakeman, UI Developer Lead:

"...working with Richard in his capacity as a UX designer I was pleased to observe firstly his appetite to uphold strongly the consistency of the product as a whole, secondly to retain the simplicity of the experience for the end user, and finally to provide extremely clear requirements to myself as a developer. Richard has very high UX standards and after a process of exploratory discussion is able to lead as the product is worked on. As a designer Richard provides high quality and detailed work, always keeping overall UX in mind. What particularly stood out working with Richard was his awareness of the current best practices in his field, including the views of experts; he is also very mindful of minimising the total number of interactions of the user and the usefulness of A/B testing".

Symphony EYC Aspects

1

Problem:

Redesign Aspects application and components so it worked in all browsers and view ports, from working in only IE7 and on only desktop devices.

Solution:

I removed lots of inefficiencies throughout the interactions, for example, on the old version of Aspects users had to open a select dropdown and select an option to select a year, and then open another to select a week. I removed the select boxes and instead used responsive unordered lists, resulting in a 'from-to' date selection pattern taking only three clicks and one scroll, instead of eight clicks and fours scrolls which greatly sped up the creation of reports as this was an interaction users would do multiple times with every use of the product. I also added a floating selections panel to the right column allowing users to easily scan, navigate to and edit form steps.

Symphony EYC Aspects
Feedback by Frantisek Skorunka, Developer Lead:

"...Richard is an exceptional designer with strong CSS and HTML knowledge. He can translate customer requirements into high standard HTML code which can be easily picked up by developer. After only a few weeks working together, we had created a mobile first prototype".

Symphony EYC CMS

1

Problem:

Retailers store trillions of line items of transactional data each year, which Category Managers then need to be able to gain insight from easily, quickly and on any device. Currently, all the data they need to action and report is available to them from multiple applications and sources which takes a long time to access and is very complicated to understand.

Solution:

To create a single product containing all the data Category Managers needed that clearly showed what the problems were, where the problems were coming from and what they could do to fix them. I first worked with the analysts who had an Excel based product I used to create the first wireframes and mock-ups. I then validated and refined the wireframes across more analysts, client teams, sales teams and senior management. From this I was able to develop a working POC using mostly real data which was then used to sell the product. Lastly, I worked with seven different development teams around the world to productionise the suite. The product could have been improved by: (1) Adding the guided analytics I had designed (CTA-lead) that would work similar to the top of the the Experian dashboards which show number of errors to 'Fix Now' (telling users what the problems are and what action they need to take to fix them); (2) Removing the page scroll by creating widgets containing the insights that each have their own scrollbar; (3) Adding natural language querying similar to ThoughtSpot.

Symphony EYC CMS
Feedback by Myles Anderson, Product Lead:

"...from conversations around an Excel document, to sketches up on the wall, straight into a complex, data-driven, responsive dashboard prototype in just 2 weeks. Richard gets to the heart of the problem and gets seriously good concepts in front of the users at a staggering speed".

DataGenic DataManager

1

Problem:

A big turn off for energy traders when migrating over to new software, is having to invest the time in the training room. Even when they are trained they then need the data and answers extremely quickly. The goal was to ensure every time a user performs an action, that action will always be the most efficient route to the user completing that action, and that all interactions and journeys will be predictable and not need to be taught.

Solution:

After carrying out initial cognitive walkthroughs and timing all the important and most used interactions on competitive apps, I designed the information architecture for DATAiQ around this competitor analysis (along with continual internal heuristic evaluation). The solution I designed for DataGenic was the easiest and fastest user experience on the market, making it the first of its kind to not need any kind of training or documentation for it to be used by the new user.

DataGenic DataManager
Feedback by Richard Quigley, CEO:

"...Richard researched competition and understood our requirements thoroughly, designing a simple yet extensive user experience, creating all visuals and helping to build and develop a product that will be used as our analytical front end to Genic DataManager - our flagship product".

DataGenic Group Website

1

Problem:

Usability testing and analysis showed that the old corporate website did not make it easy for users to find information, there was simply too much of it, and most of it was not being read.

Solution:

I built the new CMS corporate website for the DataGenic Group using WordPress, heavily modifying a theme to fit the bespoke UI. The navigation and content has been stripped back and simplified, making every page easy to find wherever you are on the website. Lots of the content that was not being read or understood on the old website has been reintroduced in a series of short 30 second videos. Five videos per product were created to explain the features, plus one main product video serving as the initial hook for the user to minimise bounce rate.

DataGenic Group Website
Feedback by Richard Quigley, CEO:

"...Richard has a sharp eye for detail and design combined with his focus, passion and pride which was as much refreshing for us as was the result he produced. Our website now identifies us as leading edge company in our field, with full web responsiveness, easy navigation, uncluttered layout, that is underpinned by a future proof design".

AssessmentDay (website)

1

Problem:

I was asked by Olly to redesign and rebuild the AssessmentDay e-commerce website, where all revenue streams came from Google keyword searches. Retaining the number one spot on the first page of Google was one of the biggest challenges of this project.

Solution:

I carried out iterative usability testing, analytical work and collaborated with an SEO consultancy to achieve the posistion on the first page of Google. When the site was live, I A/B tested both sales and landing pages over the course of 9 months improving conversion rates up to 50%, reducing users' expectation gap, improved 9/10 variations over their originals. My version of the website is no longer live as after I left, the website was continually changing due to ongoing A/B tests.

AssessmentDay (website)
Feedback by Oliver Savil, Director:

"...Rich is a conscientious developer with a can-do attitude. These attributes have made him extremely valuable to our company, where he has been happy to work on every aspect of the website. He has pixel-perfect attention to detail and his creative flair makes him one of those prized developers to have an equal understanding of aesthetics, UX and code".

AssessmentDay (Graduate Tests website)

1

Problem:

The goal for Graduate Tests was to provide affordable practice aptitude tests for graduates and undergraduates who aim to work within the commerical, industrial and manufactoring sectors.

Solution:

Paper prototyping Graduate Tests helped speed up the project initially as the target for the live site was only two weeks. After wireframes were created to communicate to the steakholders the journey the user will take, the final design had been signed off and I created a high fidelity mockup.

I then built the site and carried out the A/B tests on the sales pages, ensuring the site was as profitable as it could be given the finite market it's in. The UI and UX are designed around acheiving a high conversion rate using targeted landing pages and Google Adwords to initiate traffic to the site. Google Quality Score was successfully reduced as was the CPC. The UI was designed to engage students who might be tempted with a free alternative, so big buttons were used throughout the site, which according to the analytics, served to increase conversion rates.

AssessmentDay (Graduate Tests website)
Feedback by Oliver Savil, Director:

"...Rich is a conscientious developer with a can-do attitude. These attributes have made him extremely valuable to our company, where he has been happy to work on every aspect of the website. He has pixel-perfect attention to detail and his creative flair makes him one of those prized developers to have an equal understanding of aesthetics, UX and code".

AssessmentDay (Consulting Tests website)

1

Problem:

To target consultants working at or applying for jobs at any of the big consultancy firms.

Solution:

The key to converting users who could go elsewhere online and get a cheaper or even free test, is quality content. The copywriting was the defining factor for this website because users were asked three questions that evolved from the three biggest concerns of a test taker, which I found were; 'Will our practice tests be the same as those used by consulting firms?; How do our tests teach you to avoid common mistakes in your real test?; Why can you trust that our tests will give you the best pre-test advantage?'.

If the tests are cheap, test takers will buy them, if the tests are expensive, test takers will still buy them (because people don't mind investing in their education). But I found if the tests are sold with a medium price point, test takers are more tempted by the cheaper and free alternatives. Therefor, as a designer, it was important to validate the product different to engage the user and build trust.

AssessmentDay (Consulting Tests website)
Feedback by Oliver Savil, Director:

"...Rich is a conscientious developer with a can-do attitude. These attributes have made him extremely valuable to our company, where he has been happy to work on every aspect of the website. He has pixel-perfect attention to detail and his creative flair makes him one of those prized developers to have an equal understanding of aesthetics, UX and code".

copyright © Richard Heale