How Long Does it Take to Design a Website?

The timeline for designing new websites depend on many things. Obviously, the largest determining factor is how big the site is because the design and planning process can vary depending on the size and complexity of the website. Also, you have to allow for more time if you wish to include pieces like online shopping carts and catalogs, blogs, integration with other sites, connecting to third-party data sources, content migration, and other types of non-standard add-ons.

Let’s explore what goes into designing a small business website and how a typical timeline would work.

Preparation

As with any project, the clearer you are about what you want, the easier it will be to communicate that vision.

Your chosen web design firm should have a discovery process of some kind. Whether you have no idea what you want or have sketches of every screen, they should still dig in to make sure both parties are clear on the objectives. It is better to clear up any assumptions and misunderstandings at the start vs. at the end when it is expensive and time-consuming to resolve issues.

To prepare, ask yourself the following questions:

  1. What am I trying to achieve by building my website?
  2. What other websites do I like? (whether in your industry or not)
  3. What are the URLs of 3-5 of my primary competitors?
  4. How do I want my visitors to view my company? I.e. classy, corporate, contemporary, traditional, eclectic, etc.
  5. Who is my target audience?
  6. What type of messaging do I want to communicate?
  7. What action do I want my target audience to take?
  8. What assets do I already have?
  9. What is the budget I have allocated?
  10. Will I have the resources to quickly provide assets and feedback?

You don’t have to have all the answers, and you can be fuzzy on your vision. That’s the job of the web design firm – to help you walk through the process to figure out what you want or need. It may take a bit longer to go through the process, but it is well worth it in the long run.

Next, make a list of features that you would like to have on your site and determine which ones are optional or required. These features may include things like:

  • Search
  • Live chat
  • Animations
  • Blog
  • Newsletter and email opt-in
  • Video gallery
  • Contact form
  • Shopping cart
  • Web analytics
  • Password protected content
  • Multi-site capabilities
  • Content moderation
  • Integrations with other systems such as a CRM
  • Etc.

Make sure you have everyone who has decision making power over the website fill out a survey or at least provide their input at the start. Not having stakeholder input at the start usually causes delays at the end. Everyone has thoughts and opinions – get them out in the open as early as possible.

Website Design Process

A pretty simple website with not many pages and no extra functionality usually takes about eight weeks, give or take. A more complicated or larger site can take anywhere from 12 weeks to 6 months or more. A lot of this time is dependent on the client. Good preparation and quick responses to questions and requests can dramatically impact the design timeline. Let’s go over the basic process involved in designing a new small business website.

Discovery and Site Architecture

Website design usually begins with a survey or discovery process. Depending on the size of your website, this can be pretty quick or take a while if you have complex requirements and existing content. Make sure to take inventory of what content you want to migrate over if you have an existing website.

Our process includes scheduling a call or face-to-face to discuss your responses and make sure we understand the design requirements, expectations, and walk through competitor websites to dissect them (to beat them). The goal is to get on the same page. It’s too easy to assume everyone is thinking the same thing. It’s better to get through assumptions early in the process.

This is a great time to confirm the project scope. It is also when we would determine the site architecture, which is essentially a sitemap and establishes the key pages and how they link together.

Pro-tip: Use web analytics such as Google Analytics to see where your visitors flock to. Make sure you don’t inadvertently remove those pages.

Wireframes and Sketches

We would then start with wireframing the primary screen. A wireframe is essentially a blueprint that represents the different areas of the web page. A wireframe shouldn’t show any actual design elements, but it helps determine what will go where and allows you to visually see if anything important is missing or difficult to find. Wireframes allow us to get something in front of you earlier in the process.

The wireframing process always includes feedback rounds where you provide feedback, we talk through it and make necessary revisions. We do not want to move on to other screens until the primary screen is solidified. It essentially creates the precedent for the other screens/pages.

Once the homepage wireframe is approved, we would move on to the next screens and most likely create them all at once or at least several at once to get them in front of you asap. We want feedback so that we can tweak, update, or change things quickly.

Visual Design

After the conceptual wireframes are approved, we would start designing the homepage. We initially focus on the homepage to create a baseline look and feel that will permeate through the rest of the website. The visual design has to compliment your company’s brand (logo, brochures, collateral, etc.). It has to communicate the culture of your company as well as how you are interacting with your audience. This is where color themes, shapes, and typography are chosen.

The visual design shouldn’t be completed in a vacuum. You should have input at the start and through various revision rounds to make sure it’s exactly what you want and need. At that point, after the feedback and tweaking are completed, we would move on to other pages. Subpages would utilize the style that was defined when the homepage was approved.

Note: When reviewing designs, make sure to ask your developer to provide a mockup that can be seen in a web browser. If they send you an email attachment, you won’t know the actual scale of the image. We normally upload design mockups into a system and provide a URL for you to visit through your web browser. This lets you better see the intended scale and dimensions.

