Intro
Timeline: 6 months. Materials: Sticky Notes, Pen, Paper, Sketch, InVision. Team size: 3 UX/UI designers.
UX Techniques Used: Customer Journey Mapping, User Personas, Site Map, User Flows, Wireframing, Prototyping, Usability Testing, Focus Groups.
Brief
To embed UX into JM and bake in consistency to future online estates and portals.
Johnson Matthey have 104 websites in over 40 languages coving a wide range of services and solutions. They have never had an internal UX/UI resource meaning all of their digital estates were created in silos around the world without consideration for brand and UX consistency.
Approach/Methodology
As part of JM's digital transformation programme the challenge as the first ever internal UX resource was to define a UX strategy and align design and UX with other business functions to establish a user centric culture, develop a vision on what good design and UX means for the company and how it can be delivered through the organisation at a strategic level.
Once the approach was agreed we looked at defining the process, methods and tools where user-centric design can happen in tandem with multiple remote agile scum teams to allow design and product work at scale.
Creating a digital design/asset library aligned to the brand guides was the starting point. Having a audit of JM's digital properties and identifying gaps and inconsistencies meant we could quickly establish a framework of a library using Sketch.
UX Sprint
Embedding UX streams within the Agile process enabled us to iteratively deliver user-centric MVP's, regularly testing with real end users along the way to validate our thinking and approach. We quickly developed a monitoring solution for Formox, a tool that allows companies to monitor, mange and optimise their formaldehyde production.
UX delivery process
Customer journey mapping
As this was a new product we needed to understand how users would interact and how to structure the site and its content, A customer journey map maps out the proposed process, from the first to final touchpoint, to ensure users can reach their goals.
Working closely with end users who will use the Formox platform a customer journey map was produced. This allowed us to understand the relationship between key customer touch-points. By understanding this, we quickly learned how to structure them to create the most effective and efficient process for our users.
Design library - Navigation
