Lemon8 — Notes Tab Optimization

A Notes tab redesign to surface feed content more effectively, shipping with lift in impressions, reads, and account follow rate.

Role

Visual & Motion Design

Timeline

4 days

March 2026

Team

Catherine Jia

Sabrina Chen

Shuang Liang

Leveraged Skills

Visual interface design

Micro-animation motion

Motion design

Lemon8 — Notes Tab Optimization

A Notes tab redesign to surface feed content more effectively, shipping with lift in impressions, reads, and account follow rate.

Role

Visual & Motion Design

Timeline

4 days

March 2026

Team

Catherine Jia

Sabrina Chen

Shuang Liang

Leveraged Skills

Visual interface design

Micro-animation motion

Motion design

Background

Lemon8 is a global lifestyle community app

Lemon8 is a global lifestyle community app

Powered by Tiktok, Lemon8 is a place where people share authentic takes on beauty, fashion, travel, and food. Less performance, more personality.

Within the app, there's a feature named Notes

Within the app, there's a feature named Notes

Notes launched in early 2025 as Lemon8's answer to a simple question: What if you don't need to be a creator to share something?

Designed for low-effort share of quick thoughts, daily updates, it gave everyday users a way to participate that felt approachable rather than aspirational.

With the launch, everyday sharing extended beyond creators, empowering even content-first users to express themselves.

With the launch, everyday sharing extended beyond creators, empowering even content-first users to express themselves.

The Problem

Retention and scroll down rate within Notes began to drop

Retention and scroll down rate within Notes began to drop

The problem wasn't that people didn't want to share — they did.

But after posting, the silence was loud — low interactions, little feedback, no sense that anyone was actually reading. So they left. And so did the readers, who weren't seeing enough content worth stopping for.

What I found

The feed had content, but the layout buried it.

The feed had content, but the layout buried it.

P0

Limited feed content exposure

Only 1.5–2.5 notes per screen, limiting content exposure and slows browsing momentum.

P1

Unclear feed content reading hierarchy

The layout was structured around who posted rather than what they posted.

P2

Images in the detail page were underperforming

When visuals don't feel central to the experience, users skip past them.

design problem i worked with…

How might we attract more users to consume and engage with notes content upon first glance?

How might we attract more users to consume and engage with notes content upon first glance?

Key Solutions

Higher screen efficiency, increased user interactions

Higher screen efficiency, increased user interactions

01 Prioritize content immersion

01 Prioritize content immersion

Enlarging the image preview gave Notes more presence on screen — inviting users to look before scrolling past.

Likes and reposts lifted, and overall content engagement moved in a positive direction.

02 Strengthen identity-driven interaction

02 Strengthen identity-driven interaction

Profile information surfaced after users engaged with the content, making recognition feel natural rather than interruptive.

Follow rate and profile click-through both saw significant lifts.

03 Increase content density without sacrificing readability

03 Increase content density without sacrificing readability

Tightening spacing between username, text, and media let more notes appear per screen without feeling cramped. More content visible at once means more chances to capture interest before someone leaves.

04 Preserve interaction behaviors

04 Preserve interaction behaviors

Spot a friend deep in the red and send them a virtual feed. It lands as a real notification — playful, warm, impossible to ignore.

Research & process

Understanding layout patterns from 5+ leading competitors

Understanding layout patterns from 5+ leading competitors

I looked at how they handled interaction bar alignment, profile placement, card padding, and content density across different post types.

Specs & Edge Cases

Specs & Edge Cases

I looked at how they handled interaction bar alignment, profile placement, card padding, and content density across different post types.

Other designs I did at Lemon8…

Other designs I did at Lemon8…

My Takeaways

What I took away from a metric-design driven project

What I took away from a metric-design driven project

Design changes often introduce trade-offs — and that's okay.

Running event-level analysis taught me to evaluate design not by how it looks in comparison, but by how it moves the metrics that matter. Every decision is a hypothesis.

Structured communication is a design skill.

In review settings, clarity of reasoning matters as much as quality of the work. I got better at leading with the logic — problem → decision → rationale — so conversations could go deeper instead of just covering ground.

Back