quitt.ch is an online service company that helps people who hire household staff tackle the often cumbersome administrative paperwork by moving the whole process online.
Refining and documenting the brandguidelines, redesigning the website and contents and implementing everything with WordPress.
A lean website and a refreshed brand. A prototype of a cost calculator to be implemented in the future.
Before the redesign, shortcomings have often been solved by adding elements to the pages instead of improving existing ones, which resulted in the website growing in uncontrolled ways. The main problems were:
- Too much content with unclear structure – The information architecture has not been built with different users in mind, resulting in duplicated content with unclear messages.
- Frequent use of technical terms – The services main claim is to facilitate the hiring of household staff, nonetheless complicated technical terms were used throughout the website.
- Outdated look – Since the beginning of the company 7 years ago there have never been any professional branding efforts. The guideline consisted of a font and four easy to remember colour-codes.
- Complicated pricing – The initial pricing presented itself in three plans. The first plan being a fixed price, the second a variable (based on the salary paid to the household staff) and the third one being a flat rate version of the second. From the technical point of view this pricing made sense, but for the users it was not comprehensible.
The service of quitt.ch lives in a complex system of complementary services (such as household help mediation services and even the household help themselves), partners (the insurance companies) and competitors (ranging from personal bookkeepers to cleaning agencies).
This position is not only challenging as competition might emerge form unexpected corners, but it also makes it very difficult to explain the value proposition of quitt.ch to new users.
A broad spectrum of users
Anyone hiring a household help is a potential quitt.ch customer, the spectrum is very broad. In order to deal with this I created proto-personas and tried to answer the same questions for each. “How did s/ he hear about the service first?” “What does it take for her/ him to gain trust in the service of quitt.ch?” etc.
Finding outstanding examples of communication
The promise of quitt.ch is to relieve the customer of the cumbersome administrative tasks associated with hiring a household help. The less a customer is in contact with quitt.ch the better the service works. So how can we let the user understand the value of quitt.ch’s service while keeping the communication easy and thus the service even more desirable?
In order to tackle this problem I analysed some outstanding examples of service communication.
One of the main goals was to reduce the number of pages drastically. Each page should have its own communication purpose and contents should not be doubled.
Introducing a style guide
So far the guidelines consisted of three RGB colours and a font. In the process of the redesign I refreshed the look of the brand and built a style guide. The changes included:
- A balanced colour palette – I replaced the existing three garish colours with a pallet of equivalent colours based on material design.
- Meaningful use of colour – Previously colours had been used randomly and purely decorative. The new system uses the two colours of the logo (orange and green) to represent the two biggest client groups employers and employees. Various shades of blue communicate the relationship between the different subscription-plans.
- Photography that triggers emotions – Before the re-design photography has been used to communicate functional contents. The new style guide prescribes a more natural imagery that reflects the user’s end-goal (a clean house, happy children, etc.).
The new website (published in March 2017) has a clear structure and a fresh look and serves as basis for further improvement based on data gathered through Google Analytics and crazyegg. Some of the changes include:
- Reduced navigation – The new navigation contains a fraction of elements of the previous one and is organized by different user group.
- Clear value proposition – The content “above the fold” is reduced to a clear value proposition.
- Better distinction between different plans – The differences between the plans are made visual through colour and explained with non-technical-keywords.
- FAQ’s organised with users in mind – Rather than structuring the FAQ according to bureaucratic logic they are organised regarding the different decision-phases of users.
Learning after implementation
After the implementation, I created several A/B tests and installed a heat map tool to further improve the website.