Why Planning Comes Before Design: The Principle That Separates Successful Website Projects From Disappointing Ones

There is a sequence that every successful website project follows and that every disappointing one violates. It is not a sequence that requires technical expertise to understand or implement. It is a sequence that reflects a straightforward commercial logic that any business owner can grasp immediately once it is explained clearly. The sequence is this: planning must come before design. Not alongside design, not shortly after design begins, but before the first visual decision is made. Understanding why planning comes before design is understanding the foundational principle that determines whether a web design investment produces the commercial outcomes it was intended to produce.

This guide makes the complete and specific case for this sequencing principle, explaining the commercial logic behind it, the specific consequences of violating it, and what it means practically for businesses in Kenya and across Africa who are about to invest in their online presence.

The Architect and Builder Analogy: Why Every Construction Industry Understands This

The most immediately intuitive way to understand why planning comes before design is through an analogy that every business owner already accepts without question in another context.

When a business in Nairobi commissions the construction of new office premises, no one suggests that the builders should begin laying foundations and erecting walls before the architect has produced drawings. The idea would seem absurd. Building without drawings means building without a clear picture of what the finished structure should be, which means discovering during construction that the foundation was laid in the wrong position, the load-bearing walls were not accounted for, or the electrical infrastructure was not planned to accommodate the actual power requirements. Each of these discoveries during construction rather than during planning multiplies the cost of correction by the ratio of work that must be undone and redone.

Every participant in the construction process, the client, the architect, the engineer, the builder, accepts this sequencing as self-evident because the consequences of violating it are visibly and obviously catastrophic. Foundation mistakes are expensive. Structural mistakes are more expensive. Mistakes discovered after the building is occupied are the most expensive of all.

Web design follows exactly the same logic but the consequences of violating the planning-before-design sequence are less visually obvious, which is why the violation is so much more common. A website built without adequate planning looks like a website. It may even look like a good website. But it is a website built on foundations whose inadequacy will reveal itself progressively through poor commercial performance, excessive revision cycles, scope escalation, and eventually the need for a partial or complete rebuild that would not have been necessary if the planning had been adequate at the outset.

Why planning comes before design is why architecture comes before construction: because the decisions made in planning determine the correctness of everything built on them, and incorrect foundational decisions are always more expensive to correct after the building has begun than before it.

What Planning Actually Produces That Design Cannot Produce Itself

To understand why planning comes before design fully, it is essential to understand what planning produces that design, regardless of its quality, cannot produce on its own. This is not a competition between equally valid starting points. Planning and design produce fundamentally different outputs that serve different functions in the project, and each is necessary but neither is sufficient without the other.

Planning produces commercial clarity: a documented understanding of what the website needs to achieve in specific, measurable commercial terms. Which customers it is designed to attract and convert. What specific actions it needs to motivate visitors to take. What specific doubts and concerns it needs to address to build sufficient trust for those actions to occur. What competitive positioning it needs to establish. And what specific performance metrics will determine whether it has succeeded or failed.

This commercial clarity is not something that can be generated by looking at design mockups. A designer presented with a brief to design a professional website for a Kenyan web design company will produce professional work that reflects their understanding of what professional Kenyan web design companies look like. But they cannot produce work that is specifically calibrated to the specific commercial situation of this specific business with its specific competitive context, its specific target client profile, and its specific conversion requirements, unless that information has been developed and communicated through planning.

Design produces visual and experiential clarity: a specific, rendered expression of how the website will look, how visitors will navigate it, how content will be organised within each page, and what the overall impression of the brand will be. This visual and experiential clarity is valuable and necessary. But it is valuable and necessary only after the commercial clarity that planning produces has established the criteria against which the design can be evaluated.

Without commercial clarity from planning, design cannot be evaluated against any meaningful criterion. Is this homepage design correct? Correct relative to what? If there is no documented understanding of who the target visitor is and what they need to see in the first seconds to stay engaged, there is no basis for evaluating whether the design serves that need or not. The evaluation defaults to aesthetic preference, which is an unreliable guide to commercial effectiveness.

