Car Damage Claim Web App


Ergo Digital IT

Services rendered

In-Person and Remote User Testing, Wireframes, Responsive UI Design, Design Library maintenance, Prototyping.


Ergo Digital IT is the new digital delivery arm of one of the largest insurers in Germany (Ergo Group), that has been built to drive innovation – both for digital solutions and technology. Schadenmeldung (German for filing a car insurance claim), is a mobile-responsive web app that enables insurance customers to easily report a car damage and file their claim online.

Problem: high costs of customer support and frustrated insurance clients

The client had a huge amount of car accident reports happening over the phone which resulted in huge waiting times for the clients and high costs for hiring more customer support employees. We needed to create a web application that will be used by Ergo's customers to report a car accident and file an insurance claim online.

Solution: Design an app that supports customers to report a car damage and file their claim online

First, I aimed to identify the most common problems with filing a claim and reporting a car accident. Next, I designed the interface and created a click prototype. The prototype was used to conduct in-person user tests. Based on the feedback I got from the tests, I adjusted the User Interface, presented the result to the project stakeholders and handed the design files over to the development team.

01  Project overview

Simplify the file claim process

I received the project brief and spent the first days clarifying the current process of filing an insurance claim (about 20 steps) and tried to re-design it while cutting back on the process steps. You see, filing a claim after you've had a car accident is something no one likes doing. Most of the time, people are still shocked or angry while recalling the event and having to complete 20 steps just makes them more angry.

Design the Interface with accordance to Ergo's Design System

While it may seem obvious that the UI needs to be done according to an existing style guide, it was actually quite a challenge because Ergo had just transitioned into a new Corporate Identity and there were a lot of design components missing in the new library which had to be created from scratch.

02  Process and Solution

Project Background

Ergo Digital IT was in the process of digitalizing various insurance products- for business clients as well as end clients.

As a Senior UX/UI Designer, I was involved in the product design of 5 different insurance products:

  • a product for applying and managing bank Guarantees (B2B)
  • a product for filing auto insurance Claims (B2C + B2B)
  • a cyber insurance product (B2C)
  • a B2B portal serving high-end business customers
  • a business insurance online calculator (B2B)

The product development at Ergo Digital IT was following the SCRUM Framework. I was communicating with the Product Owner and the Development Team on a daily basis.


In-Person Interviews/ Usability Testing

In-person user interviews and usability testing  were used to validate the initial assumptions and fix usability problems. The test person had to file an insurance claim  after an imaginary incident, using the prototype. A total of 3 scenarios were tested with 20 participants.

Key questions

  • Would the test users report their vehicle damage online? What is important for them?
  • Online claim reporting: how user-friendly is our solution?
  • Are all questions easy to understand?
  • What happens if the user is stuck? Do they stop using the online claim form?
  • How can we improve the process?

Test setup

The tests consisted of 2 parts:

Part 1 (app. 10 mins) -Short conversation about the user's  current car insurance and experiences with reporting vehicle damage (qualitative).

Part 2 (app. 40 mins) -Conducting usability tests using an online prototype and one of 3 different test scenarios (quantitative) All conversations and screen time were recorded, so I was able to re-hear everything and evaluate the results.

User Interface Design and Prototyping

I took over the wireframes from another designer in the team and started creating the user interface.To make my life easier, I named the files inside Sketch to match the Tickets created in Jira. F.e. ECM 446, ECM 448 etc. This way, I could easily connect the exact screen the developers needed with the corresponding ticket. Next, I connected all the ready screens and created the User Flows. There was a total of 7 different user flows, based on the different car accident types.

You can view some more screens here.

03 Outcome

New web app significantly reduced calls to customer support

The project was released in 2019 and is currently serving thousands of customers filing claims and reported a significant lower numbers of calls.

The Handoff included documenting the whole project from start to finish, including the results from the user testing to the Product Owner as well as hading over the design files and giving access to all screens to the Development Team. In addition, I prepared a separate Style Guide and Project Brief for the developers which also included the critical User Flows and critical interactions.

Want to discuss your next project?

Thank you! I have received your message. I will respond within a day.
Oops! Please fill out all fields to send your message.