The Challenge

Travis Perkins work with many suppliers and partners but had chalenges in setting unified standards across all of them. This mainly was because of there was no one unified platform all could see their shared performance data on.

Working with the project and leading the Travis Perkins internal design team at their Nottingham, UK head office, my role was to help reveal and educate the organisation on where the gaps where, the frustrations their suppliers and internal users had on their current ways of working and recommend a better approach.

Facilitating the first of two 50 person workshops for the project
Mobile wireframes for the Travis Perkins project
Mobile wireframes for the Travis Perkins project
The mobile UI designs using Travis Perkins style guide
The mobile UI designs using Travis Perkins style guide
The desktop UI designs using Travis Perkins style guide

The Approach

Discovery

This involved reaching working with over 100 suppliers, customers and projects team members in a series workshops to obtain the requirements and constraints for the design project. Because of the amount of participants per workshop (50 each approx), two workshops were organised over a length of two days each.

Ideation

Time was spent understanding how the organisation worked, translating the data from the workshops, how to increase adoption of any proposed design solution and sourcing the latest corporate style guidelines, whilst working with the companies design team providing suggested improvements that would greatly speed up their design production. Time was also spent understanding current solutions, then ideating my own.

Design

This was an end to end project creative managed and completed by myself only.

Adobe PhotoShop was the software used to deliver the UI designs because the internal team has no knowledge of Adobe XD. Any design handover documentation that was created for solution architects were given a series of UI screens to understand the interaction states visualised in the UI designs. Finally design handover documentation was created for the internal design team, the developers and solution architects who would be visualising the data into responsive (as designed) chart objects.

Tools & Techniques Used

  • Multiple Discovery Workshops
  • Multiple Design Handover Workshops
  • Research
  • Pen / Paper
  • OmniGraffle
  • Adobe PhotoShop
  • Qlik Sense (data capture)