Empty State Design: What Greets Customers with an Empty Cart

A 24-table çiğköfte spot in Adana Sarıçam redesigned its empty cart and watched the time to first item added drop from 1 minute 20 seconds to 38 seconds. The empty state is the customer's first real decision point — not a placeholder, but an opening line.

The Dropbox principle: positive, action-oriented, illustrative

The Dropbox UX team codified three rules for empty states: positive tone (opportunity, not absence), action-oriented CTA (clear next step), and illustrative visual (not dull text). In a restaurant menu, this turns "Your cart is empty" into "Shall we start with today's special?"

It reframes emptiness as invitation. Customers feel guided, not lost.

Three suggested item cards — the sweet spot

Placing exactly three product cards in the empty cart breaks choice paralysis:

• "Today's pick" — chef-tagged, seasonal
• "Most ordered" — social proof signal
• "Quick start" — appetizer or drink, low-commitment

Each card with a one-tap "Add to cart" button means the customer never has to enter the full menu. At the Adana spot, this trio of cards saw a 47% click-through rate — almost half of guests began their order without browsing.

Microcopy in the brand's voice

"Your cart is empty" is passive. Speak in the restaurant's tone: at a çiğköfte place, "A spicy plate is missing — shall we add one?"; at a coffee shop, "A flat white would suit the morning, don't you think?" These small touches send loyalty signals before the order is even placed.

Add a small illustration — a plate, cup, or basket emoji — to erase the ghost-empty-box feeling.

FAQ

How many suggestions in the empty cart? Three is optimal — more triggers paralysis, fewer feels thin.

Which items should I feature? The intersection of high margin, quick-prep, and high social proof — those three filters give the best conversion.

Should I A/B test? Yes — variant performance can differ by 20%; do not guess.

Found this helpful? Share it.