Todaii German: Enhancing premium CR for market expansion

Descriptions

  • Todaii German is a super-app designed to help users acquire the German language through reading.

  • Built around core reading, supported by grammar analysis, exam prep, and other learning features.

Problems

  • Targeting the US as a core market for 2026, we are optimizing the experience for these users.

  • Performance lags behind industry standards, with a peak conversion of 1.56% against a 2–4% benchmark.

  • Poor visual hierarchy & information overload on the premium screen create friction for users.

Rising Problems

Rising Problems

Rising Problems

I monitored the data on GA4 from Sep 2024 to Jan 2025 & identified several critical issues through general metrics.

~1.6%

Fluctuating CR remains consistently below the 2-4% industry benchmark

Fluctuating CR remains consistently below the 2-4% industry benchmark

-9.7%

Engagement rate on Premium screen indicates a failure to trigger user actions

Engagement rate on Premium screen indicates a failure to trigger user actions

+9.5%

Exit rate surge on Premium screen reveals a massive user drop-off

Exit rate surge on Premium screen reveals a massive user drop-off

Users often enter the Premium screen and leave quickly without clicking much, causing the conversion rate to stay low and below the industry benchmark

Users often enter the Premium screen and leave quickly without clicking much, causing the conversion rate to stay low and below the industry benchmark

Users often enter the Premium screen and leave quickly without clicking much, causing the conversion rate to stay low and below the industry benchmark

Objective & Approach

Objective & Approach

Objective & Approach

1. Primary goal

  • Eliminate experience barriers to drive purchase CR toward industry benchmarks.

2. What to do

  • Identify & scope specific UI friction points that are negatively impacting both engagement & purchase CR.

  • Propose design solutions to remove checkout obstacles.

Design Process

Design Process

Design Process

Due to limited resources & high risk in modifying the checkout flow, I adopted Lean UX to focus on rapid UI Quick wins. The Think - Make - Check cycle allows for data-informed optimizations, ensuring system stability while effectively addressing the conversion bottleneck.

No time for lengthy process?

No time for lengthy process?

Secondary Research

Secondary Research

Secondary Research

User feedback

Reviewing six months of feedback from the US market, I found that information like certificates & testimonials weren't driving decisions. They were just creating clutter & distractions instead.

I don’t really care about or what other says or certificates tbh

I don’t really care about or what other says or certificates tbh

Have to scroll to figure out what I get with Premium

Have to scroll to figure out what I get with Premium

I want to upgrade to unlock the reading and remove all the ads

I want to upgrade to unlock the reading and remove all the ads

Considered upgrading because of the discount

Considered upgrading because of the discount

Competitor audit

I analyzed leading reading apps from the US market to identify UX Patterns.

Blinkist

The NYT

Economist

The FT

Prioritized value & pricing

Prioritized value & pricing

Core benefits and pricing plans are immediately visible in the first view.

Core benefits and pricing plans are immediately visible in the first view.

Clear & fixed CTAs

Clear & fixed CTAs

CTA are prominent & remain fixed while scrolling, ensures the main action is always accessible.

CTA are prominent & remain fixed while scrolling, ensures the main action is always accessible.

Concise value proposition

Concise value proposition

The value is presented upfront & simple. Users instantly understand what they’re paying for

The value is presented upfront & simple. Users instantly understand what they’re paying for

Transparent terms & policies

Transparent terms & policies

Key terms like 'Cancel anytime' placed alongside policy links fosters transparency & trust.

Key terms like 'Cancel anytime' placed alongside policy links fosters transparency & trust.

Primary Research

Primary Research

Primary Research

Heatmap test

I performed a heatmap test on the current premium UI to see if the design was effectively guiding the user's eye toward our conversion goals.

36.6%

Banner visibility is strong, but could compete with other primary elements

Banner visibility is strong, but could compete with other primary elements

12.9%

Secondary CTA visibility reveals excessive focus, which can overshadow pricing plans

Secondary CTA visibility reveals excessive focus, which can overshadow pricing plans

1.0%

Package visibility confirms the purchase option is receiving minimal attention

Package visibility confirms the purchase option is receiving minimal attention

Hypothesis: Potential “Banner Blindness”

The pricing plan’s horizontal layout mirrors the banner’s, potentially causing users to perceive both as promotional noise and skip them entirely, leading to unintentional "banner blindness”

The pricing plan’s horizontal layout mirrors the banner’s, potentially causing users to perceive both as promotional noise and skip them entirely, leading to unintentional "banner blindness”

Heuristic evaluation

Based on heuristic principles, I evaluated the Premium screen to identify usability issues. This analysis highlights how the current layout & information hierarchy affect the user's subscription journey.

Cluttered information

Excessive information pushes key benefits below the fold, forcing users to scroll.

Overly prominent banner

It steals focus from the subscription plans, which users actually care about.

Low visibility of discount entry

Since users highly value deals, making it more prominent will better align with their intent.

Job to be Done

Job to be Done

Job to be Done

I applied the JTBD framework to understand the specific job the user needs to get done when they encounter the subscription paywall.

Situation

Motivation

Expected outcomes

Problems

When I reach my daily limit of 3 free articles

I want continue reading without any interruption

A fast and transparent checkout process

Irrelevant info is distracting & adds no value to my decision

Eliminate distractions like testimonials & certificates to ensure every element serves the user's JTBD

