PRODUCT DESIGN

Designing motivation where fear blocks action

A product design case study about creating a gamified mobile app from scratch to reduce fear, build motivation, and support long-term engagement.

Role:

Product Designer

Role:

Product Designer

Project Type:

Growth Experiment

Project Type:

Growth Experiment

Duration:

1 month

Duration:

1 month

Introduction

The project was delivered for a global educational platform that allows students to get answers to questions from all school subjects.

The project focused on promoting a Google Chrome browser extension, whose goal was to allow users to search the database without visiting the website or logging into the application.

My role: Product Designer (end-to-end) โ€“ from analysis, through concept work, to collaboration during implementation.

Problem & Insight

The development team was in the final stage of finishing the MVP. From a technical perspective, the product was ready, but there was no clear answer to a key question:

๐Ÿค”

How can we effectively convince platform users to install the Chrome extension?

Previous user research and analysis of product usage paths showed that users are strongly focused on getting answers quickly. Homework is often done under time pressure, so the fewer steps between a question and an answer, the higher the satisfaction and the better the userโ€™s relationship with the product.

Goals & Success Criteria

The goal was to validate whether promoting the browser extension at the right moment in the user journey could meaningfully increase adoption without adding friction. Success was measured using standard growth metrics to ensure the solution delivered clear value to users while meeting business expectations. The focus was not only on higher engagement, but also on choosing a solution that could scale and be maintained long-term.

Business goal:

๐Ÿ‘‰

Increase the number of Chrome Extension installations.

๐Ÿ‘‰

Each color group had shades from 50 to 950.

๐Ÿ‘‰

Increase the number of Chrome Extension installations.

User goal:

๐Ÿ‘‰

Faster and easier access to answers without changing context.

๐Ÿ‘‰

Each color group had shades from 50 to 950.

๐Ÿ‘‰

Faster and easier access to answers without changing context.

Success criteria:

๐Ÿ‘‰

CTR (Click-Through Rate)

๐Ÿ‘‰

Each color group had shades from 50 to 950.

๐Ÿ‘‰

CTR (Click-Through Rate)

๐Ÿ‘‰

Conversion increase compared to the control variant

๐Ÿ‘‰

Each color group had shades from 50 to 950.

๐Ÿ‘‰

Conversion increase compared to the control variant

Process

To achieve the best possible results in the shortest time, I adapted the UCD process to the project reality, focusing mainly on quickly connecting data, user context, and real product constraints.

Analysis and direction setting

๐Ÿ‘‰

I analysed similar market solutions (desk research).

๐Ÿ‘‰

Each color group had shades from 50 to 950.

๐Ÿ‘‰

I analysed similar market solutions (desk research).

๐Ÿ‘‰

I reviewed previously conducted user research.

๐Ÿ‘‰

Each color group had shades from 50 to 950.

๐Ÿ‘‰

I reviewed previously conducted user research.

๐Ÿ‘‰

I analysed the existing user journey to identify moments with the highest intent.

๐Ÿ‘‰

Each color group had shades from 50 to 950.

๐Ÿ‘‰

I analysed the existing user journey to identify moments with the highest intent.

Based on this, I identified several potential touchpoints where communication about the extension could be the most effective.

Prioritisation with the team

๐Ÿ‘‰

Discussed potential entry points,

๐Ÿ‘‰

Each color group had shades from 50 to 950.

๐Ÿ‘‰

Discussed potential entry points,

๐Ÿ‘‰

Evaluated them in terms of user impact and implementation complexity,

๐Ÿ‘‰

Each color group had shades from 50 to 950.

๐Ÿ‘‰

Evaluated them in terms of user impact and implementation complexity,

๐Ÿ‘‰

Based on decisions also on results from previous experiments.

๐Ÿ‘‰

Each color group had shades from 50 to 950.

๐Ÿ‘‰

Based on decisions also on results from previous experiments.

Finally, we selected two solutions for testing:

Landing page in the registration flow
(shown to new users).
Bottom drawer on the search results page.

Solution

Landing page in the registration flow

The page appeared only once during new user registration โ€“ at the moment of the highest openness to new features.

Key elements of the solution:

๐Ÿ‘‰

clear value proposition above the fold: โ€œGet answers 2x faster, 2x easierโ€,

๐Ÿ‘‰

