How Web Development Works: 7 Steps from First Call to Launch

Earlier this year, the owner of a mid-size logistics company in Prague-East sat across from us with a folder of printouts. Screenshots of a half-built website. Emails with excuses about delays. An invoice for 180,000 CZK and nothing to show for it except a staging link that loaded a broken homepage.

Her previous agency had started the project eight months earlier. There was no timeline. No milestone approvals. No structured process. Just vague weekly updates that said things like "making progress on the backend" and "design is almost finalized." She never saw a wireframe. She never approved a sitemap. One day the project manager stopped responding, and the agency offered a "discounted restart" to fix what they had built.

She was understandably nervous when she contacted us. Her first question was not about price or technology. It was: "Can you just tell me exactly what will happen and when?"

We could. Because every project at Kosmoweb follows the same seven steps. Not because we are rigid, but because structure is what prevents the chaos she had been through. Eight weeks after that first conversation, her site was live. She told us afterward that the process itself, not just the result, was the best part.

This post walks through those seven steps in detail. What happens at each stage, what you see and approve as a client, how long each phase takes, and where things can go wrong if the process breaks down. Whether you are planning a new website, a redesign, or your first web project ever, this is the map.

One honest note upfront: not every project needs all seven steps. A single landing page skips some of the heavier phases. A complex web application might add sub-steps within development. But for a typical corporate website with 10-30 pages, custom design, and proper SEO setup, this is the process that works.

Step 1: Free consultation (30 minutes)

Every project starts with a conversation. Not a sales pitch. A conversation.

This is a 30-minute call or in-person meeting where we figure out whether we are the right fit for each other. We ask about your business, your goals for the website, your timeline, and your budget range. You ask us whatever you want. There is no commitment, no pressure, and no follow-up email sequence if you decide to go elsewhere.

Here is something we tell every prospect: we are not the right fit for everyone. If you need a simple one-page site for 20,000 CZK, there are cheaper options that will serve you well. We will recommend them. There is no point paying for custom web development when your situation does not require it. Honesty at the start saves time for both sides.

If the call goes well, we send a detailed proposal within three business days. Fixed price for a clearly defined scope. Not "from 50,000 CZK" with no upper limit. A specific number for a specific deliverable.

What you see: A proposal with itemized phases, price per phase, and total timeline.

What you approve: Project scope and budget.

Step 2: Strategy and sitemap

This is where most agencies cut corners, and it is where most project failures originate.

Before anyone opens a design tool or writes a line of code, we need to know what we are building and why. Who are your target customers and what are they looking for? What action should a visitor take on the site? Which pages do you need and how do they relate to each other? Where will the main entry points from search engines be?

The output is a sitemap — a complete map of every page with hierarchy and relationships. But not just a list of pages. For each page, we define its purpose (informational, conversion, support), its primary SEO keywords, and the action we want from visitors.

If we are replacing an existing site, we also map all redirects during this phase. Every old URL with traffic or backlinks gets a new equivalent. Skipping this step costs businesses months of lost organic traffic. We have seen it happen many times and cover it in detail in our technical SEO checklist.

What you see: A visual sitemap and strategy document defining goals for every page.

What you approve: Site structure, page count, and purpose. This is the last moment when structural changes cost nothing.

Typical duration: 3-5 business days.

Step 3: Wireframing

A wireframe is a structural blueprint. Black and white. No colors, no images, no final text. Just layout, hierarchy, and content placement.

Why do we do this? Because discussing content placement is easier when nobody is distracted by colors. When a client sees a colorful design, attention naturally shifts to visual details. A wireframe forces everyone to focus on what matters: is the right information in the right place?

Every wireframe uses real or near-real content. No Lorem ipsum. Placeholder text masks problems that appear when you write an actual 80-character headline instead of five words of filler. We work with real content from the start because content drives design, not the other way around.

We build wireframes in Figma as interactive prototypes you can click through. Not static images — navigable flows where you experience the site structure before any visual design begins.

What you see: Interactive wireframes for each unique page template, with annotations explaining every layout decision. Desktop and mobile versions.