This is why planning must come before design: because design without prior planning cannot be evaluated against commercial criteria, which means the entire design process is operating without a feedback mechanism that connects visual decisions to commercial outcomes.

The Specific Sequence: What Must Be Known Before Design Begins

Understanding why planning comes before design in principle is most practically useful when it is translated into the specific information that must be established before design work can productively begin. This specific information is what the planning stage is responsible for producing.

The commercial objectives of the website must be documented before design begins. Not in general terms but in the specific, measurable terms that define success: what conversion rate is the website designed to achieve, what organic search visibility is it expected to produce, what specific audience segment is it designed to attract. These objectives are what every subsequent design decision will be evaluated against, and without them the design process has no evaluative standard.

The target audience must be defined with the specificity that guides design decisions. Not Kenyan businesses in general but the specific type of business, at the specific stage of development, with the specific needs and concerns, that represents the highest commercial priority for this specific web design company. The visual quality this audience expects, the trust signals that will persuade them, the tone that will resonate with them, and the conversion actions they will be most comfortable with are all design requirements that flow from audience specificity.

The content strategy must be established before design begins because the design must accommodate the content rather than the content being forced into a pre-existing design. A homepage design that allocates a specific space for three testimonials cannot accommodate five testimonials without redesign. A service page layout designed around short service descriptions does not work well with long detailed descriptions without structural revision. Content drives layout requirements, which is why the content strategy must be established before the layout is designed.

The information architecture, the structure of pages, the navigation system, and the organisational logic of the website, must be planned before visual design begins. Visual design applied to a poorly planned information architecture produces a beautiful but structurally inadequate website. Visual design applied to a well-planned information architecture produces a beautiful and structurally sound one. The architecture is the foundation on which the design sits, and foundations must be established before the structure they support is built.

The SEO keyword strategy must inform the information architecture and content planning before design begins. As we explored in our guide on SEO basics every business should know, many of the most important SEO factors are architectural decisions that are most efficiently integrated into the website from the planning stage and most expensively retrofitted after the website is built. Planning enables this integration. Skipping planning typically means skipping the SEO integration that would have produced the best long-term organic search performance.

What Happens When Design Comes Before Planning

The most vivid way to understand why planning comes before design is to trace what actually happens when the sequence is reversed and design begins before planning has produced the commercial clarity that design requires.

The designer begins work with the information available, which typically consists of the business’s general description, its existing visual identity if one exists, and whatever can be gleaned from the initial briefing conversation. The designer is skilled and professional. They produce design work that reflects the best understanding they can develop from available information. The homepage is visually polished. The service pages look professional. The overall impression is positive.

The design is presented to the client. And here the sequence reversal reveals its cost. The client, seeing the design for the first time, realises that the homepage headline does not address their most commercially important target audience segment. The service page layout does not work well with the detailed service descriptions they had planned. The navigation structure groups services in a way that reflects the designer’s assumptions but not the business’s actual service organisation. The trust signals featured prominently are not the ones most likely to persuade the specific clients the business most wants to attract.

The revisions begin. Some are cosmetic and quick. But others require fundamental redesign: restructuring the information architecture to reflect the actual service organisation, redesigning the homepage to serve the actual target audience with the actual commercial message, repositioning the trust signals to serve the actual conversion journey. Each of these fundamental revisions requires work that is not a refinement of the original design but a replacement of it, which means that a significant proportion of the original design investment was spent on work that has been or will be discarded.

This revision spiral is not the designer’s failure. It is the direct commercial consequence of beginning design before planning had established the commercial clarity that design requires to be correct in the first place. Our guide on website planning mistakes to avoid catalogs the specific planning gaps that most commonly produce these expensive revision spirals and is worth reading alongside this guide for a complete picture of how planning prevents the most expensive web design project failures.

How Planning Before Design Produces Better Commercial Results

Beyond preventing the waste and rework that violate the planning-before-design sequence produces, why planning comes before design is also understood through the positive commercial quality that the correct sequence produces.

