Transforming DOCOsoft

How a user-centred redesign drove claim efficiency and satisfaction

docosoft.com

This is the design story of DOCOsoft, the claim management platform where my redesign significantly improved user interaction and efficiency.

Efficiency
32%
Reduction in average claim submission time
Customer success
25%
Lowered support tickets related to product navigation
Satisfaction
4/5
User satisfaction achieved
01: Challenge

Fixing usability and performance issues

The DOCOsoft team wanted an overhaul of their basic system.

They were getting a lot of feedback from users about many issues such as

  • Difficulty in navigating through the platform
  • Difficulty in finding sections
  • Misunderstanding icons and labels
  • Missing essential feedback on completing tasks or interactions
  • Frustration at the slow performance of certain pages

It had the feel of an out of the box design. They were using React components, but these has not been tweaked. Even though DOCOsoft had branding for their website, this was not reflected in the system.

02: Goal

Less complex

I met with DOCOsoft team, and discussed where they wanted to take the platform. The number one aim was simple. It was to make the platform more usable, accessible and reduce the complexity in the architectural flow.

03: Research

Understanding the data

I was lucky to have tons of preliminary research already. The DOCOsoft team gave me all the research they had done up to that point, including analytics about current users. I had this data to base my design on. They had done extensive user analysis with the current version, so there were many insights available.

Since the content was the core if this type of platform, I became familiar with the help of DOCOsoft’s team with how it was structured.

04: Heuristic review

Finding issues

I began by creating a heuristic review of the current system to find usability and performance issues. It was important to fix any issues before even thinking about a redesign. Once I completed a thorough review, I prepared a report for the dev team to work on.

Example pages from review

05: Architecture review

Re-organising the content architecture

The “why” is the website’s focus. In order to find the focus, look to the architecture of the existing structure.

Goals for re-architecting

  • Reduce the amount of entry points to the same view
  • Combine sections that hold similar content and reduce duplication
  • Re-organise pages into more logical groups

The current architecture

I captured each existing screen to show both layout structure and build up a list of components types.

The new proposed architecture

Much like a building, a design needs to have a strong foundation and coherent flow that allows the user to find their way around  easily. I proposed a simplified and unified architecture.

06: Design principles

A simple plan to follow

The most important goal in the redesign was to allow the user to get their jobs done as quickly and efficiently as impossible. This meant focusing on the most important actions for each user flow. If I was going to do this, without getting lost in the system's complexity, I needed a plan to begin with. I created these principles to keep me focused during the project.

07: Design exploration

Layout varations

Creating a sound structure was important and getting the right layout was critical. Based on current feedback, users preferred having access to navigation on the side.

Vertical navigation

Horizontal navigation

Mobile layout

Example of claim creation

I began creating user flows. The create claim flow was a good example of the interactions I created.

The challenge was to make sure the user entered their 'policy reference number' before they continued to fill in the rest of the fields.

Since the claim data was populated from this policy reference number, the first action needed to be on the same screen, constraining the user before they could continue. Yet it had to be intuitive and clear enough so that the user know what the next step was.

08: Solution

Bringing it all together

Choosing the perfect typeface

Choosing the right typeface that is both flexible and readable was critical, and so I choose IBM Plex.

Tweaking the palette

The marketing team had already defined a colour palette, so I needed to tweak it so it would work for the redesign. It is one thing using over saturated colours in a marketing website, but these needed to be toned down to be useable in a critical work context.

Components library

I created a base library of components to get the developers started.

Screens

Claims inbox

Create claim

Claim view

09. Impact

Key outcomes from the redesign

The redesign of the DOCOsoft platform focused on enhancing usability and efficiency. The success of these changes is reflected in several key performance improvements observed post-implementation, along with positive internal feedback on the system's clarity and ease of training new users.

Efficiency
32%
Reduction in average claim submission time 👇
This marked a significant win for usability, especially benefiting less tech-savvy users and streamlining the entire process.
Usability
40%
Decrease in user error rates during submission 👏
Achieved through clearer user flows, more intuitive navigation, and improved field validation implemented in the redesign.
Customer success
25%
Drop in support tickets related 🫶
Users found the platform easier to understand, leading to fewer requests for assistance and a smoother experience.
Satisfaction
+24
Point increase in user satisfaction (NPS) 😄
Overall user satisfaction, captured in internal surveys, moved from +12 to +36, a solid improvement.



The design you delivered holds up very well, and it’s served as a strong base for further enhancements. Definitely a success story in our books. Anthony Freeman, Product Manager, DOCOsoft

Up next...

Euro Law: Designing an AI search experience

The challenge lay in creating a search experience that delivers precise results swiftly, while also providing essential context for informed decision-making for law makers in Europe.