What you approve: Content structure and layout for every page. After wireframe approval, only the visual style changes — not what goes where.

Typical duration: 3-5 business days including one round of revisions.

Step 4: UI design in Figma

Now the wireframes get dressed. Colors, typography, imagery, brand identity. This is where the site stops looking like a blueprint and starts looking like yours.

Our design process starts with a component system — colors, type scale, buttons, form elements, cards. We build pages from these components, ensuring consistency across the entire site and significantly speeding up development later.

Every design is responsive from the start. We do not design for desktop and then "somehow" shrink it to mobile. Desktop and mobile are designed in parallel because 50-70% of visitors to most business sites come from mobile devices. UI/UX must work on both.

Two rounds of revisions are included in the price. Usually one is enough. When client and designer align on wireframes in step 3, design typically clicks quickly because the structural questions are already resolved.

Honest note: sometimes a client wants a design that we believe will not work. Dark background with gray text because it "looks sophisticated." Animation on every element because they saw it on a Silicon Valley startup's site. In those cases, we speak up directly. The client has the final word, but our job is to flag risks. We do not say "sure, we will do whatever you want" because that is not service — it is abdication.

What you see: Full-fidelity Figma designs with interactive prototypes. Desktop and mobile.

What you approve: Visual style, colors, typography, and overall feel.

Typical duration: 5-8 business days including two rounds of revisions.

Step 5: Development

Design approved. Now we build it. We develop most projects on Nuxt (Vue.js), which gives us full control over performance, SEO, and scalability from the first line of code.

Development follows agile principles. The client does not see results only after three weeks — they see progress continuously. Usually within the first week, we make a staging version available at a temporary URL where the client can watch the site come together in real time.

During development, we handle several things in parallel: frontend implementation matching the Figma designs, backend and integrations (forms, CRM, analytics, CMS), performance optimization including Core Web Vitals, and technical SEO setup (structured data, meta tags, sitemap, robots.txt, hreflang).

We target a PageSpeed Insights score of 90+ on mobile. Not because it looks good in a report, but because speed directly affects conversion rates. Every extra second of load time costs roughly 7% in conversions. For a site generating leads worth hundreds of thousands of CZK, that is real money lost.

More detail on the technical side of web development is available on our service page.

What you see: A live staging site with access via link. Updates at least twice weekly.

What you approve: Functionality of individual components and overall site status before moving to content.

Typical duration: 8-12 business days.

Step 6: Content and SEO setup

A website without content is an empty building. Many clients underestimate this phase. Text, photos, logos, references — everything must be ready before launch.

What happens in this phase: all text is finalized and placed on the site, content is optimized for search engines (title tags, meta descriptions, heading hierarchy, internal linking), analytics are configured (GA4, Search Console), all images are compressed and optimized, SEO structured data is implemented (Organization, LocalBusiness, BreadcrumbList, FAQPage), and hreflang tags are verified for multilingual sites.

SEO is not a phase we add at the end. It is part of the entire process from step 2. But in this phase we do the final SEO audit: checking that no page has duplicate meta tags, that internal links go where they should, and that structured data is valid. If you are curious about what a good website at a fair price includes from an SEO perspective, check our detailed overview.

What you see: The site with real content in the staging environment. An SEO report with setup overview.

What you approve: Final content on the site. This is the last check before testing.

Typical duration: 3-5 business days (depends on how quickly the client provides content).

Step 7: Testing and launch

The last step. And one of the most important. Launching a website without thorough testing is like opening a shop without checking that the cash registers work.

We test systematically. Functional testing: every form, every link, every button. Cross-browser testing: Chrome, Firefox, Safari, Edge — desktop and mobile. Responsiveness: real devices, not just browser resize. Performance: PageSpeed Insights, Lighthouse audit, Core Web Vitals check. SEO: structured data validation, robots.txt, sitemap verification, indexability test. Accessibility: color contrast, keyboard navigation, image alt text.

After internal testing, we hand the site to the client for final verification. The client gets 2-3 business days to walk through the site and report issues. We fix them and agree on a launch date.