A website designed after comprehensive planning is a website designed with a complete picture of who it is designed to serve and what it needs to achieve for them. The homepage headline is specifically written for the most commercially important target visitor because the planning stage established specifically who that visitor is and what they need to hear to stay engaged. The trust signals are specifically selected and positioned to address the specific doubts that the specific target audience is most likely to carry because the planning stage established what those doubts are. The calls to action are specifically framed around the specific conversion actions that the planning stage identified as most commercially important.

This specific calibration of design to commercial requirements is only possible when the commercial requirements have been established through planning before the design begins. And this calibration is what distinguishes websites that genuinely generate commercial outcomes, more enquiries, more customers, better quality leads, from websites that simply look professional without producing commercial results proportionate to their visual quality.

For businesses in Kenya and across Africa where the digital investment in a professional website represents a meaningful commercial commitment, this quality difference is commercially significant. A website that costs the same to design and build but that produces two to three times as many qualified enquiries because its design is specifically calibrated to its commercial requirements through prior planning produces a commercial return on investment that is two to three times greater. The planning investment that enabled this calibration is recovered many times over through the commercial improvement it made possible.

Planning Does Not Prevent Creativity: It Directs It

One of the most common resistances to the principle that why planning comes before design is the concern that comprehensive planning constrains the designer’s creativity, turning the design process into a mechanical exercise of implementing specified requirements rather than a creative exercise of developing original solutions.

This concern misunderstands the relationship between planning and creativity in professional design work. Planning does not specify the design. It specifies the requirements that the design must meet. The creative challenge of meeting specific, well-defined requirements is not less creative than working in the absence of requirements. In fact, it is often more creatively demanding because the specific constraints of real requirements force more original thinking than the open canvas of undefined requirements.

A designer briefed to create a homepage that establishes immediate relevance for a specific target audience, builds initial credibility through specific trust signals, and provides a clear conversion path to a WhatsApp contact has a specific creative challenge: how to achieve these specific commercial outcomes with maximum visual quality and design originality. The requirements do not determine the visual solution. They define the criteria against which the visual solution will be evaluated.

A designer briefed only to create a professional homepage for a web design company in Kenya has an apparently less constrained brief. But the absence of specific commercial requirements means that the design can only be evaluated against generic professional standards rather than against the specific commercial effectiveness standards that determine whether the website actually grows the business. The apparently creative freedom of the less specified brief produces less commercially effective design, not more.

Planning before design is what enables creativity to serve commercial outcomes rather than existing independently of them. The planning stage establishes the specific commercial requirements that design must serve. The design stage develops the most creative, most visually compelling, most distinctively original way to serve those requirements. This is the correct and commercially optimal relationship between planning and design.

The Practical Expression of This Principle for African Businesses

Why planning comes before design translates into specific practical implications for businesses in Kenya and across Africa who are about to commission a web design project or who are evaluating whether their current website project is following the correct sequence.

The first practical implication is that any web design company that is willing to begin visual design work without first conducting a thorough discovery and planning process is a company that is not working in the client’s best commercial interest, regardless of how keen they are to demonstrate quick progress. Speed to visual deliverables is not a virtue in a web design project. Correctness of visual deliverables is. And correctness requires prior planning.

The second practical implication is that the business owner must be a genuine participant in the planning stage rather than a passive observer who delegates planning to the designer. The commercial goals of the website, the specific target audience profile, the content strategy, and the stakeholder alignment conversations that planning requires all depend on the business owner’s specific knowledge of their business, their market, and their customers. A planning stage conducted without deep client participation produces a strategy that is professionally adequate but not specifically calibrated to the business’s actual commercial situation.

The third practical implication is that the planning stage outputs, specifically the documented strategy, information architecture, and content plan, should be reviewed and approved by all relevant stakeholders before design work begins. This review is the mechanism by which the planning stage produces its full commercial value: ensuring that all parties are aligned on the direction before work begins rather than discovering misalignment during expensive revision cycles.

