All Examples

Empty State: Hinge

The Scenario

Write an empty-state message for a contact list in a dating app.

My Figma mockup:

“Your next connection starts here. When someone likes you, they’ll show up here. See where things take you.”

The Brand Context

Hinge positions itself as “the dating app designed to be deleted.” Its tone is modern, optimistic, and genuine—focused on fostering meaningful connections rather than casual encounters. The empty-state message should reflect this ethos: hopeful, inviting, and emotionally intelligent.

My Approach

Necessary

The text tells the user what the section is for—where new connections will appear—and gently sets expectations about what happens next.

Clear

“Your next connection starts here. When someone likes you, they’ll show up here. See where it takes you.” lays out both function and next steps in plain language.

Concise

Three short sentences create a friendly rhythm that feels conversational without crowding the screen. The brevity respects users’ attention while still offering emotional resonance.

Useful

This message informs users about what will populate the space and how to trigger that content (receiving likes). It prevents confusion and provides orientation during a moment of inactivity.

Conversational

The tone feels friendly, relatable, and gently encouraging. The active voice and simple phrasing create a sense of momentum and optimism.

Branded

The message channels Hinge’s hopeful and human-centered brand personality. “Your next connection starts here” feels forward-looking and emotionally engaging—reinforcing the brand promise of fostering real relationships.

Key Decisions

  • Opened with an optimistic headline to evoke anticipation

  • Used simple, active sentences to create warmth and rhythm

  • Balanced functionality and emotion to align with Hinge’s modern, heartfelt tone

Previous
Previous

Password Error: Interaction Design Foundation

Next
Next

404 Error: New York City FC