WebsiteDesignOutsource.com blog
An Empty State Brief for Outsourced Website Design
A practical guide to empty state for an outsourced website design project.
An empty state should explain what is missing, why it matters, and what useful action remains available. A useful brief gives the design team a clear visitor task and gives the reviewer evidence they can inspect on the working page.
Start with the visitor task
Empty state should answer one concrete question for a named visitor. Write the expected action, the information needed to take it, and the state that proves the page has helped. This keeps a visual preference from becoming the only measure of success.
Specify the states that matter
Document the normal, narrow-screen, keyboard, error, empty, and returning-visitor states that apply. Include the approved content, relevant assets, responsive constraints, and the person who can resolve an open decision. Cover first use, no results, cleared filters, loading completion, and permission-related states. Write the recovery action before approving the illustration or visual treatment.
Review the assembled route
Ask the outsourced team to provide the working route or an accessible prototype. Check the task at a narrow viewport, with keyboard navigation and zoom, then record the route, state, observed result, expected result, and owner for each change.
Close with a useful handoff
The handoff should name the approved version, source files, page owner, unresolved follow-ups, and next review point. That context lets the next contributor maintain the decision without reconstructing it from scattered messages.
Further reading
Read the website content brief guide
Read the responsive website design guide
Source
https://design-system.service.gov.uk/components/inset-text/
Frequently asked questions
What belongs in this brief?
Include the visitor, task, affected routes, required states, approved inputs, constraints, acceptance evidence, and decision owner. Keep implementation details that affect the outcome visible to the reviewer.
Is a screenshot enough to approve it?
No. Use the assembled interaction and inspect the states that matter, including narrow layouts, keyboard access, errors, and the final content.