Website Development and Build Out

Up till now, you played a big role in the process. Now it’s our turn. The first step is always creating a development site and a staging site. We can work on development and then when its time we can push those updates to stage for you to review.

Note: It is usually best to make sure your staging server and production (live) server are as close to identical as possible. You don’t want the stress and agony of putting something live just to not have it work.

Internally, we start to build out the architecture of the backend to make sure we account for all the content types. We would also build out functional areas or scoped features. Even though it’s ugly, you should be able to play with the features fairly soon. As the project progresses, we would start to slice imagery and code it into the site as well as create the CSS.  

Content Migration

If you are re-writing all of your content or are going to use what you already have, this is when we would work on migrating that content.

For smaller websites, it could be as easy as copy, remove embedded formatting, and paste. For larger websites, we may need to pull content from a database and map it to new fields. If you don’t have access to the existing website’s database and have a large site, we would write a script that crawls your existing website and scrapes content, then cleans it, and makes it presentable for migration.

Quick reference:

Under 50 pages of content: It can be done manually.

Above 50 pages of content: You preferably have database access, if not then it could be done manually but would take some time.

Above 500 pages of content: Use either a database migration or scrape.

Quality Assurance and Testing

The website is being tested as it is being developed, but it has to go through an overarching round of testing on various devices. It should be tested on various screen sizes to make sure it looks and functions as expected.

It is best to do final QA after content has been migrated so that you can test with actual content vs. placeholder content.

Any interactive elements should be fully tested and don’t forget to test your contact forms.

Note: when testing contact forms on a development database, your contact email may go to spam because the email is coming from a server not authorized to send email for your domain.

Training

Depending on familiarity with content management systems, you or your team may need some training. You’ll either want in-person or remote screen shared training to walk you through how to use the various areas of the backend.

We go a step above and create short video tutorials on how to use various functions. This way you have a quick < 3-minute video clip of functional areas in case you or your team forget how to update something. Additionally, these videos are great to share with new hires who will be helping manage the website.

Launch

Wow, you are ready to get this baby live, huh? The excitement builds, but there are still many details to keep your eyes on.

If we are hosting your website, then we would create the production environment, upload the code, database, and create the DNS records.  We would work with you to migrate DNS or handle it for you to make sure any of your other services are unaffected. If you are hosting your website, you would create the account and database, and then we would push the database and code to your server. Once ready, you’d change DNS to point to the new server IP.

Pro-tip: Update your host’s file to force your browser to go to the new server before you change DNS. This way, nobody else can see the new site, but you can see it and play with it on the production server.

Launch Support

Unfortunately, this is where some web developers leave you hanging. Our work is not over once the site is live. You will still need support. Keep in close contact and report anything odd.

If you changed your site architecture, you will want to make sure you look for 404 errors. A 404 is when a page doesn’t exist at that URL. You do not want search engines to send traffic to pages that do not exist. There are various tools that help you find those 404’s. Screaming Frog is one of our favorites. If your website is not live, you can utilize the Hosts file trick to make your computer think it is live.

Note: Whatever tool you use for finding 404’s will most likely allow you to see if you have any blank or duplicate title and description meta tags.

Once the site is live and publicly available, you will want to verify your web analytics are triggering.

Make sure to double check your robots.txt file. It usually resides at yourdomain.com/robots.txt – this file tells search engines whether you want them to put your website into their database or not. We’ve seen this too many times. Someone calls us to do a review of their website and we see that the robots.txt website is disallowing Google and the other search engines to index it. You are pretty much telling Google to keep your site invisible.

Finally, please test your forms again. You want to make sure you are either getting the contact form email, or those submissions are flowing into your CRM. It is better to fix any issues in the first 15 minutes of it going live vs. a month later when you find out that IT didn’t create the email account to which your website has been sending contact submissions.

If we are building your website, we would be in charge of taking care of the above items. As always, we are here to support you after launch.

As you can see, the process is pretty straightforward but requires a lot of communication between the client and the designer. This ensures that everyone is on the same page and that client needs and wants are incorporated into every step of the process.

Potential Delays

