Check out the Product Innovation Framework!

UX / UI for an infrastructure finance SaaS tool

 

Complex data product

Several brands sit under the Euromoney Institutional Investor PLC umbrella, many of them SaaS tools used by customers worldwide to dive into complex data sets. One such product, IJ Global, catalogues a huge amount of data around global infrastructure projects. It’s a well-established platform with a healthy subscriber base.

However, the IJ team have recently started encountering competing SaaS tools in a market where previously there had been none. Whilst these competitors couldn’t match IJ’s depth of data, they were sleeker and easier to use.

Customers weren’t switching yet, but this provided the catalyst to undertake a long-planned investment in design.

IJ Global Screen

User types

With any data-heavy SaaS tool, it’s common to have two sets of personas: basic users who only run simple queries and advanced users who use the tool to its fullest. The challenge was to come up with a simplified interface for everyone but still retain the extra power and flexibility demanded by the expert users.

At first, we worked on the assumption that users need to be able to filter by everything, instantly. A little daunting!

However, a little digging into the platform stats didn’t back this up. People actually spent the majority of time using only a subset of popular filter types.

To get further insight we ran interviews with users to explore how they currently engage with the tool and what they do with the data once they’ve found it. This sparked ideas for improvement to the interface and outlined places where new opportunities existed.

IJ Global screenshot

UX Prototyping

To put our learning into practice we started creating UX prototypes to show new ways in which users might search and filter data. By cataloging all the different ways in which data could be cut ,we were able to develop a set of UX components that could be called on from any screen to run powerful searches.

To validate our ideas we tested prototypes with IJ customers to check whether our new search mechanisms were easy to understand and simple to use.

Results were universally positive 🎉

Marketing a SaaS tool

Previously the marketing part of the IJ platform hadn’t been given major consideration, but a move to a gated revenue model was on the cards. As this was new to most of the team, attention had to be given to how this could be effectively planned and launched.

We helped the team explore the different models for displaying free content and what a compelling sign-up offer might look like.

As with any drastic pivot in the business model, there were many opinions internally and ideas floating around.

Using workshops, research, and competitor analysis we were able to create a central vision and design a front-end experience that spoke to this.

Front-end framework

To assist the internal back-end development team, we coded an extensive front-end templating system ready for direct integration into the new IJ SaaS tool.

The result was a completely modular and flexible framework that directly correlated with the structure and naming conventions of the UI design system.

With all of the front-end code checked in to a shared repository and code examples available at the click of a button, integration and template creation became a cinch for the IJ engineers.

IJ global screen

UI design system

Bringing the visual design up-to-date was important to bring it in line with the type of SaaS tool that users mentioned that they use on a day-to-day basis.

We created an extensive design system of components with a huge level of detail around interaction and behaviour that would power all screens of the tool across all devices.

With a design system in place, all current screens could easily be put together using a strict set of design patterns, and no guesswork. Future additions would also be easier as all the elements required would already exist in the toolkit.

This was a tricky project to navigate, between all the data and financials, but Lighthouse came up with an engaging result. Their designs were very strong.

Vaughan Ashe
Head of Delivery
45% Usability score increase
32k+ Transactions listed
650+ Project hours