Select Page

DATE

Feb 2018 – Jan 2019

Location

London / Delhi

Role spec

Product design lead
product Suite Branding

Deutsche Bank

I led the UI and branding of HCL’s iControl, a powerful white-label web dashboard that gives companies end-to-end visibility and analytics on their business processes – and, most importantly, flags when and why these processes go wrong. Our team designed and built an MVP in the short space of a year, flying back-and-forth between London and Delhi while working closely with our end client, Deutsche Bank, to bring the tool to market. All work below is my own.

The problem

Companies like Deutsche Bank deal with billions of transactions and other complex business processes on a daily basis. The presence of disparate IT applications and business intelligence systems make it difficult to provide a unified view of the entire landscape, especially when these processes go wrong.

Our solution

The iControl dashboard sorts and analyses ready business data to aid in decision making, both at operational and executive levels. It can be configured to track the status of just about any process, from company sales to complex technological operations – alerting the business when these processes fail, and pinpointing the faults in the pipeline.

Design process

I designed a comprehensive iControl component system in Sketch with strict atomic principles to allow the rapid creation of pages with reusable elements, using Zeplin to handover these designs to our developers and Principle to animate the user interactions.

The problem

Companies like Deutsche Bank deal with billions of transactions and other complex business processes on a daily basis. The presence of disparate IT applications and business intelligence systems make it difficult to provide a unified view of the entire landscape, especially when these processes go wrong.

Our solution

The iControl dashboard sorts and analyses ready business data to aid in decision making, both at operational and executive levels. It can be configured to track the status of just about any process, from company sales to complex technological operations – alerting the business when these processes fail, and pinpointing the faults in the pipeline.

Design process

I designed a comprehensive iControl component system in Sketch with strict atomic principles to allow the rapid creation of pages with reusable elements, using Zeplin to handover these designs to our developers and Principle to animate the user interactions.

Analytics dashboard

From UX wireframing to final UI handover, I tried to keep our main user at the front of mind: tech-savvy Operations managers who value speed, depth and clarity.

Agile methodology

Using agile scrum methodology with two week sprints, our small team of ten delivered a working MVP to the client within the short space of eleven months. From then, it was a case of refining the app, extending the features (to include predictive A.I. to flag faults before they happened) and expanding our client base beyond Deutsche.

Darkmode

Not just a cosmetic fancy: I designed a configurable darkmode variation of iControl by popular request to save the eyesight of users who spend their working lives inside the app.

UX process

As with all my projects, I started with pen to paper – fleshing out the use cases and experimenting with ways of presenting data within the dashboard. We ended up with 20 different types of widget, from barcharts to swimlanes.

Agile methodology

Using agile scrum methodology with two week sprints, our small team of ten delivered a working MVP to the client within the short space of eleven months. From then, it was a case of refining the app, extending the features (to include predictive A.I. to flag faults before they happened) and expanding our client base beyond Deutsche.

Darkmode

Not just a cosmetic fancy: I designed a configurable darkmode variation of iControl by popular request to save the eyesight of users who spend their working lives inside the app.

UX process

As with all my projects, I started with pen to paper – fleshing out the use cases and experimenting with ways of presenting data within the dashboard. We ended up with 20 different types of widget, from barcharts to swimlanes.

Widget wizard

As a white-label dashboard, the potential use cases for iControl are limitless. We designed an intuitive and deeply configurable widget wizard to aid users in creating their analytics workspace.

Flow builder

The Flow Builder allows users to define their process flows – the sequence of steps and targets that event journeys must achieve to be successful (for example, an online retailer might want to track the completion of their order deliveries at every touchpoint, from warehouse to doorstep). We aimed to build a flexible drag-and-drop interface which speaks directly with process flows already in place in each client's business.

App graphics

I wanted to avoid creating a sterile dashboard experience. Taking inspiration from GitHub and Slack (who famously inject some fun into their 404s with pig-filled islands and tentacled Jedi), I opted to accompany key messages with simple illustrations with a surrealist twist.

Snow
Snow
Snow
Snow
Snow
Snow
Snow
Snow

More of the good stuff

More of the good stuff