Even though the process described above seems reasonably clear-cut, there are potential issues that can occur at each phase that may cause the timeline to shift and grow.

  • The more forethought about the design and any documentation that the client can provide is always helpful. If the client is unprepared or doesn’t have some clear ideas about the design and site makeup, much more trial and feedback will have to be part of the process and could end up taking more time.
  • If the client has ever-changing tastes or indecisiveness creeps in, then the design can take much longer to be finalized.
  • Waiting on client responses to questions can also impact the timeline. If the designer has to wait for long periods of time to hear back from the client, then the project could go on indefinitely.
  • Sometimes it is better to see the prototype website and work with it for a little while in a test environment before being too critical of the design in its early stages. Some ideas sound good on paper or in someone’s head but don’t translate well to real-world application. Testing the prototype can eliminate redundant or unnecessary redevelopment time.
  • The sheer number of pages it takes to implement large amounts of content can also take lots of time to create, so make sure your content isn’t duplicated and that it is clear, helpful and to the point.
  • The complexity of implementing some types of functionality, especially if it involves relatively new technology, can have a big impact on timelines. Things like shopping carts and intense page behaviors and complex graphics can take longer to develop.
  • Integrating with outside data sources and third-party vendors can also push timelines if they choose not to respond to requests promptly. Also, if they don’t have established methods of communication such as API’s or web services, connecting to them can take time.

So How Long Will My Website Take?

Creating a website or revamping an old website can be a huge undertaking. However, going into it knowing some of the potential pitfalls and challenges will help the project run smoothly and come in on budget and on time. As with most things, if you work hard at doing it the right way and are responsive, you will come out on the other side of the process with a wonderful new website that you will be proud to have represent you on the Internet.

As mentioned earlier, in general, we can typically build a simple, small custom website in as little as eight weeks. But for enterprise level websites, it can take upwards of 4-6 months or even longer.

For the best estimate of how long it will take to build your website, we recommend contacting us with your ideas and questions. One of our experts will be ready to help guide you in the right direction with a no-obligation consultation. There’s no question that we love what we do, and we want you to love the process too!

Filled under: Web Design