We always launch Tuesday through Thursday, never on Friday. If something goes wrong after launch, we want working days to respond. DNS propagation, caching, unexpected issues — all need attention in the first 24-48 hours.

Post-launch: we submit the sitemap to Google Search Console, verify indexing of key pages, set up uptime and performance monitoring. For the first 14 days, we actively monitor the site and resolve anything that comes up. Learn more about what a quality website should include from a web design perspective on our SEO page.

What you see: The finished site on the final domain. Testing report. Access credentials for all tools.

What you approve: The final site and launch date.

Typical duration: 3-5 business days.

Timeline summary

Important: this table shows a typical 8-15 page corporate website. Simpler sites can be faster (4-5 weeks), more complex projects with e-commerce or client portals take longer (10-14 weeks). You will get the exact timeline in our proposal after the first call. For detailed pricing by project type, see our article on how much a website costs or our pricing page.

What can go wrong

We will not pretend every project goes smoothly. It does not. Over years of work, we have seen patterns that reliably slow down or derail projects. Most are not technical.

The client does not deliver content. Number one by far. The site is technically ready but waiting for text. A week, two weeks, a month. The project stretches not because the agency is behind, but because the client underestimated how much time content preparation takes. We flag this in step 1 and set clear deadlines. If you know text will be a problem, order copywriting upfront.

Too many decision-makers. When the owner, marketing director, sales director, and assistant all approve design, everyone has a different opinion and nobody has the final word. The result is a compromise that satisfies no one. The proven model: one person on the client side has decision authority.

Scope changes mid-project. "What if we added a blog? And a calculator? And a video section?" We understand — ideas come. But every scope change pushes the deadline and increases the price. That is why we have clearly defined scope in the proposal. We write down ideas and address them as phase 2 after launch.

Unrealistic SEO expectations. A new website will not appear on Google's first page the day after launch. SEO is a long game. Realistically, it takes 3-6 months for a new site to settle in search results. We set the technical foundations for the best possible starting position, but we do not promise miracles.

Choosing an agency on price alone. The cheapest quote is not the best quote. We have seen dozens of projects where the client picked the cheapest agency, got a poor site, and paid again a year later. Double the cost, lost time. Our pricing overview shows transparently what you get at each level.

Ignoring the site after launch. A website is not a set-and-forget project. It needs updates, new content, performance monitoring, and ongoing improvement. Companies that neglect their site after launch end up back at the warning signs described in our article about when your site needs a redesign.

Frequently asked questions

How long does web development take?

A typical corporate site with 8-15 pages takes 6-8 weeks from contract to launch. Simpler projects: 4-5 weeks. More complex (e-commerce, multilingual, web application): 10-16 weeks. The most common delay is not on our side — it is waiting for content from the client. If your text and photos are ready, we keep the schedule. More about web development phases on our service page.

What do I need to prepare?

Ideally before starting: text for main pages (at least in bullet points), logo in vector format (SVG or AI), photos (company, product, team), access to domain and hosting, access to Google Analytics and Search Console (if they exist), and a contact for the person with decision-making authority. Do not have all of it? That is fine — we will discuss what you can prepare yourself and where we can help on the first call.

What if I don't like the design?

This is exactly why steps 3 and 4 exist. Each step includes two rounds of revisions in the price. If you do not like the content layout, you say so during wireframes and we fix it before design begins. If you do not like the visual style, you say so during design and we adjust before development starts. The key: problems are solved early, when changes are fast and cheap. If you want maximum control over the design process, start with our guide on creating a design brief.

The bottom line

No step in web development is mysterious. Each can be explained in plain language. And every client has the right to know what is happening with their money and their project.

If you are considering a new website or a redesign of your current one and want to know what it would look like for your business specifically, reach out. The first 30 minutes of consultation are free and no-commitment. We will tell you honestly whether you need a new site, what it will cost, and how long it will take. And if you do not need one, we will tell you that too.

Schedule a free consultation and find out how the process would work for your project.