Skip to main content
← Back to work
Shipped·Live in Production·Experiment

Engagement Ribbon

Role
Product Designer
SEO team
Team
SEO Growth
PM · Engineering · Design
Platform
Web
City and neighborhood pages
Outcome
+1%
Good visits · A/B tested
Engagement ribbon badge shown live on a Nextdoor city page

The hypothesis

A small social proof signal. A simple question worth testing.

The team noticed a competitor using an award ribbon badge on their top-ranked location pages. The hypothesis was straightforward: if a city or neighborhood has earned a recognition, showing that on the SEO page might give users a reason to stay and explore.

This was not a deeply researched initiative. It was a fast, focused experiment. The question was simple enough to answer with a 50/50 test rather than a full discovery process.

Inspiration
Industry pattern

Award ribbons on top-ranked pages as a trust and quality signal for users evaluating a location.

Our version
Nextdoor Ribbon

A badge for cities and neighborhoods that have earned a top ranking in a given year. Dynamic year, consistent placement.

Engagement ribbon badge close-up with trophy icon, year, and Winner label

The badge as it appears on qualifying city and neighborhood pages. The year updates dynamically based on when the award was earned.

Light grey badge, trophy icon, year and "Winner" label. Simple, credible, not intrusive.

Design exploration

All badge directions. The shape was the question.

The exploration was always centered on a badge format. The question was what shape, size, and visual treatment would feel like a genuine credential without being intrusive. The final ribbon shape was the clearest read as an award at a glance.

Circular badge exploration direction
Not selected
Circular badge

A round badge format. Felt more like a rating indicator than an award. Did not carry the same sense of recognition.

Rectangular shield badge exploration direction
Not selected
Rectangular card

A flat rectangular label. Cleaner but too similar to a tag or filter. Lost the award feeling that makes social proof signals work.

Ribbon badge exploration, the shipped design
✓ Shipped
Ribbon badge

Immediately readable as an award. The ribbon shape carries a cultural meaning that the other formats did not. Small enough to sit quietly in the corner without competing with the page.

The design

It only appears where it has been earned.

The badge shows on city and neighborhood pages where that location has achieved a top ranking for the year. The year updates dynamically so a page with a 2024 award shows 2024, and a 2025 award shows 2025.

The visual design is intentionally restrained. Light grey background, trophy icon, year and "Winner" label. No color, no animation. The restraint is the point. It signals credibility without feeling promotional.

Shipped ribbon badge in context on a city page hero
The badge sits in the top corner of the hero image, visible without competing with the neighborhood name or stats

The solution

A quiet credential in the corner of the page.

The shipped ribbon badge is small, neutral, and always tied to a real award. It gives non-members scanning a city or neighborhood page a quick signal that this place has been recognized, without pulling focus from the content they came to see.

Placement stayed in the hero corner throughout the experiment. The badge reads as an award at a glance and stays out of the way of the primary page story.

Close-up of the shipped engagement ribbon badge
Close-up of the badge: trophy, dynamic year, and Winner label
Engagement ribbon badge on a full Nextdoor city SEO page
Full page context: the ribbon on a live city page, edge to edge in the hero corner

Outcome

+1%
Good visits
50/50 A/B test

A small bet that paid off.

A 1% lift in good visits from a low-effort surface experiment is a positive result. The hypothesis was right. Users respond to social proof signals even when they are small and restrained. The badge added credibility without adding friction.

This kind of experiment is worth running. Not every project needs to be a full discovery cycle. Sometimes the right move is to form a clear hypothesis, build something focused, test it, and ship it if it works.

Live in production right now. You can see this badge on qualifying Nextdoor city and neighborhood pages today.

What I would do differently

Small experiments still deserve follow-through.

01.
Explore more placement options

We landed on the corner placement early and did not push much further. I would want to test whether a different position on the page, closer to the stats, would give us a stronger lift.

02.
Iterate after a positive result

A 1% lift is a signal worth chasing further. I would have pushed to run a second experiment exploring whether more prominent treatment could drive a larger result, or whether the restraint is actually what makes it work.

Next case study
Passwordless Login Heuristic Evaluation