Tag: Website Development

  • Free Web Strategy Template: A Simple 10-Step Plan to Make Your Website Work

    Free Web Strategy Template: A Simple 10-Step Plan to Make Your Website Work

    The value of web strategy is this: the most beautiful, best performing, and highly profitable websites powering fast-growing companies weren’t built overnight—they were carefully planned. That’s why we created a web strategy template to help you think through every key decision before you ever write a line of code or choose a design.

    If I showed you two websites—one that got rave design reviews and another that made millions of dollars yearly—which would you choose? If you’re like most of our clients, you’d say, “Duh, show me the money.”

    The thing is that because many websites look fantastic and showcase the latest design trends, you think they’re producing incredible results. Yet, the reality is they fail to meet the expectations of their owners and users. You’d never know it, but they’re challenging to manage in the background, yield terrible ROI, and are just a pretty liability.

    Your website should work like an engine that helps you get where you want to go

    If you’re working on a new website, you likely want your website to be a strategic asset contributing to your organization’s growth, supporting your marketing efforts, and delivering a seamless customer experience.

    Free Web Strategy Template

    Download the Structure Website Design Planner to create a web strategy that makes your project successful!

    Similarly, your customers want your website to provide readily available solutions to their problems. This happens by providing resources, products, or services that improve their life and offer quick and practical solutions to their concerns.

    If you’re considering what you want for your website, this short list of expectations from multiple sources will likely stop you in your tracks! If you didn’t already know it, you might be starting to see that building a website is much more complex than choosing the right colors, fonts, and layouts.

    Web design is not just an art. It’s a science. You see, designing and creating a website starts with a web strategy—which involves making a plan, aligning with your team, and putting it into motion.

    The good news is that you don’t have to figure it out yourself! Using our Website Strategy Template and following the advice and proven 10-step plan in this article, you can plan a beautifully designed website that produces incredible results.

    Team Brainstorming Website Tactics

    What is a website strategy?

    At face value, “Website strategy” is a scary word. It sounds serious,  intimidating, and hard to create. The word “strategy” must make it feel this way. Whatever it is, it feels like it’s something you don’t want to mess up.

    But don’t worry; it’s not so bad after all. If it helps to know, the most significant way you can “mess it up” is by not doing it. More on what happens when you fail to plan your website later.

    Here’s the skinny: a website strategy is simply a strategic plan for your website. That’s it—just a plan for what you want, what customers want, and how you will satisfy those expectations.

    Typically, a website strategy includes specific details about the company, website goals, brand direction, buyer journey, technology, budget, and more. We’ll outline the particular parts of the perfect website strategy in our ten steps below, but those are the basics.

    Get a FREE Customized Digital Growth Plan

    Take our 10-minute Digital Maturity Assessment and receive a FREE, personalized digital growth score that uncovers gaps and drives your business forward.

    Take the Free Assessment →

    Why do you need a website strategy?

    If you’re delving into website strategy, you’re likely tackling a website project, either creating a new site or redesigning an existing one. Here are the scenarios you might be in:

    • Launching a new product or business
    • Outgrowing your current website, hindering your team
    • Rebranding with fresh design changes
    • Migrating to a more suitable platform

    Don’t underestimate the significance of the situation. Your project’s success or failure impacts the company’s reputation, finances, and possibly your job.

    If it succeeds, you’ll be proud and likely rewarded for your excellent work. If it fails, on the other hand, you’ll be frustrated and embarrassed and might need to find another job or prove yourself again.

    Don’t make the biggest website mistake most leaders make

    Rushing into action is a common mistake—it’s easy to dive into website design hastily, thinking it’s simple with no-code builders like Wix, Squarespace, Elementor, and others. 

    It’s super duper easy, right? You don’t need to know how to code, design, or hardly even think. You don’t even have to be alive! In fact, you could be a corpse and still build an excellent website.

    I’m kidding—that’s grossly untrue. But I hope you see my point! 

    Digital Strategy Discussion

    Between amateur “web designers” and no-code website builders, many clients come to us completely confused about what it takes to build a website. They often have a false impression that websites practically build themselves. Either that, or they appear when you snap your fingers and pay your brother’s buddy $5,000.

    Okay, I’m still being a bit cheeky. 

    I’m being extreme to clearly articulate that this way of thinking is a rude misconception—especially if you want a website that produces tangible ROI such as leads and sales. The truth is that website strategy is essential because high-performing sites are planned.

    This might contradict your desire for quick results, but it’s the key to success. Ultimately, planning saves time and money and ensures an effective outcome.

    12 benefits of creating a website strategy

    As discussed, a website strategy is your roadmap to avoid random changes. It ensures your redesign aligns with business goals, user needs, and systems integration, among other things. This strategic approach has multiple benefits for your business. 

    Here’s more about the advantages of investing in a well-defined website strategy.

    Free Website Strategy Template

    Download the Structure Website Design Planner to create a website strategy that makes your project successful!

    1. You’ll have a clear redesign roadmap

    A website strategy outlines specific goals for the website, guiding all efforts toward achieving them.

    2. You’ll know what content you need to create

    An effective website plan helps you prioritize content creation by aligning it with target audience needs and business objectives.

    3. You’ll have happier customers

    Developing a website strategy ensures that the site is designed to provide a seamless and user-friendly experience, increasing engagement and reducing bounce rates.

    4. Your website will be easier to navigate

    A straightforward website strategy ensures logical and easy-to-follow navigation by mapping the site’s structure, helping users find information quickly.

    5. You’ll have better SEO

    We always get the question, “How do I redesign a website without losing SEO?” The answer is: with a website strategy. Part of your strategy should include strategic internal linking, relevant keywords, and structured content that will contribute to improved search engine visibility and organic traffic. 

    6. Your brand will be cohesive

    Considering your brand in your website strategy helps you maintain a consistent brand image across all customer touchpoints with your business, reinforcing brand identity and recognition.

    7. You’ll see better conversion rates

    By optimizing for user actions, a carefully planned website strategy can lead to higher conversion rates, whether for sales, lead generation, or other goals.

    8. You’ll pass up the competition

    It’s likely while you’re planning a perfect website, your competition is aimlessly running and gunning. A well-executed strategy sets your website apart from competitors by ensuring you offer unique value and address customer pain points.

    9. You’ll save money (yes, it’s true!)

    By establishing clear goals and priorities in your website strategy—along with a budget—you’ll prevent wasting time and resources on ineffective initiatives.

    10. You’ll have a reusable website strategy template

    After you’ve developed your website strategy, you can adapt it over time to immediately pivot or respond to changing market trends, allowing the website to remain relevant for longer.

    11. You’ll know if your website redesign is successful

    Well-defined goals and key performance indicators (KPIs) enable tracking and measurement of success. 

    12. You’ll have an easier time managing the website

    In the long term, having a strategy makes future redesigns or minor updates more organized and efficient for those working on them.

    What happens if you don’t use our website strategy template?

    Conversely, disregarding a website strategy during redesign wastes time and energy, causing frustration and unmet expectations. Proceeding without a strategy undoubtedly harms online presence and business goals. To quote Benjamin Franklin, “If you fail to plan, you plan to fail.” 

    Without a strategy, a redesign will fail and hamper company growth—resulting in a “website launch letdown.” It’s that moment when you finally get the website across the finish line and realize it’s not doing anything you hoped it would.

    Here’s more about what will happen if you fail to plan:

    1. You’ll be aimlessly wandering

    Without clear objectives, the redesign might lack a central focus, resulting in scattered content and an unclear message.

    2. Your content won’t connect

    Website content might be missing or fail to align with user needs or business goals, leading to reduced engagement and relevance.

    3. Your website will be messy

    A lack of strategic thinking can lead to a clunky user experience, causing frustration, high bounce rates, and decreased engagement.

    4. Your customers will be confused

    Poorly planned navigation and content organization can confuse users, challenging finding what they’re looking for.

    5. You’ll lose SEO

    Ignoring SEO considerations during the redesign can result in lost organic search visibility and rankings.

    6. Your brand will be inconsistent

    Without a strategy, the redesign might not align with your brand’s identity, leading to user confusion and diluting your brand image.

    7. You’ll see poor conversion rates

    Failing to optimize for conversions can decrease conversion rates, impacting sales, leads, or other desired actions.

    8. Your competition will pass you up

    A strategy identifies potential opportunities for growth, innovation, or market differentiation. Failing to follow it can mean missing out and losing to your competitors.

    9. You’ll waste money

    A strategy helps allocate resources effectively; without one, you might invest time and money into ineffective or unnecessary elements. Or, you’ll have to keep spending more to get what you want because you didn’t plan for it in the first place.

    10. You’ll always have to start from scratch

    Without a website strategy, you’ll quickly find it difficult to iterate on the redesign and make informed improvements over time. It’s like every time you start; you’re starting over.

    11. You’ll experience change orders and delays

    Lack of direction can lead to indecision and revisions, resulting in change orders that cost more money and delay the launch. Talk about frustration and failed expectations!

    12. You’ll constantly be playing catch-up

    Without a strategy, you’ll only be focused on pre-launch rather than looking ahead at post-launch and how to sustainably manage your website and use it to grow the company long-term.

    Develop an effective website strategy template (10 steps)

    Now that you understand the importance of website strategy and its impacts, let’s explore the ten starting steps.

    We’re offering a free Website Strategy Template to make it even easier. Follow the outlined steps for a fail-proof strategy, simplifying an otherwise complex process. By completing this, you’ll have a robust website strategy.

    Free Website Strategy Template

    Download the Structure Website Design Planner to create a website strategy that makes your project successful!

    While numerous website strategy templates exist, they’re often unengaging spreadsheets or overly complex. Our template streamlines the process, making it accessible to business and marketing leaders, not just content strategists, UX designers, and developers.

    Without further ado, here are the ten steps!

    Structure Website Design Planning Template

    Step 1: Document basic company information

    The Company Worksheet addresses fundamental company-related queries. It’s not a comprehensive brand strategy, but it confirms existing decisions. It delves into specifics by starting with the company name, core values, target market, and offerings. 

    Step 2: Organize your ideas into a clear vision

    Begin with the end in mind. The Vision Worksheet captures your ideas and focuses on the process and end product rather than a vague vision. 

    Step 3: Set SMART website Goals

    Consider the Goals Worksheet your project’s compass, aligning your team on purpose and tracking success indicators. It functions as a roadmap, ensuring your project stays on course.

    Don’t forget to set “Milestones” and “performance indicators.” While these items might make it feel complex, they will make it more manageable. They represent specific steps towards your goal (begin with three) and how you measure their achievement.

    Step 4: Build a team around you

    According to the African proverb, “If you want to go fast, go alone. If you want to go far, go together.” The conclusion is this: don’t bear all the responsibilities alone. Envision forming a team, whether internal or external, to collectively share the load and guide the project. 

    Moreover, imagine seamless teamwork where everyone knows their roles and responsibilities, preventing overlaps. Using the DARCI framework, the Team Worksheet in our website strategy template facilitates this result.

    Step 5: Unify your branding

    The disconnection between a powerful ad and a lackluster website negatively influences how the business is perceived. Ensuring harmonious marketing across online and offline channels is essential to maintain professionalism and credibility.

    Completing this worksheet is pivotal for your website strategy, as it may unveil asset gaps or outdated elements requiring refreshment.

    Step 6: Plan your pages

    Most businesses planning a website redesign have a basic site map, but that’s the start. You’ll want to document your navigation (header and footer), page templates, and main pages associated with those templates.

    The notable question you might be asking yourself: “What’s a website page vs. page template?” A website page is a single page that uses a page template but with unique content like text, images, and videos that fit that page’s purpose. A page template is a pre-designed layout serving as a blueprint for multiple pages with consistent design and structure—for instance, one template for all products.

    Step 7: Map your buyer’s journey

    Your website isn’t an isolated entity; its pages aren’t isolated experiences. They should work together for a seamless customer journey, often called the “buyer’s journey.”

    In web design, a customer journey is the series of steps a visitor takes on a site, from arrival to completing a goal like purchasing. It comprises stages like Awareness, Consideration, Decision, and Action. The aim is a positive experience turning visitors into customers and nurturing relationships.

    For each stage, you’ll want to define desired customer actions and the content needed to support those actions. Use our website strategy template “Website Journey” worksheet quickly and efficiently.

    Step 8: Analyze competitor websites

    To stand out, understanding your competition is vital. To understand your competition, and identify how it impacts your website, follow these actions:

    1. Examine a competitor’s site
    2. Note three likes
    3. Note three dislikes
    4. Note three improvements or ideas for your site

    Repeat for at least three competitors or similar businesses.

    Step 9: Call out your business systems

    Often, focus on appearance overshadows functionality. Integrations matter for social media, email marketing, CRM, or lead generation. Neglecting integrations during your website’s design and build phases can be costly.

    Step 10: Create a budget

    The Budget Worksheet marks the final step, presenting the awaited website redesign cost. However, the challenge lies in seeing beyond costs alone. A website is an investment, not just an expense. Your budget should encompass potential earnings, savings, and expenses, calculating its long-term profit value.

    This budget process emphasizes your pivotal role in the business and the rationale behind investing in a functional website. Consider a budget covering your site’s lifespan, often 1.5 to 2.5 years, revealing significant returns in millions or tens of millions.

    Leaders Crafting Website Strategy

    Website strategy template questions our clients commonly ask

    What are some common web strategy examples?

    A well-defined website strategy helps guide design, content creation, and user experience decisions to achieve desired outcomes. Your website’s specific strategy should align with its goals, target audience, and industry. 

    But if you’re looking for inspiration, here are some examples of common website goals that organizations might employ to achieve their website strategy:

    1. E-commerce website goals

    • Focus on a user-friendly and intuitive design to encourage seamless shopping experiences.
    • Implement personalized product recommendations based on user behavior.
    • Optimize the checkout process to reduce cart abandonment.
    • Offer various payment options to cater to different customer preferences.
    • Utilize email marketing for abandoned cart recovery and customer retention.

    2. Content marketing goals

    3. Lead generation goals

    • Implement compelling call-to-action buttons on relevant pages to encourage user interaction.
    • For contact information, offer gated content (e.g., webinars, case studies).
    • Develop landing pages focusing on a specific offer and providing a clear value proposition.
    • Utilize A/B testing to optimize landing page elements for higher conversion rates.
    • Nurture leads through email drip campaigns and targeted content.

    4. Membership or subscription website goals

    • Provide a clear description of membership benefits and pricing tiers.
    • Offer a free trial or limited access to encourage users to sign up.
    • Create a members-only area with exclusive content, resources, or tools.
    • Use email marketing to communicate updates, special offers, and member-exclusive content.
    • Continuously engage with members to enhance their experience and retention.

    5. Branding goals

    6. Performance goals

    • Implement a responsive design to ensure the website is accessible and functional on all devices.
    • Prioritize fast loading times to prevent user frustration.
    • Simplify navigation and content presentation for smaller screens.
    • Use touch-friendly elements and buttons to enhance the mobile user experience.
    • Test the website across different devices and browsers to ensure compatibility.

    7. User experience goals

    • Incorporate interactive elements like quizzes, polls, and surveys to engage users.
    • Enable user-generated content, such as reviews or comments, to foster a sense of community.
    • Implement live chat or chatbots to provide instant customer support.
    • Host webinars, live events, or online workshops to interact with the audience in real time.
    • Utilize gamification elements to encourage user participation and loyalty.

    What is the strategy of a website?

    For most business websites, the primary purpose is driving sales through products, services, information, or ideas to a global or targeted audience. 

    Your website can inform, educate, entertain, or sell, depending on your goals. Whether you aim to reach new customers, provide support, share your expertise, or even express yourself, your website serves as a central platform to achieve those aims and engage with your customers.

    Think of a website strategy as the roadmap for your website project. It’s like having a plan that guides all your decisions and actions to ensure your website does what you want. This strategy involves everything from who your website is for, what it’s supposed to do, how it looks, and how people will use it. It’s like setting the direction for your website to help you achieve your business goals.

    What makes a website successful?

    Successful websites engage and educate visitors, converting them into leads and customers. This purpose should guide design, content, and features.

    What makes a website successful is that it accomplishes its goals. As I said in the last question, most businesses deem their website successful if it drives sales. If sales aren’t the goal for you, that’s okay! You’ll want to identify your ultimate goal: donations, inquiries, or impressions. 

    Either way, your website is an investment that evolves with your business to accomplish something. Figure out what that “something” is, and you will have defined success for your business.

    What is a responsive web strategy?

    A responsive website strategy involves designing and developing a website that adapts and functions seamlessly across various devices and screen sizes. 

    The goal is to ensure that the user experience remains consistent and user-friendly whether visitors access the site on a desktop computer, tablet, smartphone, or other devices. 

    This strategy involves creating a flexible layout, using responsive design techniques, and optimizing content for different screens. By implementing a responsive website strategy, businesses can cater to the preferences of their diverse audience and provide an accessible and enjoyable browsing experience regardless of the device used.

    What is a web branding strategy?

    That’s a good question! A web branding strategy is a comprehensive plan to establish and reinforce a consistent and compelling brand identity across a company’s website—and ensure that the website identity is consistent across all channels. 

    A successful web branding strategy ensures that visitors can immediately recognize and connect with the brand when they land on the website. This involves consistently incorporating elements such as the logo, color palette, typography, imagery style, and tone of voice throughout the site. By implementing a solid web branding strategy, businesses can create a memorable and authentic online presence that resonates with their target audience and fosters brand loyalty.

    How do you approach a website design?

    At Structure, we take a strategic approach to web design. We’ve identified that most websites don’t work like their managers and users want them to because of a failure to plan. That isn’t good if you invested tens of thousands of dollars in something that looks amazing but doesn’t help your business.

    That’s why every website project at Structure starts with a website strategy process. We also call it “website planning” or “website definition.” In short, it’s the process we take clients through to figure out what is needed in as much detail as possible, so we can deliver a headache-free design and build process—and, ultimately, a website that works for you.

    We aim to help 1,000 businesses and organizations plan and realize successful websites over the next ten years.

    What is a web strategy document?

    A website strategy document outlines the goals, objectives, tactics, and guidelines for developing, designing, and managing a website. 

    It serves as a roadmap that guides all decisions related to the website’s creation and requirements. This document typically includes information about the target audience, website purpose, content strategy, design principles, user experience considerations, technical requirements, integration with other systems, and more. 

    The result of a well-structured website strategy document ensures that all stakeholders are on the same page and provides a clear direction for the entire website project, from conception to execution.

    Download our free website strategy template if you’re looking for a simple way to get started.

    Free Website Strategy Template

    Download the Structure Website Design Planner to create a website strategy that makes your project successful!

    How do you write a website content strategy?

    The best way to write a website content strategy is to follow a proven plan… not write it from scratch. Download our Website Strategy Template to streamline your web design planning process and ensure a clear roadmap for your project.

    What web strategy would help an ecommerce business drive traffic to its website and increase sales?

    Several digital marketing strategies would help an ecommerce business drive traffic and sales to its website. It wouldn’t be hard to find a 13-point list. But that’s too complicated.

    If you’re looking to drive traffic and sales to an ecommerce website, do these three things:

    1. Create a product recommendation quiz
    2. Use pay-per-click advertising (like Google Ads) to drive targeted traffic to the quiz
    3. Ensure there are as few steps to purchase as possible.

    If you do these three things, your ecommerce website will be successful.

    What is a web strategy to determine the internal linking structure of a website?

    The strategy to determine the internal linking structure of a website is often called “Content Siloing.” This involves organizing the content on your website into distinct groups or categories, each focused on a specific topic or theme. 

    Within each content silo, you create internal links between related pages, enhancing user navigation and improving SEO by indicating content relevance to search engines. This strategy helps users and search engines understand the relationships between different pieces of content on your site.

    This is best done while developing your website strategy to ensure you execute consistently and effectively.

  • How to Budget for a Website Redesign (Free Template)

    How to Budget for a Website Redesign (Free Template)

    Creating a website redesign budget is essential for all businesses and organizations—no matter how small or large you are. Unfortunately, when it comes to website redesigns, they’re often planned to fail because the stakeholders fail to plan

    This article aims to help you budget and plan for your website redesign. The reason it’s so important is that your website is way more than just a pretty face for your company. It’s a strategic asset that serves as an online presence, drives business growth, engages customers, and contributes to achieving your overall marketing and business objectives.

    Free Website Redesign Budget Template

    Download the Structure Website Design Planner to create a perfect website budget!

    How much does a website redesign cost?

    Website redesign conversations often begin with a rush for quick answers on cost and time. They typically go something like this: “Hi, Simon! We want to redesign our website, and it needs to be done in two weeks. How much is it going to cost?”

    Most people want the answer: “Sounds like a simple project! It’ll probably cost $5,000, and I can start redesigning your website tomorrow.”

    If I do it for $5,000 and get started tomorrow, the client would be thrilled… until they realized it was amateur hour and I failed to complete any due diligence (aka, planning).

    Skipping planning can lead to costly issues like hidden costs, scope changes, and failed expectations. Each of those issues cost everyone involved extra time and money they weren’t anticipating spending. And if it wasn’t planned time and money, the additional costs always come with significant frustration and disappointment.

    Furthermore, it’s important to remember that your website is your business’s flywheel. It runs your marketing and sales efforts, connects customers to your products or service, and is often the main thing that sets you apart from competitors. If there’s one place not to go cheap, it’s with your website redesign.

    This is why asking, “How much does a website redesign cost” is akin to asking a builder, “How much does a remodel cost?”

    Marketing Leader Strategically Planning Website Redesign Budget

    Your website is like a skyscraper

    The best analogy for a website is a physical building. I liken it to a skyscraper, so I often explain website principles to my clients regarding building construction. It’s much easier to understand an idea as it relates to an apparent physical object than it is a digital ideal.

    Imagine if you were a builder, and I came to you and asked, “Can you remodel my skyscraper? How much is it going to cost?”

    If you answered, “Sounds like a $10,000 job to me. I can pick up the materials and get started tomorrow,” I should immediately be concerned for several reasons.

    1. You have no idea how giant my skyscraper is
    2. You don’t know what I want the remodel to look like
    3. My plumbing could be from the 1950s

    Without knowing this information and much more, you have no idea what the remodel will cost, what materials you’ll need, and how long it should take.

    Even more, it would be unsafe.

    Whether you’re building a website or a skyscraper, what might seem like a “simple project” will quickly become a series of headaches due to failure to plan and communicate. 

    This is precisely why most website designers are accused of betraying trust. They consistently over-promise and under-deliver. It’s not because they’re unskilled in design or don’t know how a website works—they often do! They don’t know how to plan a website or run a professional service business.

    So, how much for a website redesign? The answer is, “It depends on what you want. Let’s begin by making a plan.” 

    And it all starts with addressing the essential question: “What’s the cost?” Let’s dive into budgeting for your website redesign.

    Marketing Professional Budgeting for Website Redesign Success

    3 steps to creating a website redesign budget

    Step One: Download our Website Design Planner

    There are dozens of website redesign budget templates available online, but you’ll find that most are just dressed-up spreadsheets that are boring and analytical. Or, they’re insanely complicated and are meant for website professionals like content strategists, UX designers, and developers.

    Structure Website Design Planning Template

    Free Website Redesign Budget Template

    Download the Structure Website Design Planner to create a perfect website budget!

    I created the Website That Works Planner by accident. It was after a series of mistakes, migraines, and failure to plan the websites we were redesigning for our clients. When I started Structure, our team mostly worked on small websites that didn’t require as much planning (although they still needed it at some level).

    As our web design client base grew, we met companies with more complex websites that needed to be redesigned. After failing to complete due diligence on a few projects, our team created a framework to keep us from screwing up a project again. And it worked! What came out was the Website That Works Planner and many successful website redesigns after that.

    This is why we created the Website That Works Planner. If you follow the ten steps outlined in our planner, you’ll create a fail-proof website redesign plan (including the budget) to ensure your team is aligned and ready to start the design process. It’s incredible how difficult it can be to screw it up.

    Using the Planner makes budgeting more manageable than it seems. Despite the many factors at play, our proven process simplifies it all. Finish this process, and you’ll gain a solid website plan and budget to be proud of.

    Step Two: Complete the Website Planner Worksheets (They Will Inform Your Website Redesign Budget)

    The planner covers ten specific areas related to your website redesign project. Each area is broken down with a single worksheet that asks a series of questions.

    One of the worksheets is the Website Budget Worksheet. You can download and use that worksheet individually if you are inclined to do so. However, we’ve found that isolating the Budget Worksheet makes you more likely to overlook important information. Either that, or you’ll quickly over or underestimate the costs because you don’t know the whole picture.

    Simple truth: no part of a website is isolated. Instead, it must integrate with all aspects of your business. 

    To make your website work, you must take your time. If planning feels overwhelming or you’re eager to be done, remember: a solid plan now ensures a smoother journey ahead.

    Many of our clients are freewheeling visionary entrepreneurs or run-and-gun types of people. In many ways, that’s why they’re successful. The problem is that completing all the worksheets in our planner sounds as beneficial as using a boulder to lift a feather. Can anyone say, “Overkill?”

    The truth about website redesign budgeting (or planning) from a like-minded visionary entrepreneur

    Trust me; I get it. When we created the Website That Works Planner and started using it for our clients, I was convinced it was overboard. I unnecessarily extended the website redesign process, making it more expensive. 

    Here’s the thing: it took more effort upfront but consistently saved our team hundreds of hours and our clients tens of thousands of dollars.

    The point of the Website Design Planner is to cause you to doubt yourself, which in this case, is very beneficial. If you can survive the pain of filling out the worksheets, you’ll feel insanely confident in your direction and know what your website redesign will cost.

    Often, new questions are generated spontaneously for each answered question. But attempt to answer these questions as briefly as possible and document further notes in the notes portion of the Website Planner. 

    Here’s a quick rundown of each worksheet and how it impacts your website redesign budget.

    1. Company Information Worksheet

    You’ll want to address basic company-related questions in the Company Worksheet. This worksheet isn’t intended to be a comprehensive brand-strategy process (although it might spark one). Instead, it’s meant to document and confirm alignment on the company basics that are already decided. You’ll start with your business’s name, core values, target market, and offerings, then drill down into more details. 

    The questions you’ll answer in the Company Worksheet are:

    • What is the company name?
    • When was the company founded?
    • What do you sell?
    • Who do you sell to (people)?
    • Who do you sell to (vertical)?
    • Why should customers choose your products or services over the competition?
    • What are your core values
    • What is your product or service guarantee?
    • What is your product or service warranty?

    Answering these questions will help define the basics of your company so you know if you need to include funding to revisit any of these aspects before continuing with your website redesign. 

    2. Website Vision

    The best place to start is at the end. The vision worksheet is your tool for putting your ideas on paper. It won’t encourage a grand, generic vision. Instead, it keeps you focused on the process and final product.

    The questions you’ll answer in the Vision Worksheet are:

    • What type of website are you making?
    • What’s on your redesign wishlist?
    • When do you want to start your website redesign?
    • When do you want to finish your website redesign?
    • What’s your minimum website redesign budget?
    • What’s your maximum website redesign budget?

    Answering these questions will help define the basics of your vision and help you know what kinds of functionality and requirements to account for in your website redesign budget.

    3. Website Goals

    Think of the goals worksheet as your team’s compass for your website redesign project. It gets everyone on the same page about the project’s purpose and goals. Plus, it helps you track success by defining clear indicators. It’s like a roadmap to keep your project heading in the right direction!

    The questions you’ll answer in each Goals Worksheet are:

    • What is your goal?
    • What is the deadline for this goal?
    • Describe the goal in detail
    • Why does this goal matter to you?
    • What milestones lead up to this goal?
    • What are your performance indicators?

    Most people get stuck on the “milestones’ and “performance indicators.” They’re not as troublesome as they seem. The way to think about them is the specific steps to reach your goal (start with three steps) and how you know you’ve achieved each step.

    Answering these questions will help define your goals and ensure your website redesign budget includes the line items to accomplish them.

    4. Website Team

    There’s nothing worse than wearing all the hats yourself—whether you intended it to be that way. Instead of being overworked and overwhelmed, imagine assembling a team around you (internal or external) and assigning areas of ownership to others so they can help guide the project. Phew! What a relief already.

    As the African proverb tells us, “If you want to go fast, go alone. If you want to go far, go together.”

    Furthermore, what if everyone on the team knows exactly who’s doing what, so you’re all on the same page? No stepping on toes, just smooth teamwork! That’s what the Website Team worksheet provides. 

    You’ll answer the questions in your Team Worksheet:

    • Who is the Decider, and has final approval?
    • Who is the Accountant and ensures tasks are completed?
    • Who is Responsible to do the work?
    • Who is the Consultant who will provide input and advice?
    • Who needs to be Informed of progress?
    • What tasks must be completed, and who is responsible?

    You might recognize the DARCI framework from this list if you know project management frameworks. We think that using a framework like DARCI simplifies roles and responsibilities. As the project lead, you can say, “This meeting is for those Responsible and Accountable only; we’ll discuss next week’s deadlines.” Or, “This meeting is for those who need to be Informed; it’s a milestone check-in.”

    Filling out these roles and responsibilities will help ensure that you include the additional costs for the team members in your website redesign budget. 

    5. Website Brand

    We’ve all seen it before—a great ad paired with a terrible website. Consistency matters, and when lacking, it leaves a negative impression. Even if customers can’t pinpoint the issue, they’ll sense that things aren’t cohesive, affecting their business perception.

    That’s why a robust website can’t stand alone. Consistency in all your marketing efforts, online and offline, is vital for a professional and credible business image.

    In the website brand worksheet, you’ll answer these questions:

    • Who can access our logo and brand guidelines?
    • What is their contact information?
    • Which colors are you using?
    • Which fonts are you using?
    • How feminine or masculine do you want your website (on a scale of 1-5)?
    • How classy or modern do you want your website (on a scale of 1-5)?
    • How abstract or literal do you want your website (on a scale of 1-5)?
    • How playful or sophisticated do you want your website (on a scale of 1-5)?
    • How geometric or organic do you want your website (on a scale of 1-5)?
    • Do you want to use more images or illustrations (on a scale of 1-5)?

    Completing the Brand Worksheet is vital for your website redesign budget because your branding will shape your website’s overall structure and design. While completing this worksheet, you may realize you don’t have all the brand assets required to accomplish your vision. Or, you might realize the logo is 20 years old and needs a refresh before plugging an outdated brand image into a flashy new website.

    6. Website Pages

    Most businesses seeking a budget for their website redesign will have developed a simple site map or a general list of pages. But it’s usually just the tip of the iceberg.

    In the Pages Worksheet, you’ll start by documenting the most important pages of your website by defining which pages are listed in your header and footer navigation. Then, you’ll list each page template on the site. 

    The most common question is: “What’s the difference between a website page and a website page template?”

    A website page is a single, individual web page containing specific content such as text, images, videos, and other elements. Each page is designed to serve a particular purpose, provide information, or engage users—for example, a Product Page for a blue doggie pool.

    On the other hand, a website page template is a pre-designed layout that serves as a blueprint for creating multiple pages with a consistent design and structure. For example, a Product page template will be used for all products on the website, not just the blue doggie pool. But also the doggie toys and doggie blankets as well.

    You’ll answer these questions in the website pages worksheet:

    • What is the URL?
    • What is the primary call to action?
    • What are the header navigation items?
    • What are the footer menu items?
    • What are the page templates?

    This worksheet directly impacts the website redesign budget because it sets the size or scope of the redesign project. There’s a significant difference between a redesign for a 5-page and a 50-page website. You’ll want to ensure that you account for the website size in your website redesign budget.

    7. Website Journey

    As I stated, your website is not an isolated part of your business. In the same way, your website’s pages are not isolated experiences on your website. Instead, they should work together to orchestrate a seamless buying experience for your customers. This is commonly referred to as the “buyer’s journey.”

    A customer journey in the context of web design refers to the path or series of steps that a website visitor takes as they interact with a website. It encompasses their entire experience, from their initial arrival on the site to completing a specific goal or action, such as purchasing, signing up for a newsletter, or contacting customer support.

    The customer journey is often divided into several stages: Awareness, Consideration, Decision, and Action. There are many variants of the stages, but we feel that these four stages allow our clients to understand the customer journey from start to finish clearly.

    For each stage, you’ll answer these questions in the website pages worksheet:

    • What actions do we want the customer to take?
    • What content (e.g., pages, resources, media) do we need to support that action?

    Of course, the goal is to provide a positive and seamless experience that encourages visitors to become customers and fosters long-term relationships.

    The Journey worksheet directly impacts your website budget because you’ll need to factor in the costs of creating the content that will guide your visitors through each stage of the buyer’s journey.

    8. Website Inspiration

    If you want a website that will set you apart from the competition, you must know what the competition is doing. There are many ways to do this, but we like to keep it simple.

    That’s why the Inspiration worksheet invites you to:

    1. Look at a competitor’s website
    2. Write down three things you like
    3. Write down three things you dislike
    4. Write down three things you want to improve or ideas to implement on your website

    We recommend you do this for at least three competitor’s websites. If you’re unaware of, or can’t find a direct competitor, find an indirect competitor or a business with a similar model.

    As you can probably imagine, the ideas you generate on this worksheet will impact the line items on your budget. If one of your competitors uses a Product Recommendation Quiz that you like and you want to implement something similar on your website, you’ll want to include that in the budget.

    9. Website Technology

    Frequently, people get caught up in how the website looks, and this focus overshadows how the website works. Your website’s integration with other functions, such as social media, email marketing, customer relationship management, and lead generation, is critical. You don’t want to lose connections or fail to account for re-connections required during the design process.

    This is why our technology worksheet asks the following questions for each integration to document your technology requirements:

    • What is the technology name?
    • What does the technology cost?
    • What kind of technology (server/hosting, API, CRM, etc.)?
    • Who uses the technology (sales, marketing, operations, etc.)?
    • Describe the technology
    • Why does this technology matter to you?
    • How is this technology connected to your website?

    Additional costs may be associated with integrating new or existing technology during the website redesign. If so, this will be beneficial information as you complete your website redesign budget. 

    10. Website Budget

    Finally! We arrived at the Budget worksheet. Every worksheet in the Website That Works Planner comes together to give you what you’ve been waiting for—the cost of your website redesign.

    But there’s a problem. The problem is that most website budgets only focus on the costs: what expenses must be considered? Don’t get me wrong; it’s essential to know the costs. But if you only look at the costs, you only see part of the masterpiece.

    You must view your website as an investment rather than a liability. In your budget, consider potential earnings, savings, and expenses. Calculate your website’s long-term value in terms of profits. Our Budget Worksheet helps you do just that.

    In the budget worksheet, you’ll answer the following questions:

    • How will your website generate revenue? And how much?
    • How will your website save on operating costs? And how much?
    • What expenses do you need to consider? And how much for each?
    • What’s the total revenue and savings?
    • What’s the total cost?
    • What is the return on investment (revenue minus costs)?

    This website redesign budget exercise will help you (and your team) understand your significant role in your business and why you can justify spending more on a website that works for your business.

    I encourage our clients to budget for their website’s lifespan, typically 1.5 to 2.5 years. Typically, we see significant returns on investment in the millions or tens of millions of dollars.

    Free Website Redesign Budget Template

    Download the Structure Website Design Planner to create a perfect website budget!

    Step Three: Share Your Website Plan (Including Your Website Redesign Budget) like an RFP

    Many companies and organizations will create and send an RFP (Request for Proposal) to website designers to get an estimate for their website redesign project. Unfortunately, the RFP typically lacks 90% of the needed info for an accurate proposal. Even a multi-page RFP often lacks the correct details for an estimate.

    This means that either the web designer provides a vast ballpark estimate or they require you to submit to their discovery process… which means you wasted a couple of dozen hours writing an RFP that they’ll never look at. You need a comprehensive website plan and budget to determine an accurate cost.

    Imagine this: you download the Website That Works Website Planner and complete the worksheets. Then, you send your website redesign plan, including the budget, to a website designer and request their estimate. They’d be able to see exactly what you want, your goals, your competitive analysis, your budget, and much more. 

    You’ve already done the planning. This means they can get started on the design! Use the Website That Works Planner like an RFP, and you’ll get better estimates and timelines—guaranteed. 

    Marketing Leader Mapping Out Website Redesign Budget

    How a website redesign budget can make your project successful and profitable 

    A well-planned budget is a guiding framework that promotes effective decision-making, streamlined execution, and alignment with strategic objectives. It ensures that your website redesign is successful and efficient, delivering a solid return on investment while meeting user and business needs. Here’s how it can lead to positive outcomes.

    1. You’ll have a clear direction

    A budget provides a roadmap for the entire redesign process. It outlines available resources, achievable tasks, and the project’s scope. This clarity prevents confusion and keeps the project on track.

    2. You’ll be able to prioritize

    Budgeting forces you to prioritize tasks and features. By allocating funds to the most impactful elements, you ensure the redesign aligns with your strategic goals and meets your business priorities.

    3. You’ll create a source of truth

    A budget helps define the scope of the redesign. By clearly outlining what’s feasible within the allocated funds, you avoid scope creep—unplanned additions to the project that can lead to delays and cost overruns.

    4. You’ll know which resources you’ll need

    Budgeting allows you to effectively allocate resources like time, personnel, and tools. You can assemble the right team, set realistic timelines, and secure the necessary assets for the project.

    5. You’ll reduce the risk of failure

    A budget accounts for potential risks and uncertainties. If you’re extra cautious or have a large or complex site, we often recommend a 10-20% contingency fund to ensure you have enough set aside in case unexpected extra fees occur. A contingency fund helps address unexpected challenges without derailing the entire project, ensuring smooth progress.

    6. You’ll have an easier time finding help

    With a clear budget, you can confidently select vendors or contractors that fit within your financial constraints. This ensures you’re getting quality services without compromising your budget.

    7. You’ll share a common language

    A well-defined budget is a communication tool among team members, stakeholders, and external partners. It fosters transparency and a shared understanding of financial expectations.

    8. You’ll ensure the website is done right

    Budgeting encourages a focus on quality. When you allocate resources thoughtfully, you can invest in high-quality design, development, and content creation, resulting in a more polished outcome.

    9. You’ll have what you need to set timelines

    A budget helps you manage time effectively. Properly allocating resources and monitoring progress can prevent delays and guarantee the project’s timely completion.

    10. You’ll know if the project was profitable

    A budget provides a benchmark for success. Staying within budget signals effective project management, financial responsibility, and a project that meets its goals.

    11. You’ll have a reference point

    A budget isn’t set in stone; it can be adjusted as needed. If priorities change or unforeseen circumstances arise, having a budget allows you to reallocate resources while staying mindful of financial constraints.

    12. You’ll account for hidden or future expenses

    A budget doesn’t end at launch. It sets the stage for post-launch activities, such as ongoing maintenance and updates, ensuring the website’s longevity and relevance.

    Pro tips for creating a perfect website redesign budget

    After working on countless website redesign projects, we’ve learned a few things we would recommend anyone budgeting for a website redesign should consider. Remember that some tips might require a designer or developer’s input.

    Free Website Redesign Budget Template

    Download the Structure Website Design Planner to create a perfect website budget!

    1. Separate design and development costs

    People often use web design and development interchangeably. This is the web industry’s fault because it’s not uncommon for a web designer to develop and a web developer to design. Freelancers or studios commonly exhibit this “jack of all trades” profile, where they handle both web design and development.

    To add fuzziness on top of fogginess, many of these freelancers or studios estimate website projects as one cost for both design and development. Therefore, it’s tough to see a clear line between the two.

    The truth is that web design and web development are separate disciplines in creating and building websites. This is why there’s a distinct difference once you get into professional design and development teams like Structure. 

    In short, web design focuses on a website’s visual and user interface aspects. In contrast, web development is responsible for turning those designs into a functional website through coding and programming. Both design and development are integral to creating a successful and effective website.

    To use our physical building analogy, a web designer is like an architect. They make the plans, and they draw up the plans. But the architect isn’t on-site with a hammer. The builder is on-site with their team of specialized trades to turn building supplies into a building that matches the design.

    We estimate web design and development as distinct project phases in the professional world. There’s no way to know precisely what the “build” will cost if you don’t know what the “design” spec looks like.

    In summary, as part of your website redesign budget, creating separate line items for design and development is essential. They’re distinct skill sets and project phases—and will require separate costs.

    2. Plan for content creation (and migration)

    After handling many website redesigns, we’ve got some tips for your budget. These vary based on project scope and content complexity, and some might need input from a designer or developer. But ballpark estimates are available online for most.

    Remember, your initial budget might need adjusting. It’s a tool, not a contract. Working with a web team gets accurate estimates, keeping costs aligned with your goals.

    Copywriting

    Hiring professional copywriters to create or revise the textual content for the website, including product descriptions, service offerings, about pages, and other relevant information.

    Editing and Proofreading

    Ensuring that all content is accurate, error-free, and consistent in tone and messaging might involve costs for professional editing and proofreading services.

    Graphic Design and Visual Content

    Costs for designing custom graphics, infographics, images, icons, and other visual elements that enhance the overall look and feel of the website. An agency’s web design fees may include these costs, but they’re not always guaranteed to be included.

    Photography and Videography 

    If you need new photos or videos to showcase products, services, team members, or facilities, you might incur costs related to hiring photographers or videographers.

    SEO Optimization

    Search engine optimization (SEO) is always essential after a website redesign. Include costs for keyword research, optimization of content, and, potentially, ongoing SEO monitoring and adjustments.

    Content Management System (CMS) Integration

    Integrating the content into the system might result in associated costs if you’re building the website on a new CMS or customizing an existing one.

    Content Migration

    Transitioning from an old website to a new one might involve costs related to migrating existing content to the new platform.

    Translation Services

    Translational services could become a significant cost if your website needs to be available in multiple languages. Don’t forget to factor in additional costs if localization is also necessary.

    Project Management

    Managing the content creation process may require project management, which could involve additional costs. Some agencies will include this as part of their estimate, but you’ll always need to dedicate some internal resources to managing the content aspects of the project internally.

    Licensing and Permissions

    There could be licensing or permission costs if using third-party images, videos, or other content.

    User Experience (UX) and User Interface (UI) Content

    Designing and developing features like tooltips, pop-ups, and interactive forms could incur costs for more interactive elements. You’ll likely have to get these specific costs with your estimates.

    3. Factor time for internal testing and quality assurance

    After building your website, you’ll need to test it and ensure it looks and functions as expected. Think of it like a “walkthrough” of a new skyscraper. You want to ensure the paint color is correct, the toilet flushes, and the heater pumps out hot air.

    Now, you should expect your website developer to do thorough testing—for functionality, responsiveness, and user experience. Before you do your “walkthrough,” they need to ensure that the new site performs well, adapts to various devices, and provides a positive interaction for visitors.

    However, you’ll want to allocate internal resources to your own testing and quality assurance (QA) process. Bank on spending time on each testing activity.

    Functionality Testing

    You’ll want to ensure all the cool stuff on your website works how it should. We’re talking about checking links, forms, buttons—everything that helps people get around and do stuff on your site. Don’t forget to make a test purchase or schedule a sales call to ensure customers can get through!

    Responsiveness Testing

    Your customers are surfing your site on various gadgets—from tiny phones to big laptops. That’s why you’ll want to ensure your website looks and works great on all your devices. Virtual testing tools like BrowserStack can help you view your website on devices that aren’t readily available.

    Browser Testing

    Browser testing is another crucial aspect of website development and redesign. It’s all about ensuring your website looks and works perfectly on web browsers like Chrome, Firefox, Safari, and Edge. You might be surprised, but having a site that looks perfect on one browser but turns messy on another isn’t uncommon. Again, your web developer should be testing this, but you’ll also want to check.

    User Experience Testing

    User experience (UX) testing is like testing your website by seeing how folks use it. This can be done virtually using tools like PageSpeed Insights. Tests help spot issues, confusing paths, or roadblocks that might hinder customers’ buying.

    4. Prepare for unexpected costs in your website redesign budget with a contingency fund

    Along the way, unexpected things can pop up, like surprise guests at a party. These could be unforeseen technical glitches, sudden design tweaks, or even changes in what you thought you wanted. That’s where your contingency fund comes in. 

    Setting aside a stash of funds to handle any surprises or changes along the way is always a relief. Instead of scrambling or compromising the project, you have a cushion to handle those extra costs or changes without derailing the whole thing.

    The truth is that no matter how much due diligence you complete, website redesigns can still be a bit unpredictable. At Structure, we do an excellent job of sticking to scope, but I don’t want to set unrealistic expectations. Scope changes or unexpected hiccups can sneak in from any side. 

    We typically encourage our clients to set aside a 10% contingency fund. If there are a significant amount of variables or complexities, we encourage them up to 20%. Plan for between 10–20% of your website redesign budget.

    5. Plan for management and maintenance in your website redesign budget

    After you complete your website redesign, there’s still work to tackle. I’ve used the physical building analogy for websites in this article, which works well.

    Website management and maintenance is a lot like hiring a property management company to manage your properties. You own them, and they bring you value, but you have better things to do than attend to renter requests and routine maintenance. If you’re planning to buy or build a rental property, hiring property management help is something you want to consider upfront.

    One of our clients likened website management to an oil change for their car. They said they wouldn’t dare drive it for years without an oil change. It would ruin the engine! 

    Similarly, your website needs regular check-ups and tune-ups, and maintenance. Technology changes, bugs might creep in, and you might want to add new features. All of this requires ongoing care that you may not be equipped or interested in doing.

    Website management and maintenance are valuable over the lifetime of your website

    Setting aside funds for maintenance and updates means you’re future-proofing your site. You’re ensuring that it stays fresh, fast, and functional. It’s not just about keeping the lights on; it’s about keeping your site relevant and user-friendly.

    Plus, remember that your business evolves. For example, you might launch with certain content, but as you grow and adapt, your website should too. That’s why having a budget for updates means you won’t be caught off guard when you want to revamp content or add new sections.

    So, in a nutshell, allocating funds for post-launch maintenance and updates is like giving your website a long and healthy life. It keeps up-to-date, functional, and aligned with your ever-changing business needs. It’s not just a one-time launch; it’s an ongoing commitment to the success of your online presence.

    Free Website Redesign Budget Template

    Download the Structure Website Design Planner to create a perfect website budget!

    Common questions about budgeting for a website redesign

    If you’re a marketing or business leader, you might have various questions about budgeting for a website redesign. Here are some common questions and our best take on answering them!

    How much should we budget for a website redesign?

    Great question! Conversations about website redesigns often start with a rush for quick answers on cost and time. It’s common to seek a simple solution, but the truth is that most websites are much more complex than they look on the surface. Therefore, a website redesign is rarely ever simple.

    If you want a broad ballpark figure, many website designers and developers can provide that. But to get an accurate cost for budget approval, you’ll want to create a website plan that includes a thought-through website redesign budget.

    What factors affect our website redesign budget?

    You probably want to know which elements impact the budget the most, so you can at least account for the big numbers. 

    A website redesign has dozens of cost factors, but the heavy hitters are the number of pages, custom functionality, and design complexity.

    The number of pages

    The size of your website matters. More pages require more design work, content creation, and potentially additional coding. Additionally, if you need to create new content or optimize existing content for SEO, this can add to the cost. 

    Custom functionality

    More complex features, customizations, interactive elements, and integrations with third-party tools will likely increase the cost. E-commerce functionality, user accounts, booking systems, and advanced animations are examples of features that can impact cost.

    Design complexity 

    It will likely increase the cost if you aim for a unique and intricate design involving custom graphics, animations, or illustrations. The complexity of the layout, color schemes, typography, and overall aesthetic impact the required design work.

    Are there ongoing costs beyond the initial redesign?

    Yes, there are always post-launch costs, like maintenance, updates, and hosting fees. The good news is that most of those fees will be familiar if you’re redesigning your website.

    The only reason you’ll need to revisit the ongoing costs is if you plan on changing anything. For example, if you want to upgrade your hosting or switch website management providers.

    How do we ensure a good return on investment (ROI)?

    The best way to ensure a good ROI on your website redesign is to download the Website That Works Planner and plan a website with a good ROI.

    There’s never a guarantee that you’ll get a good ROI, but the truth is that the best performing, highest-converting, most beautiful websites weren’t built overnight. They were planned to be excellent from the very beginning.

    Can we repurpose existing content to save costs?

    Absolutely! I would encourage you to keep what works. In other words, if it ain’t broke, don’t fit it!

    The benefit of keeping as much content as possible is that it saves on content creation costs. Furthermore, it ensures that you don’t keep your organic traffic and search rankings instead of taking it by changing too many things at once. 

    Do we need to hire external professionals, like designers or developers?

    Yes, you do. If you’re a professional, you’ll hire a professional.

    I’ve seen it too many times. A client gets a quote from a professional website designer, and after the paramedics bring them back to life after severe sticker shock, they quickly hire their brother’s buddy, who has built a few sick websites on the side from his mom’s closet.

    Chaos ensues, and you experience relational headaches, price hikes, and forgotten deadlines.

    Here’s the blunt reality: what you pay is often what you get. If the budget seems unrealistically good, there’s usually a catch. It’s that simple.

    How much do most companies and organizations budget for a website redesign?

    Great question! As you might expect, the answer varies significantly based on many of the cost factors outlined in this article. However, you can expect to invest $15,000–$150,000 with a professional web agency like Structure.

    If your website is straightforward, and you’re using a semi-custom website design process that entails customizing a pre-designed template or theme—and building based on that theme functionality, expect to create a website redesign budget of $15,000–$25,000. This includes all factors, including hosting, content, design, and development.

    If your website is complex, and you’re using a custom web design process that entails designing and building your website from scratch, expect to create a website redesign budget of $25,000–$50,000.

    Website redesign budgets in the range of $50,000–$150,000+ are often for large, significantly complex websites that have hundreds or thousands of pages, require a substantial amount of custom functionality like translation and localization into different languages, and have a lot of custom design features like illustrations or video.

  • Website Design Planning: Our Simple, 3-Step  Process [Free Template]

    Website Design Planning: Our Simple, 3-Step Process [Free Template]

    Website design planning will set you up for success in every project stage, whether you do it yourself or hire help. Learn how to plan a website that attracts and converts visitors.

    Imagine if your website delivered as many leads, sales, and opportunities as you wanted.

    Imagine if your website looked impressive, and you were proud to use it to represent your business.

    What if it connected with all your business systems and automatically processed data, so you didn’t have to do it manually?

    A well-planned website can do all these things.

    That’s why the top-performing, highest-converting, most beautiful websites didn’t get built haphazardly—they were designed with a plan. 

    Free Website Design Planning Template

    Download the Structure Website Design Planner and use it to define and design your website!

    Maybe you just finished a brand overhaul.

    Or you’re launching a new product or service. Perhaps you’re even preparing for a new level of growth.

    Whatever your reason, a website design or redesign project can be a huge success or a colossal failure. 

    A strong plan creates a smooth process.

    Fear not! After designing our first website in 2010, I can confidently say that a strong web design plan creates a smooth web design process.

    That’s worth repeating. A strong website design plan creates a smooth website design process.

    In this article, we will pull back the curtain and share the Structure website design planning process, end-to-end.

    This is the same process we use to create $50,000+ websites that look amazing and generate more business than you believe. Let’s start!

    Structure Website Design Planning Template

    Website Design Planning Sucks

    Most websites we’ve redesigned never started with a plan, so we were hired to redesign them!

    Of course, our website redesign process includes planning, but most people don’t start there.

    Instead, they start at a random point in the process and hope they don’t skip over anything with too many downstream effects.

    I’m giving most folks a hard rap, but the truth is, I understand entirely. Website design planning sucks (most of the time) for a few reasons.

    Structure Website Design Planning Template
    Structure can help your team with website design planning

    1. Planning a website design takes time

    Let’s be honest.

    Most business leaders, marketing leaders, and entrepreneurs are busy. They want to accomplish work quickly.

    Planning in general (and website planning in specific) is the last thing we want to slow down to do.

    We all love a good plan’s clarity, calmness, and conclusion. However, it is tricky to block out the time on your calendar and prioritize the thinking time to do it.

    The website builder platforms (like Wix, Squarespace, Duda, GoDaddy, Weebly, etc.) know this.

    That’s why, when you sign up to build a DIY website, you start by picking a template and jump right into the building. They skip the planning, assuming you already did or will never do it.

    The good news is that website planning doesn’t have to take as much time as you’d think.

    By following the planning process we share in this article and utilizing our free Website Design Planning Guide, you’ll save lots of time because you’ll know what to do.

    2. Website planning takes knowledge

    It’s true.

    Website planning takes a basic understanding and knowledge of a website, how it works, and its role in your business.

    Therefore, when you go to “plan” a website, you may not know where to start or what to do. That’s okay; it’s another reason why having a Website Design Planning Guide can help. 

    If this is you, consider watching our (free) training on your website’s role in your business and how it affects each part of your marketing. It will help you better understand your website before you start the planning process. You can check it out HERE.

    3. Web design planning is uninteresting

    When most people think about a website design (or redesign), they think first about the art aspect of the website.

    They think about the website’s appearance: the logo, colors, fonts, and images.

    We like to look at beautiful things.

    However, most people don’t realize a website is 25% art and 75% science.

    In some ways, a website is like an iceberg. The art is the tip—the piece that stands out that everyone can see.

    However, most of what goes into a website happens behind the scenes. 

    We tell our clients this: great websites are much more FORMULAIC than most people think. Our website design planning process is a formula that will give you results if you follow it.

    4. The work to define a website requires alignment

    Now, it’s time to face the music.

    One of the biggest reasons website planning sucks is that your team has to define, align, and make decisions.

    That can be a challenge for any team, whether you’re website design planning or strategic planning.

    However, alignment is one of the biggest reasons organizations don’t define their website—and if they do, it’s an insanely painful process.

    Our Website Design Planning Guide helps organizations find alignment easier because the planning process isn’t ambiguous or random.

    You can work through the website planning process in just a few short meetings.

    Free Website Design Planning Template

    Download the Structure Website Design Planning Guide and use it to define and design your website!

    How You Can Do Website Design Planning Right

    The Structure Website Design Planning Process starts with the Define Phase, which takes four work sessions in our Website Planning Workshop, utilizing different worksheets in each work session.

    • Session 1: Strategy
    • Session 2: Shape
    • Session 3: Systems
    • Session 4: Schedule

    Let’s start by digging into the first item.

    1. Strategy Worksession

    This work session serves as the kickoff point for the planning process.

    In this session, you won’t think about your website or user needs as much as your business needs.

    This session includes the following worksheets:

    Vision Worksheet

    The vision worksheet helps you document what you’re hoping to create.

    It won’t help you create a lofty, unrealistic vision for something you can’t afford. It’s intended to stay practical and specific.

    DOWNLOAD THE FREE WEBSITE DESIGN PLANNING GUIDE TO GET THIS WORKSHEET

    Goals Worksheet

    The goals worksheet aims to align your team around your website project’s purpose.

    It also clarifies your website’s goals and how to know if it delivers the desired results.

    DOWNLOAD THE FREE WEBSITE DESIGN PLANNING GUIDE TO GET THIS WORKSHEET

    Team Worksheet 

    The team worksheet uses the DARCI Framework to define roles and responsibilities for your team.

    This helps you know your strengths and weaknesses and ensures you aren’t stepping on each other’s toes.

    2. Shape Worksession

    This work session is the second of three.

    It builds on your website strategy to define the systems that will make your website work for your business—and create an exceptional experience for your customers, too!

    Customer Journey Worksheet

    The customer journey worksheet helps you document how your customers buy from you. It lets you know your customers’ touchpoints with your website—which is a pivotal factor in knowing which pages are vital to the website.

    DOWNLOAD THE FREE WEBSITE DESIGN PLANNING GUIDE TO GET THIS WORKSHEET

    But most importantly, the Customer Journey worksheet lays the foundation for your website’s information architecture.

    If you’re not familiar with this term, it essentially means:

    • What information is included on your website
    • How that information is laid out
    • Where it has the most impact

    Diving into information architecture is worth another blog post in itself and is something that you’ll lean on a UI (user interface) and a UX (user experience) website designer to help you with.

    They’ll structure the information and lay out the visual elements to guide your customers through the perfect journey.

    More on this after the website planning process is complete.

    Sitemap Worksheet

    The sitemap worksheet helps you assess your website’s current pages and, in conjunction with the Customer Journey Worksheet, enables you to define the pages needed on your new website.

    You can also determine which pages to link in your header and footer navigation.

    DOWNLOAD THE FREE WEBSITE DESIGN PLANNING GUIDE TO GET THIS WORKSHEET

    3. Systems Worksession

    The third website design planning work session looks at how your website interacts with all functions in your business.

    You see, many think that the website is only a marketing and sales function. But that’s not true!

    It can be a tremendous resource for other functions like Administration, Finance and Human Resources, Operations, and more.

    Spend this time planning how your website systematically can save time and money through digital automation.

    Business Systems Worksheet

    The last worksheet in this session is the business systems worksheet.

    This helps your team become aware of the business systems you’re currently integrating with your website. Additionally, it helps facilitate any changes or upgrades needed before you get too far down the road.

    DOWNLOAD THE FREE WEBSITE DESIGN PLANNING GUIDE TO GET THIS WORKSHEET

    4. Schedule Worksession

    This final session includes one worksheet intended to set the stage for the design process by bridging the gap between your plans and visual design. Everything you’ve done so far in the planning process will be summarized in your wireframe worksheet.

    Budget Worksheet

    The budget worksheet is intended to help you estimate the value of your website.

    Most website budget worksheets only focus on the cost—ours take a more value-based approach and looks at the Return on Investment (ROI).

    We help you list how your website will generate revenue and what expenses should be considered. The goal is to answer this question: Revenue – Costs = ROI.

    DOWNLOAD THE FREE WEBSITE DESIGN PLANNING GUIDE TO GET THIS WORKSHEET

    How Structure Can Help with Website Design Planning

    So, that’s how we do website design planning at Structure.

    It’s a process, no doubt!

    However, I hope you can see that you’ll walk away with a comprehensive website plan by breaking down the planning process into three focused sessions with a few worksheets.

    You can guarantee your upcoming website is already stepping ahead of your competition.

    1. Download the Free Website Design Planner

    If you’d like to use our process for your website planning, go ahead! Get each worksheet for free when you download the Website Design Planning Guide.

    2. Register for a Structure Website Strategy Workshop

    Spend a few days with Structure to plan your website, and we’ll save you a few months of mistakes trying to figure it out independently.

    3. Watch Our Free Website Training

    We’ve put together an excellent training on your website’s role in your business and how it affects each part of your marketing.

    It’s called How to Build a Really Attractive, High-Converting Website That Makes You Proud.

    It will help you better understand your website and set you up perfectly for the planning process.

    4. Learn How Our Process Works

    Now that you know the Structure website design planning process, you might wonder how the other steps work.

    • When do we start the design?
    • Where does development fit into the process?
    • What steps do you need to take in which order?

    Check out our website’s How It Works page for the step-by-step breakdown.

    5. Take Our WebsiteBuilder Quiz

    If you’re considering hiring a Structure to help with your website design or redesign and want to know what it would cost, take our quick Website Design Quiz.

    It lets you tell us about your business, website goals, and timeline and will recommend a design package to get you started.

    6. Schedule a Free, 30-minute Consult Call

    We’re excited to help!

    You can take the call yourself or bring your team (the more, the merrier). Schedule a call if you’re ready to talk to one of our experts about your website.

    We’ll discuss your website, you’ll get free advice and guidance, and we’ll recommend a personalized package that fits your unique needs.

    Learn how to plan and a website design

    Website Design Planning FAQs

    What is website design planning?

    The first step of a website redesign is web design planning.

    Planning entails determining and documenting the type of and how exactly your firm wants to create a website and why or what the goals are.

    Website design planning is also known as Website Strategy.

    This step is crucial because it allows everyone on the project to be on the same page about what needs to be accomplished with the new or redesigned website.

    A well-crafted website strategy will answer five key questions:

    1. Who are we designing this website for? (Hint: It’s not just “anyone who visits the site.”)
    2. What do we want them to do when they get there? 
    3. What content will be most useful/relevant/engaging for this audience? 
    4. What are our business goals for this website? 
    5. Who is responsible for content creation and maintaining the website content?

    You must return to the drawing board if you can’t answer these five questions. Trying to build a website without a clear strategy is like playing darts in the dark—you might eventually hit the target, but it will take much longer (and be much less fun) than if you turned on the lights first.

    Does every website need website design planning?

    The answer is yes… if you want your website to accomplish clear goals—such as generating leads, taking orders, or communicating with your target audience.

    We strongly recommend doing some strategy work for most websites before diving into design and development. Trust us; it will save you time (and money) in the long run.

    However, there’s always an exception; not every website needs formal design planning.

    For example, a website for a personal blog or small business that’s just getting started, for example, may not need the same level of strategic thinking as a large enterprise website or an ecommerce site.

    In these cases, “Yes, informally may be a sufficient answer. You should consider the five website strategy questions in the above answer from a high level. 

    Who is website design planning for?

    While the planning process is crucial for everyone involved in creating or redesigning a website, it’s essential for two groups of people: 

    1. The project stakeholders, who are responsible for approving the budget and timeline for the project plan 
    2. The project team who will be doing the actual work of designing and building the website

    Project stakeholders are often high-level decision-makers, such as the CEO, CFO, or CIO.

    Often, for our clients, it’s the CEO, VP of Marketing, and Marketing Director. Some may not be intimately familiar with all the project details, but they must understand enough to make informed decisions about allocating resources.

    On the other hand, the project team will be deeply involved in every step of the process, from researching the competition to writing content to designing and coding the website.

    They must understand the project goals to do their jobs effectively and clearly.

    Both groups need to be involved in the website design planning process.

    Stakeholders need to provide input on the website’s overall purpose and goals, while the project team can offer insights on how best to achieve those goals.

    What are the benefits of website design planning?

    There are many benefits to taking the time to do formal website design planning, including: 

    1. A more precise understanding of the project goals 
    2. Improved communication between stakeholders and the project team 
    3. A more efficient and effective design and development process 
    4. A website that’s more likely to meet the needs of its users 
    5. Improved ROI for the business

    When done correctly, website design planning can help everyone understand what needs to do and why. This, in turn, leads to better communication, a smoother design and development process, and a final product that’s more likely to achieve its goals.

    What are the steps I need to take to plan a website?

    No one-size-fits-all answer to this question exists; every team will do it differently. Our team, however, uses the three-step process outlined in this article’s body. 

    1. Strategy Worksession
    2. System Worksession
    3. Shape Worksession

    We’ve found that this approach leads to the best results, but you may need to adjust it to fit the specific needs of your project.

    The planning process doesn’t have to be complicated or time-consuming.

    By taking a structured approach and involving all the key stakeholders, you can ensure everyone is on the same page. You will save time and money in the long run, and it will help you build a better website structure.

    Where can I find a website design planning template?

    Right here!

    Download the Structure Website Design Planning Guide for your website project’s A to Z roadmap.

    Furthermore, this is the same website planning template we use to create $50,000+ websites that look amazing and generate more business than you believe.

    How important is website design planning?

    Website design planning is the most critical part of a website design.

    Period.

    Unquestionably, there’s nothing more vital that you can do for your future website than starting with a plan.