Each color group had shades from 50 to 950.

๐Ÿ‘‰

clear value proposition above the fold: โ€œGet answers 2x faster, 2x easierโ€,

๐Ÿ‘‰

strong CTA leading directly to the Chrome Web Store,

๐Ÿ‘‰

Each color group had shades from 50 to 950.

๐Ÿ‘‰

strong CTA leading directly to the Chrome Web Store,

๐Ÿ‘‰

video showing a real extension use case,

๐Ÿ‘‰

Each color group had shades from 50 to 950.

๐Ÿ‘‰

video showing a real extension use case,

๐Ÿ‘‰

short list of benefits supported by icons,

๐Ÿ‘‰

Each color group had shades from 50 to 950.

๐Ÿ‘‰

short list of benefits supported by icons,

๐Ÿ‘‰

repeated CTA at the bottom of the page, without the need to scroll back up.

๐Ÿ‘‰

Each color group had shades from 50 to 950.

๐Ÿ‘‰

repeated CTA at the bottom of the page, without the need to scroll back up.

The design was fully based on the existing design system. I skipped the wireframe stage to speed up the work. I tested different color variants, focusing on contrast and compliance with accessibility guidelines.

Bottom drawer on the search results page

The contextual Bottom Drawer was displayed on the search results page, at the moment when the user had a strong need to find an answer.

The solution did not interrupt the flow and used subtle motion to draw attention, gently suggesting a โ€œfaster and easierโ€ alternative. After clicking, the drawer expanded into a full version with instructions and a button leading to the Chrome Store.

Impact & Learnings

The A/B experiment was planned for two weeks, but it ended earlier after reaching statistical significance. Test configuration and data analysis were handled by an analyst, while I focused on the product and design layer.

Results of landing page in registration:

๐Ÿ‘‰

CTR: 8.5%

๐Ÿ‘‰

Each color group had shades from 50 to 950.

๐Ÿ‘‰

CTR: 8.5%

๐Ÿ‘‰

Conversion increase in the experiment: +219%

๐Ÿ‘‰

Each color group had shades from 50 to 950.

๐Ÿ‘‰

Conversion increase in the experiment: +219%

๐Ÿ‘‰

Best result despite one-time exposure

๐Ÿ‘‰

Each color group had shades from 50 to 950.

๐Ÿ‘‰

Best result despite one-time exposure

Based on these results, the landing page was implemented as a permanent part of onboarding.

Bottom drawer:

๐Ÿ‘‰

CTR: 0.4%

๐Ÿ‘‰

Each color group had shades from 50 to 950.

๐Ÿ‘‰

CTR: 0.4%

๐Ÿ‘‰

The solution was dropped and did not go into production.

๐Ÿ‘‰

Each color group had shades from 50 to 950.

๐Ÿ‘‰

The solution was dropped and did not go into production.

Key learnings

๐Ÿ‘‰

The onboarding moment has a much stronger impact on adoption than later touchpoints.

๐Ÿ‘‰

Each color group had shades from 50 to 950.

๐Ÿ‘‰

The onboarding moment has a much stronger impact on adoption than later touchpoints.

๐Ÿ‘‰

A simple, clearly communicated benefit outperforms a more contextual but less visible solution.

๐Ÿ‘‰

Each color group had shades from 50 to 950.

๐Ÿ‘‰

A simple, clearly communicated benefit outperforms a more contextual but less visible solution.

๐Ÿ‘‰

Effective design does not need to be complex โ€” it needs to be precisely aligned with user needs.

๐Ÿ‘‰

Each color group had shades from 50 to 950.

๐Ÿ‘‰

Effective design does not need to be complex โ€” it needs to be precisely aligned with user needs.

๐Ÿ‘‰

Experiments are the best tool for making product decisions.

๐Ÿ‘‰

Each color group had shades from 50 to 950.

๐Ÿ‘‰

Experiments are the best tool for making product decisions.

This project strengthened my belief that the role of a Product Designer is not only about designing, but above all about making conscious decisions at the intersection of the user, the business, and real product constraints.

Made with love ๐Ÿ’• by Me.

ยฉ Copyright 2026

Made with love ๐Ÿ’• by Me.

ยฉ Copyright 2026

Made with love ๐Ÿ’• by Me.

ยฉ Copyright 2026