Designing Emotional Empty States to Enhance User ExperienceDesigning Emotional Empty States to Enhance User Experience
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
A concept design study exploring the difference between the default empty-state pattern and a more intentional one — designed to show how the same product moment can land very differently depending on the design choices.
Most empty states are treated as a styling problem. The default goes something like: "No items yet. Get Started Now!" — a bright primary button, exclamation marks, a nagging banner pushing the user toward profile completion or upgrades. The cognitive cost is real. Pressure at moments of vulnerability — a brand-new user, an empty page — signals that the app wants something from the user before trust has been built.
The "calm version" shows what changes when the empty state is designed as an emotional moment instead of a conversion opportunity. Warm cream background instead of stark white. A small hand-drawn sprout instead of a stock clipboard icon. A serif welcome line: A blank page is a good place to begin. Copy that meets the user where they are: Whenever you're ready — a sentence, a thought, a feeling. There's no wrong start. No banner. No exclamation marks. A single quiet button: Write your first line.
Same conversion path. Completely different relationship with the user
Post image
Markus's avatar
This is lovely!
Lívia's avatar
Thank you!😊
Back to feed
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started