Back to all projects

2023 · CCleaner

CCleaner Health Check

Redesigning the main feature of a windows app

  • Research

About ccleaner

CCleaner was first launched in 2003 and it became more and more popular, reaching over 2 billion downloads worldwide.

The problem

In this project, we looked at how to improve Health Check, the most popular feature of the app that allows to scan and clean multiple items in one flow. There were 2 main problems to address:

  • A good number of people complained that they were logged out of all their websites after running it, and they did not want that. CCleaner actually already had a feature that allows users to create a websites’ allowlist, but the feature was so hidden that only very few users knew about it.
  • The feature did not convert free users into professional customers as well as the business hoped. The current design did not highlight well enough what people could have unlocked with the Professional license. Moreover, their journey was disrupted by very invasive advertising banners.

My role

I was the only product designer on the project, taking care of initial strategy, research, UX, and UI design. I worked in a cross-functional squad.

Challenges

  • Increasing conversion without compromising the user experience
  • Making the ‘allowlist’ feature more visible without disrupting the flow
  • Designing new features inside a well-established PC app (with technical and UI constraints)

Results

  • an increase of 132.27% in conversion rates (measured one semester after launch)
  • an increase of 133% of users setting up allowlists
  • a decrease in complaints to customer service.
  • +132.27%

    conversion rates

  • +133%

    cookies allowlist feature adoption

  1. Background

    Feature overview, target audience and the issues to solve.

  2. Cookies allowlist

    Making the allowlist more prominent within Health Check.

  3. Conversion rates

    Rethinking the upgrade journey for free users.

  4. The result

    +132% conversion, fewer surprises on cookies.

Background

The feature

CCleaner’s most popular feature is Health Check, a quick scan that allows users to resolve multiple issues in the same flow. The feature was available to all users, although free users were only able to resolve the main issues, but not the advanced ones.

Target audience

Although it was a feature widely used by everyone, it was especially designed for those people that did not feel technically confident enough to use more advanced features such as Custom Clean. It was also widely used by users who were shown the features once, and then just kept using it in the same way over and over again.

The issues

  • The initial screen of Health Check did not have very insightful information. Moreover, the onboarding was across 5 different screens, which was too much for people to click through without losing their focus.
  • The cookies feature already allowed users to list websites that they didn’t want to clear cookies for. However, the feature was hidden in the sitemap and it was not clearly explained for non-technical users.
  • The journey for free users did not highlight well the features that were locked for them (not many people opened those tabs).
  • The free users’ journey was disrupted by very invasive advertising banners.
CCleaner Health Check. The issues. Image 1.
CCleaner Health Check. The issues. Image 2.
CCleaner Health Check. The issues. Image 3.
CCleaner Health Check. The issues. Image 4.

The design process

Problem 1

Test Design a solution

Problem 2

Test Design a solution

Solving the first problem: Introducing the cookies allowlist

1 - first mockup

I first created a prototype which forced first time users to go through a set up process. Part of this set up was about deciding which websites to add to the allowlist.

CCleaner Health Check. 1 - first mockup. Image 6.

2 - test & iterate the prototype

After testing this first iteration it became really clear that users found this first step a little too intimidating. Moreover, it was slowing them down too much.

Working closely with developers, the UX copywriter and conducting more tests with users, I iterated the prototype a few more times.

CCleaner Health Check. 2 - test and iterate the prototype. Image 7.

3 - final flow iteration

The final iteration shortened the onboarding to 2 steps: the first step summarised the benefits of the feature and the second step advised users to set up a cookie allowlist. The user testing on the latest prototype was very positive, with great feedback from users.

CCleaner Health Check. 3 - final flow iteration. Image 8.

4 - refine the cookies allowlist screen

Working closely with the copywriter, we tested different variations of the copy to obtain the clearest and least intimidating option.

CCleaner Health Check. 4 - refine the cookies allowlist screen. Image 9.

Solving the second problem: Increasing conversion rates

1 - breaking down the journey

After having reviewed user research conducted on similar products, I decided to break down the journey into 2 steps. This would have helped highlight what free users were missing out on.

I created 2 different design options. One presented the high-level issues group (e.g. Privacy, Space). The other one showed a more detailed breakdown (Cookies, Download History, etc.).

CCleaner Health Check. 1 - breaking down the journey. Image 10.

2 - test & iterate the prototype

I tested the 2 options with 20 users and although 70% of them preferred option 1, they also said that they would have liked to be able to see the breakdown within each category.

So I designed a third option, which split Privacy and Space into 2 steps and it showed a breakdown for both. I tested this option and it had very positive feedback.

CCleaner Health Check. 2 - test & iterate the prototype. Image 11.

3 - refining the whole flow

After having identified the best layout for the main screens, I kept iterating the flow to improve the conversion opportunities, conducting another 2 rounds of user testing.

The logic I identified allowed us to prompt users to upgrade if they wanted to fix the advanced issues. If they declined, they were reminded that a free trial was available too. The final screen also recommended they set up a cleaning schedule. Again, they were reminded that the paid version also supported automated cleaning.

CCleaner Health Check. 3 - refining the whole flow. Image 12.

The result

Conversion rates increased by 132.27%

These changes led to an increase of 132.27% in conversion rates (i.e. people upgrading to the paid version of CCleaner). This was calculated based on the semester after launch, compared to the same semester the previous year.

The result was a flow that better highlighted what users were missing out on the free version. The design also looked fresher, to make the app look more modern.

CCleaner Health Check. The result. Image 13.
CCleaner Health Check. Conversion rates increased by 132.27%. Image 14.
CCleaner Health Check. Conversion rates increased by 132.27%. Image 15.
CCleaner Health Check. Conversion rates increased by 132.27%. Image 16.
CCleaner Health Check. Conversion rates increased by 132.27%. Image 17.
CCleaner Health Check. Conversion rates increased by 132.27%. Image 18.

No more surprises with deleted cookies

The onboarding flow was still straightforward and intuitive for non-technical users, but it also made it easier for them to set up a list of allowed websites. 7% of users were now setting up the allowlist, compared to the previous 3%. This resulted in a decrease in complaints to customer service.

The onboarding was now condensed into one screen, and the second screen allowed people to customise their allowlist.

CCleaner Health Check. No more surprises with deleted cookies. Image 19.
CCleaner Health Check. No more surprises with deleted cookies. Image 20.
CCleaner Health Check. No more surprises with deleted cookies. Image 21.

Testimonials

As a problem solver, Cristina addresses the facts at hand and navigates her process in an efficient, yet well-thought through manner. As a UX Designer, she brings focus to the customer whilst integrating the needs of business and technology. As a collaborator, she maintains communications and ensures her team’s contributions are valued and appreciated. And as a leader, she inspires and proposes the solutions and delivers the outcomes that stakeholders delight in. Mark Wu, Head of UX & Design