What happensafter theprototype?
Prototypes make questions tangible. Production turns the answers into an accessible, responsive, secure and maintainable system that can keep working after launch.
10 min read / Product / DeliveryWhy is a prototype not production-ready?
A prototype is designed to answer a question quickly. Production software is designed to remain useful under real content, traffic, devices, abilities, errors, security requirements and change. The priorities are different.
GOV.UK guidance describes prototypes as a way to explore, share and test ideas at lower risk, and explicitly warns against treating prototype code as production code. The shortcut is often the point: it creates learning before a team commits to a full system.
The prototype is a question
A useful prototype asks something specific. Can people understand the proposition? Does the journey match their mental model? Is the interaction possible? Which assumption creates the greatest risk?
The prototype should be only as complete as the question requires. Excess detail can make weak ideas feel resolved and discourage necessary rejection. Fidelity is a tool, not a measure of progress.
What did we learn?
Before production, the learning must become explicit. What changed after testing? Which assumptions survived? What remains uncertain? What is evidence and what is still preference?
A polished demonstration can create false consensus if the decisions behind it are not recorded. The transition needs a clear chain from observation to requirement. Otherwise the team preserves the visual surface and loses the reason it was chosen.
A prototype is not an unfinished product. It is a question made visible.
What must become a system?
Production requires repeatable relationships: type scales, spacing, component states, data structures, content rules, navigation and error behaviour. A single successful path must expand into every state the real product can encounter.
This is where design and engineering stop being sequential handoffs. Feasibility affects the model; the model affects the interface; the interface reveals missing content and states. The work becomes more precise when disciplines refine the same system together.
What changes when real content arrives?
Real content is longer, shorter, less balanced and more specific than prototype copy. It creates edge cases immediately. Headings wrap, metadata expands, translations change measure and empty states need honest language.
Content should enter early enough to influence hierarchy and component behaviour. A layout that only works with ideal copy is not a resilient product. The content is part of the test.
What changes on mobile?
Mobile is not a scaled desktop frame. It changes available space, input method, reading order and the relationship between navigation and content. A composition often needs a new hierarchy rather than smaller values.
The Decimal Nine site repeatedly required independent mobile contracts: active capability fields became deliberate vertical sequences, large words gained safe-left rules and decorative lines were removed when they competed with reading. Those decisions protect the intent across conditions.
What changes when accessibility matters?
Accessibility matters from the beginning, but production makes the consequences testable. Semantic headings, labels, focus order, keyboard behaviour, contrast, reflow and reduced motion must operate together in the actual interface.
W3C's principles provide a durable standard: information and controls should be perceivable, operable, understandable and robust. A prototype may suggest those qualities. Production must implement and verify them.
What changes when performance and security matter?
Production exposes the cost of fonts, scripts, media, rendering and offscreen effects. Performance must be measured where people use the product. Responsive speed and visual stability are experience qualities, not separate technical achievements.
Security also belongs across requirements, design, implementation and verification. OWASP treats secure development as lifecycle work. Permissions, validation, dependencies and data handling cannot be represented by a convincing transition alone.
Acceptance criteria connect intent to delivery
A prototype can communicate direction without defining completion. Production needs acceptance criteria: observable conditions that connect the intended experience to implementation and testing.
Criteria might cover semantic heading order, keyboard access, responsive reflow, loading behaviour, error recovery, content limits and direct access to every route. They turn a subjective impression into a shared definition of what the system must protect.
This does not eliminate visual judgment. It prevents visual intent from becoming detached from behaviour. The most useful criteria describe both: what the relationship should feel like and what a tester can verify.
The handoff is a change of fidelity, not ownership
When a prototype moves into production, responsibility should not move from one discipline to another. The fidelity changes: ideas become data structures, component states, responsive rules, content models and deployable files.
Design remains involved because implementation reveals new constraints. Engineering remains involved in experience because architecture shapes speed and behaviour. Content remains involved because real language changes measure and hierarchy.
A connected practice avoids protecting the prototype as a fixed picture. It protects the reasoning, then lets the implementation make that reasoning more exact.
Documentation preserves the decision
Production accumulates knowledge that is easy to lose: why a component behaves differently on mobile, why an animation is removed under reduced motion, why a route must remain static or why a content limit exists. Documentation keeps those decisions available after the immediate task is complete.
Useful documentation is not a transcript of every change. It records the contract the system depends on, the evidence behind important exceptions and the checks required before release. That makes later development faster because refinement can begin from understanding rather than rediscovery.
What changes after launch?
Launch replaces assumptions with evidence. People take unexpected paths, content changes, dependencies age and business priorities move. A production system needs monitoring, maintenance and a way to translate new evidence into deliberate improvements.
Static deployment can simplify an architecture, as it does for Decimal Nine, but simplicity still requires route checks, direct-link verification, asset validation and a repeatable build process. Operational clarity is part of design because it determines whether the product can continue to exist.
From prototype to operating product
The transition should preserve the learning and discard the shortcuts. Define what was learned, translate it into a system, build for real constraints, verify the complete experience and keep improving after release.
A prototype earns its value through the decision it makes possible. A production product earns its value by allowing that decision to keep working in reality.
A clearer working model
- LearnRecord the assumption tested, the evidence found and the decision that follows.
- DefineTranslate learning into requirements, content, states and acceptance criteria.
- BuildCreate production architecture without copying prototype shortcuts.
- VerifyTest accessibility, performance, security, responsive behaviour and failure paths.
- ImproveObserve real use, maintain the system and refine after launch.
Sources / Further reading
- 01Making prototypesGOV.UK Service Manual
- 02How the alpha phase worksGOV.UK Service Manual
- 03Secure development and integrationOWASP Developer Guide
- 04Accessible responsive designweb.dev
