DATE
Feb 2018 – Jan 2019
Location
London / Delhi
Role spec
Product design lead
product Suite Branding
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.
More of the good stuff
Mobile app, 2020
Mobile app, 2021
Spec pitch, 2022
Responsive web app, 2021
More of the good stuff
Mobile app, 2020
Mobile app, 2021
Responsive web app, 2021
Spec pitch, 2022
Spec native mobile app & microsite, 2017
More of the good stuff
Spec native mobile app & microsite, 2017
Mobile app, 2020
Mobile app, 2021
More of the good stuff
Mobile app, 2020
Spec native mobile app & microsite, 2017
Get in touch →