{"id":7972,"date":"2026-08-01T00:27:21","date_gmt":"2026-08-01T00:27:21","guid":{"rendered":"https:\/\/dextora.agency\/insights\/from-brief-to-launch-how-website-development-works\/"},"modified":"2026-08-01T08:35:18","modified_gmt":"2026-08-01T08:35:18","slug":"from-brief-to-launch-how-website-development-works","status":"publish","type":"insight","link":"https:\/\/dextora.agency\/en\/insights\/from-brief-to-launch-how-website-development-works\/","title":{"rendered":"From Brief to Launch: How Website Development Actually Works From the Inside"},"content":{"rendered":"<p>For a client, building a website usually looks like a black box. A brief and a deposit go in; a link comes out a few months later. What happened inside, why it cost exactly that much, and why some stages flew past in a week while others dragged on for a month, all remains a mystery.<\/p>\n<p>Here is the process from the inside: what actually happens at each stage, how long it takes and, most importantly, at which moments the project depends not on the agency but on the client.<\/p>\n<h2>Stage 1. The brief and what really surfaces<\/h2>\n<p>A brief is rarely about the website. It is about the business: who pays, for what, how much it costs to acquire a customer, what is blocking sales right now. The site is only an instrument, and until it is clear which problem it solves, discussing colours is pointless.<\/p>\n<p>Three uncomfortable questions are worth asking at this stage:<\/p>\n<ul>\n<li>What has to happen for you to call this project a success a year from now? &#8220;A beautiful website&#8221; does not count; a number is needed.<\/li>\n<li>Who makes the final call on design? If more than two people do, approvals will take twice as long.<\/li>\n<li>Where will the content come from? This is the single most common reason deadlines slip, and almost nobody thinks about it at the start.<\/li>\n<\/ul>\n<h2>Stage 2. Structure and wireframes<\/h2>\n<p>A wireframe is a page layout without colours, fonts or images. Deliberately grey and deliberately unattractive. The reason is simple: the moment design appears, the conversation slides towards shades of blue and the underlying logic goes unchecked.<\/p>\n<p>Wireframes settle which blocks appear on a page, in what order, what a visitor sees first and where every button leads. This is the cheapest stage for changes. Moving a block in a wireframe takes fifteen minutes. Moving the same block after front-end work is a day of three people&#8217;s time.<\/p>\n<h2>Stage 3. Design<\/h2>\n<p>Design does not start with the homepage. It starts with a system: grid, typography, colour, states for buttons and fields. Screens are then assembled from that system. This order produces predictable results and saves time during build.<\/p>\n<p>This is also where mobile behaviour is decided. Not &#8220;we will shrink it later&#8221;, but separate layouts: a different block order, different navigation, different sizes. More than half your traffic usually arrives from there.<\/p>\n<h2>Stage 4. Build and development<\/h2>\n<p>The build turns layouts into working pages. Development adds what layouts do not show: the admin area, forms, <a href=\"https:\/\/dextora.agency\/en\/insights\/integrations-connecting-website-crm-warehouse\/\">integrations<\/a>, multiple languages, performance.<\/p>\n<p>This is where questions surface that looked trivial during design. What do we show if a block has one card instead of three? What happens when a heading is longer than the mock-up? What does an empty state or an error look like? A good agency raises these in advance; a poor one decides alone, and it gets rebuilt later.<\/p>\n<h2>Stage 5. Content and testing<\/h2>\n<p>The most underestimated stage. A site assembled on Lorem ipsum and a site with real copy are two different sites. Real headlines are longer, real photos are the wrong aspect ratio, real descriptions do not fit the space allowed.<\/p>\n<p>Testing covers what a demo never shows: behaviour across browsers and screen sizes, form handling, email delivery, load speed, keyboard accessibility.<\/p>\n<h2>Stage 6. Launch and the first weeks<\/h2>\n<p>Launch is not the end. It is the point at which data starts arriving. Over the first two weeks you collect real numbers: where people come from, where they close the page, which forms they abandon halfway. That is when you see which assumptions held.<\/p>\n<h2>How long it takes<\/h2>\n<table>\n<thead>\n<tr>\n<th>Stage<\/th>\n<th>Duration<\/th>\n<th>What is needed from the client<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td>Brief and research<\/td>\n<td>1-2 weeks<\/td>\n<td>Access to data, time for meetings<\/td>\n<\/tr>\n<tr>\n<td>Structure and wireframes<\/td>\n<td>1-2 weeks<\/td>\n<td>Careful approval, not &#8220;looks fine&#8221;<\/td>\n<\/tr>\n<tr>\n<td>Design<\/td>\n<td>3-5 weeks<\/td>\n<td>Photos, logo, brand guide, one decision maker<\/td>\n<\/tr>\n<tr>\n<td>Build and development<\/td>\n<td>4-8 weeks<\/td>\n<td>Access to hosting, domain, email<\/td>\n<\/tr>\n<tr>\n<td>Content and testing<\/td>\n<td>1-3 weeks<\/td>\n<td>Finished copy and images<\/td>\n<\/tr>\n<tr>\n<td>Launch<\/td>\n<td>2-5 days<\/td>\n<td>A decision on the date<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p>Ten to twenty weeks in total for a typical corporate website. The spread is wide because of the right-hand column: deadlines are rarely missed by developers, they are missed waiting for content and approvals.<\/p>\n<h2>Where projects get stuck most often<\/h2>\n<ul>\n<li><strong>Content.<\/strong> Copy is promised &#8220;next week&#8221; and arrives two months later. The fix: write in parallel with design, not after it.<\/li>\n<li><strong>Vague approval.<\/strong> &#8220;Broadly good, but something feels off&#8221; cannot be actioned. Specific points are required.<\/li>\n<li><strong>New stakeholders mid-project.<\/strong> Someone seeing the designs for the first time during build almost always reopens the discussion from scratch.<\/li>\n<li><strong>Out-of-sequence changes.<\/strong> Restructuring after design sign-off does not cost &#8220;a bit more&#8221;, it costs several times more.<\/li>\n<li><strong>Access credentials.<\/strong> <a href=\"https:\/\/dextora.agency\/en\/insights\/business-hosting-what-to-choose-where-not-to-save\/\">Hosting<\/a>, domain, email, analytics. Finding the person who registered them five years ago can take weeks.<\/li>\n<\/ul>\n<h2>What genuinely speeds a project up<\/h2>\n<p>Not adding people to the team. What helps is different:<\/p>\n<ul>\n<li>One person on the client side with authority to decide.<\/li>\n<li>Content at least 70% ready before design begins.<\/li>\n<li>Feedback as a single consolidated list, not one message at a time across a week.<\/li>\n<li>An honest &#8220;I do not know&#8221; instead of guesses about your own business.<\/li>\n<li>An agreement that minor notes are collected and shipped as a batch after launch.<\/li>\n<\/ul>\n<h2>Questions worth asking your agency<\/h2>\n<p>Asked before signing, these save more than negotiating the price:<\/p>\n<ul>\n<li>What is included in the quote and what is billed separately?<\/li>\n<li>How many rounds of revisions are budgeted at each stage?<\/li>\n<li>Who writes the copy, and is it in the budget?<\/li>\n<li>What happens after launch: is there support, what does it cost, what are the response times?<\/li>\n<li>Who owns the design source files and the code?<\/li>\n<\/ul>\n<p>Website development stops being a black box the moment both sides understand which decisions are made at which stage and what they cost. Everything after that is just work, and work gets done predictably.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Website development from the inside: what happens at each stage, how long it takes, where projects get stuck most often, and which questions to ask your agency before signing.<\/p>\n","protected":false},"author":5,"featured_media":7968,"template":"","insight_category":[154],"insight_tag":[168,160,162],"class_list":["post-7972","insight","type-insight","status-publish","has-post-thumbnail","hentry","insight_category-guides","insight_tag-business-process","insight_tag-ui-ux-design","insight_tag-web-development"],"acf":[],"_links":{"self":[{"href":"https:\/\/dextora.agency\/en\/wp-json\/wp\/v2\/insight\/7972","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dextora.agency\/en\/wp-json\/wp\/v2\/insight"}],"about":[{"href":"https:\/\/dextora.agency\/en\/wp-json\/wp\/v2\/types\/insight"}],"author":[{"embeddable":true,"href":"https:\/\/dextora.agency\/en\/wp-json\/wp\/v2\/users\/5"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/dextora.agency\/en\/wp-json\/wp\/v2\/media\/7968"}],"wp:attachment":[{"href":"https:\/\/dextora.agency\/en\/wp-json\/wp\/v2\/media?parent=7972"}],"wp:term":[{"taxonomy":"insight_category","embeddable":true,"href":"https:\/\/dextora.agency\/en\/wp-json\/wp\/v2\/insight_category?post=7972"},{"taxonomy":"insight_tag","embeddable":true,"href":"https:\/\/dextora.agency\/en\/wp-json\/wp\/v2\/insight_tag?post=7972"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}