Eliminate distractions like testimonials & certificates to ensure every element serves the user's JTBD

Come up with Solutions

Come up with Solutions

Come up with Solutions

By synthesizing all the insights gathered, I transformed the identified pain points into three strategic design pillars to bridge the gap between user intent & conversion.

As is: Excessive content, forcing unnecessary scrolling and delaying decision-making

As is: Excessive content, forcing unnecessary scrolling and delaying decision-making

To be: Remove non-essential elements, reducing cognitive load (Pareto principle)

To be: Remove non-essential elements, reducing cognitive load (Pareto principle)

As is: Pricing and benefits are not prominent enough to capture immediate attention

As is: Pricing and benefits are not prominent enough to capture immediate attention

To be: Prioritized benefits and pricing within the first view for users to see without scrolling

To be: Prioritized benefits and pricing within the first view for users to see without scrolling

As is: Lack of legal & payment reassurance, which is a friction point for the US market

As is: Lack of legal & payment reassurance, which is a friction point for the US market

To be: Integrated trust markers like "Cancel anytime" to reassure users & build trust

To be: Integrated trust markers like "Cancel anytime" to reassure users & build trust

UI Design

UI Design

UI Design

The redesigned UI prioritizes absolute clarity & rapid decision-making, transforming a cluttered interface into a conversion-optimized journey.

Optimized banner ratio 3:1

Reduce visual weight and save vertical space.

Horizontal pricing layout

Compact, scannable & distinct from banners

Sticky floating CTA

Instant access at any point while scrolling

Immediate value display

Shown upfront so users don't have to scroll

34.2%

Banner visibility remains strong, ensuring the value proposition is seen

Banner visibility remains strong, ensuring the value proposition is seen

10.8%

Package visibility exceeds the average, effectively capturing user attention

Package visibility exceeds the average, effectively capturing user attention

6.6%

Secondary CTA visibility keeps it accessible while avoiding distraction from pricing plans

Secondary CTA visibility keeps it accessible while avoiding distraction from pricing plans

Final Impact

Final Impact

Final Impact

The redesign led to a measurable improvement in user conversion, proving that a simplified interface significantly reduces the path to purchase.

Product metrics

Product metrics

+15%

Conversion rate indicates that the new UI effectively reduced friction in the subscription flow

+18%

First-open CR correlates with the increased visibility of pricing & benefits within the initial view

User feedback

User feedback

The upgrade process is fast and clear. Great support from the customer service team also

The premium plans are very clearly presented. I decided to support with a 1-year sub

Positive

Positive

Positive

I like the new layout, but the benefits could be even shorter for a quicker read.

Couldn’t find the discount entry at first and thought it wasn’t there.

Negative

Negative

Negative

Key Takeaways

Key Takeaways

Key Takeaways

A summary of the project’s core challenges & the strategic insights gained from balancing user experience with business growth.

Challenges

Challenges

Challenges

  • Process Flexibility: In reality, time and resources is limited. The challenge is deciding which steps to prioritize and which to skip while still ensuring a good design.

  • Process Flexibility: In reality, time and resources is limited. The challenge is deciding which steps to prioritize and which to skip while still ensuring a good design.

  • Cognitive Load vs. Density: Balancing the marketing need for information density with the design goal of keeping cognitive load to a minimum.

  • Cognitive Load vs. Density: Balancing the marketing need for information density with the design goal of keeping cognitive load to a minimum.

Lesson learned

Lesson learned

Lesson learned

  • Quality Over Quantity: More information does not mean better results. Only show what is truly useful to help users make a decision.

  • Quality Over Quantity: More information does not mean better results. Only show what is truly useful to help users make a decision.

  • Persuasive Design: Explained to marketing why "Less is More” and persuaded the team to trade flashy banners for a better user flow.

  • Persuasive Design: Explained to marketing why "Less is More” and persuaded the team to trade flashy banners for a better user flow.

Further Improvements

Further Improvements

Further Improvements

Shorten Premium Benefits

Shorten Premium Benefits

Shorten Premium Benefits

Refine & shorten benefits to highlight only core values, ensuring instant understanding without cognitive load.

Optimize Discount Accessibility

Optimize Discount Accessibility

Optimize Discount Accessibility

Replace the current discount entry with a more intuitive & visible solution for effortless discovery & usage

Thank you for
watching!

Thank you for
watching!

Thank you for
watching!

Interested in working with me?

Interested in working with me?

Interested in working with me?

Other Projects

Other Projects

Other Projects

Curious to see more? Check out these case studies

Curious to see more? Check out these case studies

Website

5 mins read

Todaii Japanese: Enhancing web platform contribution

0%

0%

Revenue contribution

Website

5 mins read

Todaii Japanese: Enhancing web platform contribution

0%

0%

Revenue contribution

Website

5 mins read

Todaii Japanese: Enhancing web platform contribution

0%

0%

Revenue contribution

Mobile App

6 mins read

Todaii Japanese: Boosting user stickiness via integrated learning

0%

0%

DAU/MAU

Mobile App

6 mins read

Todaii Japanese: Boosting user stickiness via integrated learning

0%

0%

DAU/MAU

Mobile App

6 mins read

Todaii Japanese: Boosting user stickiness via integrated learning

0%

0%

DAU/MAU

Create a free website with Framer, the website builder loved by startups, designers and agencies.