At AfricanWebExperts, we have built our entire project process around the principle that planning must come before design. Our discovery and strategy stage produces documented outputs that are reviewed and approved by every relevant stakeholder before any visual design begins. This sequence is not procedural formality. It is the commercial foundation on which the quality of everything we deliver is built.

Frequently Asked Questions

How long should the planning stage take before design begins?

The planning stage for a standard business website should take between one and two weeks of focused work for both the design partner and the business owner. Larger and more complex projects warrant proportionally more planning time. The most important criterion is not the duration but the completeness of the planning outputs: the strategy documentation, the information architecture, the content plan, and the stakeholder alignment must all be at a quality level that provides clear and unambiguous design direction before work begins. Rushing the planning stage to meet an artificial design start date is the most reliably expensive shortcut available in web design.

Is it possible to start design and planning simultaneously?

Some parallel working is possible and efficient at the margins: initial visual exploration of brand direction can happen while information architecture is being finalised, for example. But the core design decisions, specifically the homepage layout, the service page architecture, the navigation system, and the visual hierarchy that determines how visitors move through the website, should not be finalised before the planning that determines their requirements is complete. Parallelising design and planning at the core decision level produces design that must be substantially revised as the planning clarifies what the requirements actually are, which is the expensive revision spiral that sequential planning and design prevents.

What should I do if a designer presents me with design work before completing the planning stage?

The most commercially protective response is to pause before providing feedback on the design work and instead focus the conversation on completing the planning activities that should have preceded the design. Providing detailed feedback on a design that was produced before the planning established what the design should achieve may lock both parties into a direction that subsequent planning reveals to be incorrect, which means the feedback-driven revisions are building on the same incorrect foundation. It is more efficient to establish the correct strategic foundation first and then evaluate the design against it, even if this requires the designer to revisit work already done.

How do I explain to my board or senior stakeholders why the project is not yet showing visible design progress?

The most effective explanation is the architecture analogy: just as building without architectural drawings produces a building whose foundations may need to be torn up when errors in the undrawn plan are discovered, designing without strategic planning produces designs whose direction may need to be fundamentally redirected when errors in the unplanned strategy are discovered. The planning investment produces visible progress in the form of strategy documents and information architecture maps, even if it does not produce design mockups. And the quality of the design that follows a comprehensive planning stage is consistently better, faster, and less prone to expensive revision than design that begins without it.

Does this principle apply to small website updates as well as complete redesigns?

The principle applies to all web design projects but scales with their complexity. A minor content update to an existing page may require only a brief review of the update’s purpose and appropriateness before implementation. A more significant addition of new service pages or a new website section benefits from a brief planning conversation about the audience, the commercial purpose, and the content requirements before design begins. A complete redesign requires the full planning process described throughout this guide. The principle is constant. The depth of its application scales with the commercial significance of the work.

Planning Is Not the Delay. Skipping It Is.

The final insight about why planning comes before design is the reframing of what delay actually means in a web design project. The temptation to skip or minimise planning is driven by the perception that planning delays progress. In reality, inadequate planning is the most reliable generator of delay in web design projects, through the revision cycles, the scope expansions, the content emergencies, and the fundamental redesigns that planning prevents and that its absence makes inevitable.

The planning stage that feels like a delay before the exciting visual work begins is actually the investment that prevents the much longer delays of reactive correction and expensive rework. The business owner who invests properly in planning before design begins is not choosing delay. They are choosing the fastest reliable path to a website that works commercially, by preventing the expensive detours that inadequate planning makes unavoidable.

At AfricanWebExperts, this is the understanding that shapes every project we deliver for businesses across Kenya and Africa. We invest genuinely in planning before design because we understand that the quality of our planning is the foundation on which the quality of everything we build is constructed, and our clients deserve that foundation to be as strong as it can be.

👉 Get your free quote on WhatsApp and let us show you what a properly sequenced website project looks like from the very first conversation.

Or visit our Contact page and one of our experts will be happy to start that conversation with you.