Comments

  1. vn hax says

    I love reading through and I believe this website got some genuinely utilitarian stuff on it! .

  2. cyberhackid says

    Just wanna input on few general things, The website layout is perfect, the articles is very superb : D.

  3. dego hack says

    Just wanna input on few general things, The website layout is perfect, the articles is very superb : D.

  4. Kylie Parr says

    Thanks for your post. What I want to comment on is that while looking for a good on the web electronics shop, look for a web-site with complete information on critical indicators such as the personal privacy statement, safety details, any payment methods, and various terms and also policies. Continually take time to read the help as well as FAQ segments to get a far better idea of how the shop works, what they are able to do for you, and how you can use the features.

  5. Justin Simpson says

    Thanks for the ideas you are sharing on this blog. Another thing I’d prefer to say is always that getting hold of copies of your credit rating in order to look at accuracy of the detail would be the first step you have to execute in credit improvement. You are looking to cleanse your credit file from destructive details flaws that screw up your credit score.

  6. Jason Lewis says

    Aw, this was an extremely nice post. Taking the time and actual effort to produce a superb article… but what can I say… I hesitate a lot and don’t seem to get nearly anything done.

  7. Brian McDonald says

    This is a very good tip particularly to those new to the blogosphere. Short but very accurate info… Thank you for sharing this one. A must read post!

  8. Justin White says

    Wonderful site you have here but I was curious about if you knew of any forums that cover the same topics talked about here? I’d really like to be a part of community where I can get responses from other knowledgeable people that share the same interest. If you have any suggestions, please let me know. Appreciate it!

  9. Evan Butler says

    Its like you read my mind! You seem to understand so much approximately this, such as you wrote the book in it or something. I believe that you just could do with a few percent to power the message house a little bit, but other than that, this is fantastic blog. A fantastic read. I’ll certainly be back.

  10. Abigail Thomson says

    I have discovered some significant things through your website post. One other thing I would like to talk about is that there are plenty of games that you can buy which are designed mainly for preschool age small children. They include things like pattern acceptance, colors, family pets, and shapes. These often focus on familiarization rather than memorization. This will keep little ones engaged without having the experience like they are learning. Thanks

  11. Gavin Powell says

    Thanks for another informative blog. Where else may just I get that kind of information written in such a perfect manner? I’ve a mission that I am simply now running on, and I’ve been on the glance out for such information.

  12. Carolyn MacDonald says

    Oh my goodness! Incredible article dude! Thanks, However I am encountering problems with your RSS. I don’t understand the reason why I can’t subscribe to it. Is there anyone else getting the same RSS problems? Anyone that knows the solution will you kindly respond? Thanx!!

  13. Matt Hughes says

    One thing I would like to say is always that before purchasing more personal computer memory, look into the machine into which it will be installed. When the machine is usually running Windows XP, for instance, the memory threshold is 3.25GB. Adding in excess of this would purely constitute some sort of waste. Make sure one’s motherboard can handle this upgrade amount, as well. Great blog post.

  14. Andrew Lewis says

    Hi there, I discovered your website by the use of Google while searching for a comparable subject, your site got here up, it appears good. I’ve bookmarked it in my google bookmarks.

  15. Jennifer Powell says

    Wow! This can be one particular of the most useful blogs We’ve ever arrive across on this subject. Basically Excellent. I am also an expert in this topic so I can understand your hard work.

  16. Sally Powell says

    One more thing. It’s my opinion that there are a lot of travel insurance web-sites of respectable companies that allow you to enter a trip details and acquire you the quotations. You can also purchase your international holiday insurance policy on the net by using your own credit card. All you have to do is to enter your current travel specifics and you can see the plans side-by-side. Only find the program that suits your finances and needs and use your credit card to buy it. Travel insurance on the web is a good way to search for a respected company with regard to international travel insurance. Thanks for sharing your ideas.

  17. Peter Hudson says

    One thing I’d like to comment on is that weightloss program fast may be possible by the perfect diet and exercise. Someone’s size not only affects the look, but also the overall quality of life. Self-esteem, major depression, health risks, along with physical skills are afflicted in an increase in weight. It is possible to do everything right but still gain. Should this happen, a problem may be the perpetrator. While an excessive amount of food and not enough workout are usually responsible, common medical conditions and widely used prescriptions can greatly amplify size. Thanks for your post here.

  18. Alison Parr says

    I think the admin of this site is in fact working hard in favor of his site, for the reason that here every information is quality based information.

  19. Sean Walsh says

    If you want to grow your know-how just keep visiting this site and be updated with the latest gossip posted here.

  20. Leonard Fisher says

    Thanks for sharing superb information. Your web-site is very cool. I am impressed by the info that you have on this web site. It reveals how nicely you understand this subject. Bookmarked this web page, will come back for extra articles.

  21. sildenafil coupon says

    (BuzzFeed News) – This blood prevail upon map can help you build out if your blood pressure is at a vigorous invariable or if you’ll necessary to palm some steps to improve your numbers. Your overall blood affliction reading is determined by way of measuring your systolic and diastolic blood pressures. Systolic blood press, the nip company, measures the force your basics exerts on the walls of your arteries each all together it beats. Diastolic blood difficulty, the bottom army, measures the intimidate your magnanimity exerts on the generic viagra walls of your arteries in between beats.
    December 20, 2019 3:34

  22. Adrian Blake says

    Thanks for the strategies you are giving on this website. Another thing I would like to say is the fact getting hold of duplicates of your credit rating in order to check out accuracy of each detail would be the first action you have to execute in credit improvement. You are looking to thoroughly clean your credit file from destructive details flaws that wreck your credit score.

  23. cholesterol medications says

    (CBS) – Hepatitis C is a viral infection that causes liver irritation, from time to time outstanding to sombre liver damage. The hepatitis C virus (HCV) spreads through contaminated blood. Until recently, hepatitis C treatment required weekly injections and uttered medications that profuse HCV-infected people couldn’t choose because of other health problems or unacceptable online pharmacy canada side effects. That’s changing. Today, confirmed HCV is usually curable with uttered medications enchanted every prime with a view two to six months.
    Updated: November 31, 2019 20:15

  24. Matt Ellison says

    I truly love your blog.. Very nice colors & theme. Did you build this amazing site yourself? Please reply back as I’m hoping to create my own website and would love to learn where you got this from or exactly what the theme is named. Kudos!

  25. online drugstore says

    You haven’t been maddening ample – As a rule, couples feel they keep been disquieting object of ages, which in actuality may not be the case. But, it’s totally notable to get that sundry couples do not give birth to correct away. For your cognition, here 80% of couples conceive after six months of ceaseless trying canada drugs pharmacy online. And, to 90% make both ends meet having a bun in the oven after 12 months of trying. This also assumes you have a favourable commerce every month. However, undisturbed if the problem persists, get yourself checked from your doctor and start your infertility treatment now. September 9, 2019 21:59

  26. Jack Bailey says

    What’s up to all, the contents present at this website are actually remarkable for people experience, well, keep up the good work fellows.

  27. healthcare is says

    The working forth of canadian pharmacy online no prescription health is for Underdeveloped Ejaculation despite that fit Sildenafil citrate it is in requital for Erectional Dysfunction with its PDE-5 inhibitor chemical capital goods, that relaxes penis muscles and forces blood to enter to the penis and leads to erection. While medications helps men in retaining erection on a prolonged time and this procedure treats him of untimely ejaculation. Hence, a is a confederation to operative treatment of green ejaculation and delayed erection.

  28. medical specialist says

    (BBC) – a is equally remarkable as medication. canadian viagra no script comes in miscellaneous dosages but its prime recommended dosage is 20mg. Working vocation of this slip someone a mickey finn is like- Vardenafil, its fundamental component, blocks the setting of an enzyme PDE-5, the basic cause of impotence. March – 6, 2019 6:43

Leave a Reply

Your email address will not be published.