{"id":20285,"date":"2026-08-21T10:43:13","date_gmt":"2026-08-21T10:43:13","guid":{"rendered":"https:\/\/boldizart.com\/izrada-sajta-i-saradnja-sa-web-agencijom-7-koraka\/"},"modified":"2026-09-17T16:09:05","modified_gmt":"2026-09-17T16:09:05","slug":"how-website-development-works-in-7-steps","status":"publish","type":"post","link":"https:\/\/mail.boldizart.com\/en\/how-website-development-works-in-7-steps\/","title":{"rendered":"How Website Development Works: 7 Steps from First Contact to Launch"},"content":{"rendered":"<!DOCTYPE html PUBLIC \"-\/\/W3C\/\/DTD HTML 4.0 Transitional\/\/EN\" \"http:\/\/www.w3.org\/TR\/REC-html40\/loose.dtd\">\n<?xml encoding=\"utf-8\" ?><html><body><p class=\"wp-block-paragraph\">One of the most common reasons business owners put off getting a new website isn&rsquo;t the cost. It&rsquo;s not the time, either.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">More often, it&rsquo;s simply because they don&rsquo;t know what to expect &ndash; what the website development process actually looks like and what it&rsquo;s like to work with a web agency<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p class=\"wp-block-paragraph\">What happens after you send an enquiry? Who does what? How long does a website take to build? Do you have to write all the copy and come up with the design yourself? What happens if you don&rsquo;t like the result? And what happens when the website is finally ready to go live?<\/p>\n<\/blockquote>\n\n\n\n<p class=\"wp-block-paragraph\">Without answers to these questions, the whole process can seem much more complicated than it really is.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">That&rsquo;s why in this article, we&rsquo;ll walk you through the 7 steps of building a website and working with a web agency &ndash; from the first conversation to the moment your new website goes live.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The goal is simple: you should know what you can expect from us, what we need from you, and what working with us looks like from start to finish.<\/p>\n\n\n\n<div class=\"wp-block-rank-math-toc-block\" id=\"rank-math-toc\"><h2>Table of Contents<\/h2><nav><div><div class=\"\"><a href=\"#korak-1-upoznajemo-se-bez-obaveza\">Step 1: We Get to Know Each Other without Obligation<\/a><\/div><div class=\"\"><a href=\"#korak-2-ponuda-i-strategija\">Step 2: Proposal and Strategy<\/a><\/div><div class=\"\"><a href=\"#korak-3-ugovor-i-pocetak-rada\">Step 3: Contract and Getting Started<\/a><\/div><div class=\"\"><a href=\"#korak-4-dizajn-u-figmi-vidite-sajt-pre-nego-sto-postoji\">Step 4: Design in Figma &ndash; See Your Website Before It&rsquo;s Built<\/a><\/div><div class=\"\"><a href=\"#korak-5-programiranje-i-pracenje-napretka\">Step 5: Development and Progress Updates<\/a><\/div><div class=\"\"><a href=\"#korak-6-testiranje-i-tehnicka-priprema\">Step 6: Testing and Technical Preparation<\/a><\/div><div class=\"\"><a href=\"#korak-7-lansiranje\">Step 7: Launch<\/a><div><div class=\"\"><a href=\"#a-sta-je-sa-domenom-i-hostingom\">What About the Domain and Hosting?<\/a><\/div><\/div><\/div><div class=\"\"><a href=\"#sta-dobijate-nakon-izrade-sajta\">What Do You Get Once the Website Is Complete?<\/a><\/div><div class=\"\"><a href=\"#so-what-does-working-with-a-web-agency-actually-look-like\">So, What Does Working with a Web Agency Actually Look Like?<\/a><\/div><\/div><\/nav><\/div>\n\n\n\n<h2 id=\"korak-1-upoznajemo-se-bez-obaveza\" class=\"wp-block-heading\">Step 1: We Get to Know Each Other without Obligation<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Everything starts with a conversation.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">We arrange a meeting, either online or in person, where we get to know you, your business and your project.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">We&rsquo;ll talk about what you do, who your customers are, what you want your new website to achieve, and what kind of results you&rsquo;re expecting.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><s>This isn&rsquo;t a sales call where we try to sell you a predefined package.<\/s><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">First, we want to understand <strong>what you actually need.<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Sometimes, during the conversation, it becomes clear that we&rsquo;re not the right fit for each other, or that you need something different from what we offer at that particular stage of your business.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">And that&rsquo;s perfectly fine.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Even then, we&rsquo;ll do our best to give you practical advice and point you in the right direction. A conversation shouldn&rsquo;t only be valuable if it ends with us working together.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">If we believe there&rsquo;s a good basis for working together, we move on to the next step.<\/p>\n\n\n\n<h2 id=\"korak-2-ponuda-i-strategija\" class=\"wp-block-heading\">Step 2: Proposal and Strategy<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Within 24 hours of our meeting, you&rsquo;ll receive a proposal.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>But you won&rsquo;t just get a price.<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Along with the proposal, we&rsquo;ll provide an initial strategy: what we recommend, why we recommend it, what would be useful to do right away, what can wait, and what we don&rsquo;t think you need at all.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">You&rsquo;ll also receive a clear list of everything we need from you before we can get started.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Why is this important to us?<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Because a proposal shouldn&rsquo;t just be a number followed by a list of deliverables.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">We want you to understand from the beginning <s>what you&rsquo;re getting, why you need it, and how the proposed solution fits your business.<\/s><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">That way, you can make an informed decision rather than simply taking a chance.<\/p>\n\n\n\n<h2 id=\"korak-3-ugovor-i-pocetak-rada\" class=\"wp-block-heading\">Step 3: Contract and Getting Started<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">If you accept the proposal, the next step is the contract.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">It clearly defines everything we&rsquo;ve agreed on: the scope of the project, deadlines, responsibilities, pricing and ownership. <strong>Everything is in writing.<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">This protects both you and us.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">You know what to expect and when to expect it, and we know exactly what we&rsquo;re responsible for delivering.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">We don&rsquo;t start work without a contract.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">That&rsquo;s our rule, and so far, we&rsquo;ve found it to be good practice. <s>Clear expectations at the beginning usually mean fewer misunderstandings later.<\/s><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Once everything has been agreed and the contract has been signed, the project can begin.<\/p>\n\n\n\n<h2 id=\"korak-4-dizajn-u-figmi-vidite-sajt-pre-nego-sto-postoji\" class=\"wp-block-heading\">Step 4: Design in Figma &ndash; See Your Website Before It&rsquo;s Built<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">This is often the part of the process that clients are pleasantly surprised by.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Before a single line of code is written, we design the entire website in a tool called <em><a href=\"https:\/\/www.figma.com\/\" data-type=\"link\" data-id=\"https:\/\/www.figma.com\/\" target=\"_blank\" rel=\"noopener\">Figma<\/a><\/em>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">That means you don&rsquo;t have to imagine what your future website will look like; you&rsquo;ll actually see it.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The layout, colours, fonts, images, buttons, sections and individual pages can all be reviewed and refined before development begins.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1536\" height=\"1024\" src=\"https:\/\/boldizart.com\/wp-content\/uploads\/2026\/08\/Kako-izgleda-izrada-sajta-i-saradnja-sa-web-agencijom-Dizajn-u-Figmi-vidite-sajt-pre-nego-sto-postoji.jpg\" alt=\"Kako izgleda izrada sajta i saradnja sa web agencijom - Dizajn u Figmi - vidite sajt pre nego &scaron;to postoji\" class=\"wp-image-20207\" srcset=\"https:\/\/mail.boldizart.com\/wp-content\/uploads\/2026\/08\/Kako-izgleda-izrada-sajta-i-saradnja-sa-web-agencijom-Dizajn-u-Figmi-vidite-sajt-pre-nego-sto-postoji.jpg 1536w, https:\/\/mail.boldizart.com\/wp-content\/uploads\/2026\/08\/Kako-izgleda-izrada-sajta-i-saradnja-sa-web-agencijom-Dizajn-u-Figmi-vidite-sajt-pre-nego-sto-postoji-720x480.jpg 720w\" sizes=\"(max-width: 1536px) 100vw, 1536px\" \/><div class=\"image-copyright-author\"><a href=\"https:\/\/chatgpt.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Image credit: ChatGPT (AI)<\/a><\/div><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">This is important for one simple reason: <strong>making changes is much easier before development than after it.<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Want to change the colour of a button? Move a section? Rearrange the content? Try a different approach?<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">We can do all of that while the website is still in the design stage.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">This is also when you have the opportunity to give feedback, ask questions, and work with us towards the final visual direction.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><s>Only once you&rsquo;re happy with the design do we move on to development.<\/s><\/p>\n\n\n\n<h2 id=\"korak-5-programiranje-i-pracenje-napretka\" class=\"wp-block-heading\">Step 5: Development and Progress Updates<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Once the design has been approved, development begins.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">And there&rsquo;s one thing we consider particularly important here: <strong>you shouldn&rsquo;t have to wait until the end of the project to see what&rsquo;s happening.<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">We host the website on our development server and give you a link where you can follow its progress in real time.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">As pages are built, you can review them.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">You don&rsquo;t have to wait until the end for us to say, &ldquo;It&rsquo;s done,&rdquo; before seeing the result for the first time.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">If you notice something that doesn&rsquo;t match what we agreed on, or you have a question or suggestion along the way, you can raise it during the process.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">This makes the collaboration more transparent and makes potential changes much easier to handle.<\/p>\n\n\n\n<h2 id=\"korak-6-testiranje-i-tehnicka-priprema\" class=\"wp-block-heading\">Step 6: Testing and Technical Preparation<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Once the website is technically complete, we don&rsquo;t immediately launch it.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">First comes a testing and technical preparation phase that covers several important areas:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>how the website looks and functions across different devices &mdash; phones, tablets and desktops;<\/li>\n\n\n\n<li>how it behaves across different browsers;<\/li>\n\n\n\n<li>loading speed and opportunities for further optimisation;<\/li>\n\n\n\n<li>integration with tools such as Google Analytics, Facebook Pixel and any other agreed applications;<\/li>\n\n\n\n<li>essential legal pages, such as Terms of Use and Privacy Policy;<\/li>\n\n\n\n<li>a GDPR consent banner, where applicable;<\/li>\n\n\n\n<li>the basic SEO elements needed for a technically sound launch.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">We also take care of the initial technical SEO setup, including the sitemap, meta descriptions and submitting the website to Google for indexing.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The goal of this phase isn&rsquo;t simply to make sure the website &ldquo;works.&rdquo;<br><strong>The goal is to make sure it&rsquo;s technically sound, fast, functional, and ready to be published.<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Only after we&rsquo;ve completed these checks is the website ready to launch.<\/p>\n\n\n\n<h2 id=\"korak-7-lansiranje\" class=\"wp-block-heading\">Step 7: Launch<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Once the design, development, testing and technical preparation are complete, we reach the moment you&rsquo;ve probably been waiting for from the beginning &mdash; your website goes live.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The website is moved to the production server and becomes publicly accessible.<\/p>\n\n\n\n<h3 id=\"a-sta-je-sa-domenom-i-hostingom\" class=\"wp-block-heading\">What About the Domain and Hosting?<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>The domain is always yours<\/strong> &ndash; no exceptions.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">We never register domains in our own name. We believe your domain should remain under your control because it&rsquo;s part of your business and your digital assets.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Hosting<\/strong> depends on what works best for you.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">If you want us to take care of your <a href=\"https:\/\/boldizart.com\/en\/forget-about-the-hassle-of-maintaining-your-website\/\" target=\"_blank\" rel=\"noreferrer noopener\">website maintenance<\/a>, hosting is included free of charge as part of our ongoing service. If you&rsquo;d rather host the website yourself, that&rsquo;s absolutely fine too &ndash; we&rsquo;ll point you in the right direction and help you understand how to set it up.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Our goal isn&rsquo;t to tie you to us through technical details.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Our goal is for you to know what you have, where it&rsquo;s hosted, and who has control over it.<\/p>\n\n\n\n<h2 id=\"sta-dobijate-nakon-izrade-sajta\" class=\"wp-block-heading\">What Do You Get Once the Website Is Complete?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">At the end of the process, you don&rsquo;t just get a &ldquo;finished website.&rdquo;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><s>You get a website that is completely yours.<\/s><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The domain, content, and code remain your property.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">We&rsquo;ll also walk you through the website and show you how to update content, add new things, and manage it yourself. Of course, if you&rsquo;d rather have us continue taking care of the website, we can do that too.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>The goal is to give you a website you understand, can use, and have control over.<\/strong><\/p>\n\n\n\n<h2 id=\"so-what-does-working-with-a-web-agency-actually-look-like\" class=\"wp-block-heading\">So, What Does Working with a Web Agency Actually Look Like?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">When you put it all together, the process looks like this:<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>1. Conversation &rarr; 2. Proposal &amp; Strategy &rarr; 3. Contract &rarr; 4. Design &rarr; 5. Development &rarr; 6. Testing &rarr; 7. Launch<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Every step has a purpose.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">You don&rsquo;t need to know how websites are built before starting a project with us. You don&rsquo;t need to be a designer, developer or SEO specialist.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Your job is to tell us about your business, your goals, and your expectations.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Our job is to guide you through the process, explain what we&rsquo;re doing, and build a solution that makes sense for your business.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">If you&rsquo;ve been putting off getting a website because you weren&rsquo;t sure what to expect, we hope this article has made the process clearer.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">It doesn&rsquo;t have to be complicated.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">When the steps are clear, expectations are agreed upon upfront, and communication stays open, building a website becomes a much more predictable process.<\/p>\n\n\n        <section class=\"section cta-section block  bg-default my-4 pt-5 pb-5\" id=\"\" data-placement=\"cta\">\n        <div class=\"container\">\n            <div class=\"row\">\n                <div class=\"col-12\">\n                    <div class=\"cta-content \">\n                        <div class=\"row\">\n                                                            <div class=\"col-12\">\n                                                            <div class=\"text-content text-center\">\n                                                                                                                <h2 class=\"h2 d-block animated top-to-bottom\">Want to Talk About Your Website?<\/h2>\n                                                                                                                <div class=\"text animated top-to-bottom\"><p>The first step is a simple, no-obligation conversation.<\/p>\n<p>Tell us what you do, what you want to achieve and what&rsquo;s currently missing.<\/p>\n<p><strong>We&rsquo;ll work with you to understand what you need and whether we&rsquo;re the right team to help.<\/strong><\/p>\n<\/div>\n                                                                                                                                                    <div class=\"cta text-center animated bottom-to-top\">\n                                                                                                                                                                                                <a href=\"https:\/\/boldizart.com\/en\/contact-information-of-web-design-agency\/\" target=\"_blank\" class=\"btn btn-first my-2 me-lg-2 btn-icon \" rel=\"noopener\">\n                                                        <div class=\"btn-content text-center\">\n                                                            Book a free consultation                                                                                                                    <\/div>\n                                                        <svg class=\"icon name-new-tab\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M18 13v6a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6\"><\/path><polyline points=\"15 3 21 3 21 9\"><\/polyline><line x1=\"10\" y1=\"14\" x2=\"21\" y2=\"3\"><\/line><\/svg>                                                    <\/a>\n                                                                                                                                    <\/div>\n                                                                                                        <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n<\/body><\/html>\n","protected":false},"excerpt":{"rendered":"One of the most common reasons business owners put off getting a new website isn&rsquo;t the cost. It&rsquo;s not the time, either. More often, it&rsquo;s simply because they don&rsquo;t know what to expect &ndash; what the website development process actually looks like and what it&rsquo;s like to work with a web agency What happens after [&hellip;]","protected":false},"author":1,"featured_media":20286,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"categories":[231,230,236],"tags":[],"class_list":["post-20285","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-process","category-planning","category-web-site"],"acf":[],"_links":{"self":[{"href":"https:\/\/mail.boldizart.com\/en\/wp-json\/wp\/v2\/posts\/20285","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mail.boldizart.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/mail.boldizart.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/mail.boldizart.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mail.boldizart.com\/en\/wp-json\/wp\/v2\/comments?post=20285"}],"version-history":[{"count":3,"href":"https:\/\/mail.boldizart.com\/en\/wp-json\/wp\/v2\/posts\/20285\/revisions"}],"predecessor-version":[{"id":20292,"href":"https:\/\/mail.boldizart.com\/en\/wp-json\/wp\/v2\/posts\/20285\/revisions\/20292"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/mail.boldizart.com\/en\/wp-json\/wp\/v2\/media\/20286"}],"wp:attachment":[{"href":"https:\/\/mail.boldizart.com\/en\/wp-json\/wp\/v2\/media?parent=20285"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/mail.boldizart.com\/en\/wp-json\/wp\/v2\/categories?post=20285"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/mail.boldizart.com\/en\/wp-json\/wp\/v2\/tags?post=20285"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}