#UX#UI#Redesign

Contract signing redesign

The checkout-process through which customers can purchase a new heating system with heating installation Start Up Thermondo online was limited technically and usability-wise. The redesign included the extension of the web app and making this step of the customer journey a mobile friendly, brand consistent and affirmative experience.

Realisation My Role Team
June - November 2019 UX / UI designer product owner, frontend developer, UI / visual designer

Realisation
June - November 2019

My Role
UX / UI designer

Team
product owner, frontend developer, UI / visual designer

About

Challenge

The redesign was part of the company’s overall digital first and service design approach to craftsmenship services. It involved evaluating and rethinking a particular step of the customer journey: the moment the customer confirms the service contract offered to her or him digitally through an online signing web app.

The problem was that not all types of contracts the company offers could be signed online yet. The old app in place was also not responsive and its design was based on outdated print versions of the contracts. These were all factors stopping the customer from signing online. Instead many customers still signed on paper and send the printed PDF via snail mail.

Solution

The redesign included the extension of the web app to all types of contracts. It was rebuilt as a modular app and now based on reusable components. Usabilitywise we made sure this step of the customer journey was now mobile friendly, brand consistent and overall an affirmative experience for the customer.

app before after

User needs and business goals

To measure and describe the overall impact and success of the design efforts we kept in mind the following business metrics and user data concerning the "sign contract" customer touch point.

user-flow-diagrams
user flow diagrams

3. Contract signing

Missing feature: Only 2 out of 3 existing contract types could be signed online

Low acceptance: 26% of customers use the online signing option (the rest are signed on paper and send via mail)

Customer service requests: Around 5% of customer service requests concerning contract signing was too high

Mobile Usage: 63% of customers visit the website on mobile devices

Design Process

Sketches, Flows & Ideas

user-flow-diagrams
user flow diagrams
sketches
clickdummy

Prototyping & Testing

prototypes

UI Design

product selection form fields icons

Results

All screens mobile

all screens

Desktop Prototype (Adobe XD)

desktop video