--- description: New to agile design, and not sure where to get started? Here's the tried and true agile design process we use to build exceptional, flexible websites. title: Getting Started With Agile Design: The Process Guide for Beginners image: https://www.leanlabs.com/hubfs/blog_post_imgs/Lean-Labs_agile-design.png --- [Blog](https://www.leanlabs.com/blog)/ [ll-no-index](https://www.leanlabs.com/blog/topic/ll-no-index) # Getting Started With Agile Design: The Process Guide for Beginners 5 min read time ![Getting Started With Agile Design: The Process Guide for Beginners](https://www.leanlabs.com/hs-fs/hubfs/blog_post_imgs/Lean-Labs_agile-design.png?width=765&height=430&name=Lean-Labs_agile-design.png) Historically, websites had one job: to look good. However, in traditional design builds, companies often forgot to focus on one very critical element: the customer. If you need your website to engage and nurture your leads, it can't just sit there and look pretty. It needs to drive results. The sites that go beyond looks, and focus on moving the customer through the buying process facilitate those results. If your website is unable to guide your customer, you will lose them to a competitor, and it's very likely that they won't come back. That's why many brands pivot towards more flexible design, abandoning traditional design tactics. Sites constructed using the agile design approach are specifically designed to guide, nurture, and deliver highly qualified leads and customers. ## What Is Agile Design? Agile design streamlines [the design and website process](https://www.lean-labs.com/blog/lean-website-design-project-redesign) without sacrificing quality. A website built with agile design tactics will focus on the strategy and message, instead of aesthetics. This approach will also help you create a site that you can optimize and adjust to your customer's preferences. The core principles of agile design (also called [Growth Driven Design](/growth-driven-design)) include: * Building for the target audience * Delivering continuous value to those customers * Launching and learning from the preferences and behavior of customers By the end of an agile design-build, you will have a customer-centric site that will help you attract and engage with your most sought-after customers. For the best possible website, here is our recommended process for an agile web design project. ### Step #1: Creating A Plan/Strategy Your web design strategy will set the entire tone of your website. Without it, you're likely to go off assumptions about your customer. Often, these assumptions can result in a site that doesn't perform up to your expectations. When that happens, you will waste a lot of time and budget trying to fix these problems later. Rather than going down that road, it makes sense to invest in the customer research that will help you put together the best possible website strategy. We stay on track with the actual preferences of our audience with a series of [website strategy](//www.sprocketrocket.co/tools/strategy-kit) documents that focus on 2-3 of our ideal customers. These [one-page strategy documents](//www.sprocketrocket.co/tools/strategy-kit) include: * Buyer Personas - Buyer personas provide the most accurate and updated information about your 2-3 ideal customers. * The Business Model Canvas - This document walks you through the types of customers and companies you're targeting, where to find them, and how to message to them effectively. * Value Proposition Map - Inspired by [The Value Proposition Design, by Alex Osterwalder](https://www.amazon.com/Value-Proposition-Design-Customers-Strategyzer/dp/1118968050), this exercise helps you position the benefits and features of your product or service, connecting the dots between what the customer wants, and how you can (specifically) give it to them. We include all of these documents in [our free website Strategy Kit](//www.sprocketrocket.co/tools/strategy-kit). You can download them [for free](//www.sprocketrocket.co/tools/strategy-kit), and use them to inform your website strategy. An additional benefit of these strategy docs is that they're each only one page, making it easy to access them and quickly extract insights. There are a few other considerations when planning a web design, such as: * Whether or not you will [hire an agency,](https://www.lean-labs.com/blog/10-tips-to-reduce-risk-when-hiring-an-agency) or take a DIY approach * Your website goals (use [the SMART Goal model](https://knowledge.hubspot.com/articles/kcs%5Farticle/dashboard/how-to-set-your-goals-in-hubspot) to adapt these) * Whether or not you should utilize a platform like [HubSpot to build your site](https://www.lean-labs.com/blog/hubspot-for-startups-that-depends-on-the-answer-to-these-3-questions), or use what we like to call [a Franken System](https://www.lean-labs.com/blog/how-to-build-hubspot), that uses a platform like Wordpress alongside other plug-ins and extensions. (Spoiler: [We recommend HubSpot.](/blog/why-go-hubspot)) It may not seem like that has much to do with design, but the CMS (Content Management System) that you select makes a huge difference. (Here's an in-depth comparison we wrote about [WordPress versus HubSpot](/hubspot-vs-wordpress), for more information.) The strategic choices you make here will inform how long your site will take, and how much budget you will need. If you need additional guidance, we've written extensively about [building buyer personas](https://www.lean-labs.com/blog/how-to-create-buyer-personas-for-your-brand-and-actually-use-them) and [developing a website strategy](//www.sprocketrocket.co/tools/strategy-kit). ### Step #2: Rapid Prototyping + Messaging At this stage, you'll decide the key pages to include on your site. You will also figure out how they'll flow and connect, and the objective for each. After determining the pages you'll need to create, you can map out the structure (or sitemap) of your site using Post-It notes, or a whiteboard sketch. Then, you will outline a framework for each of those key pages. This framework will include a draft of your website copy. By drafting out the message before design, you can plan the content sections for every page. You can also ensure the message flows right into the desired action you want the visitor to take. When you plan out the copy first, you will also provide your designer with more context, leaving less room for assumptions. It will also prevent numerous design revisions. After you outline the messaging for every [core business page](/blog/do-you-know-the-most-important-pages-on-a-business-website), you can start with rapid prototyping. Even with an agile process, teams can get stuck at prototyping. Traditionally, you would create mockups and wireframes for pages, which took a lot of time. That's why we use a killer combination of tools - [HubSpot,](//www.hubspot.com/) which we use to build all of our websites, and [SprocketRocket,](//www.sprocketrocket.co/) a platform by our invention to prototype. With SprocketRocket, you can select the modules you want for each page. These modules are the building blocks every page framework, and consist of: * Ways to draw attention to your message, with a header image or an introductory headline * What will impress or gain the trust of your customers, such as testimonials or quotes * What will help convert leads, such as a call-to-action that points to your offer After selecting your modules, and using the drag and drop to organize the page layout, SprocketRocket connects to HubSpot and populates a draft of the website page. Each module and section from our SprocketRocket prototype carries over, so all you need to do is fill in your copy. Having all of this preparation is crucial for the next step, where we [design our words.](https://www.smashingmagazine.com/2013/09/why-copy-is-a-design-issue/) ### Step #3: Create A Flexible Design After you create your prototypes and draft your copy, this stage is pretty straightforward. All you need to do is pass the pages to your designer to complete. If you want, you can also utilize one of many of HubSpot's free design templates (although, as the saying goes, you get what you pay for.) Overall, you want the design to be minimal and flexible. After the site launches, you can go back and iterate based on performance. While it may be tempting to design every page to be 100% unique, if the design of every page is drastically different, it will be challenging to make any universal changes. You will spend a considerable amount of time testing, analyzing, and making adjustments to every page. However, by using minimal design and modules, you can reuse elements across your site. It will be much simpler to construct new pages, make edits, and identify the aspects of the website that are performing very well, and the elements that are not. ### Learning and Iterating With Agile Design After you develop all of your flexible, lightweight pages, you can launch and move on to one of the most critical process steps in flexible design: learning. For the next few weeks, you will let traffic run through the site, and study the performance of your pages. The data will tell you everything about how the customer is responding to the look, feel, and tone of your pages. From there, you can use those insights to tweak, refine, and optimize. By making incremental changes over a more extended period, you can be confident that you're operating off truths, rather than assumptions. In the long run, you get a stronger, more sustainable site that can grow with your company _and_ your customer. If you're ready to create something great, but you still need some guidance on strategy and goal-setting, check out [The Game Plan.](https://www.lean-labs.com/gameplan) Every day, we work with brands and follow this same agile design process to build exceptional websites. While this isn't an open offer (we can't connect with everyone), if we're a match, we can provide a go-to-market strategy to fill your gaps, achieve your goals, and serve as [a roadmap to growth.](https://www.lean-labs.com/gameplan) [![Free Website Launch Kit](https://no-cache.hubspot.com/cta/default/275827/dbe2973f-4af1-4f92-802f-3b2d9bcd249a.png)](https://cta-redirect.hubspot.com/cta/redirect/275827/dbe2973f-4af1-4f92-802f-3b2d9bcd249a) ## Latest, related and recommended posts [ ![The Content Repurposing Toolkit](https://www.leanlabs.com/hs-fs/hubfs/LL%20V4.1/repurposing%20content%20video%20thumb%2001.jpg?width=500&height=500&name=repurposing%20content%20video%20thumb%2001.jpg) ll-no-index The Content Repurposing Toolkit Read more ](https://www.leanlabs.com/blog/the-content-repurposing-toolkit) [ ![How Trigger-Based Email Marketing Can Drive Incredible Results](https://www.leanlabs.com/hs-fs/hubfs/blog_post_imgs/Featured%20Images/trigger-based-email-marketing-results.jpg?width=500&height=500&name=trigger-based-email-marketing-results.jpg) Growth Marketing How Trigger-Based Email Marketing Can Drive Incredible Results Read more ](https://www.leanlabs.com/blog/trigger-based-email-marketing-results) [ ![Lead Capture Websites: One Thing That Will Dramatically Increase Conversion Rates](https://www.leanlabs.com/hs-fs/hubfs/blog_post_imgs/Featured%20Images/SR_Lead-Capture-Publishing%20(1).png?width=500&height=500&name=SR_Lead-Capture-Publishing%20(1).png) ll-no-index Lead Capture Websites: One Thing That Will Dramatically Increase Conversion Rates Read more ](https://www.leanlabs.com/blog/lead-capture-websites-dramatically-increase-conversion-rates) [![About Lean Labs](https://www.leanlabs.com/hubfs/LL%20V4.1/logos/LL%20Logo%20Dark.svg)](https://www.leanlabs.com) Lean Labs builds growth machines that take 7-figure startups to 8\. → [**See How!**](https://www.leanlabs.com/approach/why-lean-labs) Share [ ![Share on facebook](https://www.leanlabs.com/hubfs/LL%20v5/Images/Icons/Facebook.svg) ](http://www.facebook.com/share.php?u=https%3A%2F%2Fwww.leanlabs.com%2Fblog%2Fgetting-started-with-agile-design-the-process-guide-for-beginners%3Futm%5Fmedium%3Dsocial%26utm%5Fsource%3Dfacebook) [ ![Share on linkedin](https://www.leanlabs.com/hubfs/LL%20v5/Images/Icons/LinkedIn.svg) ](http://www.linkedin.com/shareArticle?mini=true&url=https%3A%2F%2Fwww.leanlabs.com%2Fblog%2Fgetting-started-with-agile-design-the-process-guide-for-beginners%3Futm%5Fmedium%3Dsocial%26utm%5Fsource%3Dlinkedin) [ ![Share on reddit](https://www.leanlabs.com/hubfs/LL%20v5/Images/Icons/reddit.svg) ](https://www.reddit.com/submit?url=https%3A%2F%2Fwww.leanlabs.com%2Fblog%2Fgetting-started-with-agile-design-the-process-guide-for-beginners%3Futm%5Fmedium%3Dsocial%26utm%5Fsource%3Dreddit) [ Grade my site![chevron-right](https://www.leanlabs.com/hubfs/LL%20v5/Images/Icons/chevron-right.svg) ](https://cta-service-cms2.hubspot.com/web-interactives/public/v1/track/click?encryptedPayload=AVxigLLUGeyXuIFe4n%2B1E42IAXAWWgWgkkHKyylkCaC53TFA5LXNKHbY1ByeZ7mNZ9WHFS1WfZ1VrTarTazLKDbOc%2Btc%2Bg%2BBT11oQTrJhYOQyf5sCqDNGXudXVDytcA7Jb2UdS%2FC5xT4BZA6pMCL%2BHU0XpBYZ%2B0d78FOiUQsXv09XXmngTg%3D&portalId=275827) ![grader laptop](https://www.leanlabs.com/hs-fs/hubfs/LL%20v5/Images/grader%20laptop.png?width=552&height=454&name=grader%20laptop.png) ### AI Website Grader Uncover what’s working, pinpoint areas that need improvement, and get trained AI's recommendations on how to turn your website into your brand’s #1 salesperson. Grade my site ## TAKE THE FIRST STEP ### Turn your marketing from a cost center into a self-funding growth machine. ![work](https://www.leanlabs.com/hubfs/LL%20v5/Icons/work.svg) ### Our work & results Hear what our clients have to say about their results. **Read our 5 star reviews on HubSpot.** [](https://www.leanlabs.com/approach/success) ![programs](https://www.leanlabs.com/hubfs/LL%20v5/Icons/programs.svg) ### Programs & pricing **Find out how much it costs** to work with us. We have various programs available starting at $2k per month. [](https://www.leanlabs.com/pricing) ![kevin](https://www.leanlabs.com/hs-fs/hubfs/LL%20v5/Images/kevin.png?width=64&height=64&name=kevin.png) ### Get your free strategy session Find out exactly what **we’d do if we were your growth team.** Select a day and time on the calendar. Request a meeting [ Request A Meeting![right arrow icon](https://www.leanlabs.com/hubfs/LL%20V4.1/icons/Right%20arrow.svg) ](https://cta-service-cms2.hubspot.com/web-interactives/public/v1/track/click?encryptedPayload=AVxigLKguQz1pHGVkA3wdiTS9EE1O5E3Ct1K0Z80gm18lqpbpOzOOhixlWF3vFwSXsk5ZFPTer64z0Z%2BsMdxMcIozeqRS%2FeTnT1Fi%2Fenbbx6QM4lYwwHLgnazScch60YGZ8O7N48nP3dy51Pb162YfiwSq4Ucdk22w3H648JgH6iTgejT3TgMXeeL19riQjd&portalId=275827) ### Ask AI about Lean Labs [ ![](https://www.leanlabs.com/hubfs/LL%20v5/Images/Logos/chatgpt.svg) ChatGPT ](https://chat.openai.com/) [ ![](https://www.leanlabs.com/hubfs/LL%20v5/Images/Logos/googlegemini%201.svg) Gemini ](https://www.google.com/search?udm=50) [ ![](https://www.leanlabs.com/hubfs/LL%20v5/Images/Logos/perplexity%201.svg) Perplexity ](https://www.perplexity.ai/search/new) [ ![](https://www.leanlabs.com/hubfs/LL%20v5/Images/Logos/claude%201.svg) Claude ](https://claude.ai/new) [ ![](https://www.leanlabs.com/hubfs/LL%20v5/Images/Logos/copilot.svg) Copilot ](https://copilot.microsoft.com/) Ask AI ```json { "@graph": [ { "@id": "https://www.leanlabs.com/#organization", "url": "https://www.leanlabs.com/", "logo": { "url": "https://www.leanlabs.com/favicon.ico", "@type": "ImageObject", "width": 60, "height": 60 }, "name": "Lean Labs", "@type": "Organization", "sameAs": [ "https://www.entities.org/entity/lean-labs", "https://www.linkedin.com/company/lean-labs", "https://www.crunchbase.com/organization/lean-labs-eed8", "https://twitter.com/leanlabs", "https://www.youtube.com/@LeanLabs1", "https://www.facebook.com/LeanLabs", "https://ecosystem.hubspot.com/marketplace/solutions/lean-labs", "https://clutch.co/profile/lean-labs", "https://www.g2.com/products/lean-labs/reviews", "https://opencorporates.com/companies/us_fl/P23000000218", "https://www.agencyspotter.com/lean-labs" ], "slogan": "We help companies on HubSpot Drive Growth", "address": { "@type": "PostalAddress", "postalCode": "34638", "addressRegion": "FL", "streetAddress": "16703 Early Riser Avenue, Suite 11", "addressCountry": "US", "addressLocality": "Land O' Lakes" }, "founder": { "name": "Kevin Barber", "@type": "Person", "sameAs": "https://www.linkedin.com/in/thekevinbarber", "jobTitle": "Head of Growth" }, "memberOf": { "name": "HubSpot Diamond Partner", "@type": "Organization" }, "knowsAbout": [ { "url": "https://www.leanlabs.com/solutions/answer-engine-optimization-agency", "name": "Answer Engine Optimization", "@type": "Thing" }, { "url": "https://www.leanlabs.com/solutions/growth-driven-design", "name": "Growth-Driven Design", "@type": "Thing" }, { "url": "https://www.leanlabs.com/solutions/loop-marketing", "name": "Loop Marketing", "@type": "Thing" }, { "url": "https://www.leanlabs.com/solutions/hubspot-projects", "name": "HubSpot", "@type": "Thing" }, { "url": "https://www.leanlabs.com/solutions/lead-generation-website", "name": "Lead Generation", "@type": "Thing" }, { "url": "https://www.leanlabs.com/solutions/website-redesign", "name": "Website Redesign", "@type": "Thing" }, { "url": "https://www.leanlabs.com/expertise/saas-marketing-agency-hubspot", "name": "SaaS Marketing", "@type": "Thing" }, { "url": "https://www.leanlabs.com/expertise/healthcare-marketing-agency-hubspot", "name": "Healthcare Marketing", "@type": "Thing" }, { "url": "https://www.leanlabs.com/expertise/fintech-marketing-agency-hubspot", "name": "Fintech Marketing", "@type": "Thing" } ], "description": "Lean Labs boosts marketing ROI for SaaS and B2B companies, driving significant growth through expert strategies, lead generation, and website optimization.", "contactPoint": { "url": "https://www.leanlabs.com/schedule", "@type": "ContactPoint", "email": "hello@lean-labs.com", "telephone": "+1-913-871-6500", "contactType": "sales" }, "foundingDate": "2007-08-10", "hasOfferCatalog": { "name": "Lean Labs Services", "@type": "OfferCatalog", "itemListElement": [ { "name": "Marketing x AI", "@type": "OfferCatalog", "itemListElement": [ { "@type": "Offer", "itemOffered": { "url": "https://www.leanlabs.com/solutions/loop-marketing", "name": "Loop Marketing", "@type": "Service" } }, { "@type": "Offer", "itemOffered": { "url": "https://www.leanlabs.com/solutions/answer-engine-optimization-agency", "name": "Answer Engine Optimization (AEO)", "@type": "Service" } }, { "@type": "Offer", "itemOffered": { "url": "https://www.leanlabs.com/solutions/hubspot-website-schema-rocket", "name": "AEO Schema", "@type": "Service" } }, { "@type": "Offer", "itemOffered": { "url": "https://www.leanlabs.com/solutions/aeo-genie", "name": "AEO Genie", "@type": "Service" } } ] }, { "name": "Web x AI", "@type": "OfferCatalog", "itemListElement": [ { "@type": "Offer", "itemOffered": { "url": "https://www.leanlabs.com/solutions/lead-generation-website", "name": "Lead Gen Websites", "@type": "Service" } }, { "@type": "Offer", "itemOffered": { "url": "https://www.leanlabs.com/solutions/websites", "name": "Website Design", "@type": "Service" } }, { "@type": "Offer", "itemOffered": { "url": "https://www.leanlabs.com/solutions/growth-driven-design", "name": "Growth-Driven Design", "@type": "Service" } }, { "@type": "Offer", "itemOffered": { "url": "https://www.leanlabs.com/solutions/website-redesign", "name": "Website Redesign", "@type": "Service" } }, { "@type": "Offer", "itemOffered": { "url": "https://www.leanlabs.com/solutions/web-migrations", "name": "Website Migrations", "@type": "Service" } } ] }, { "name": "HubSpot x AI", "@type": "OfferCatalog", "itemListElement": [ { "@type": "Offer", "itemOffered": { "url": "https://www.leanlabs.com/solutions/hubspot-projects", "name": "HubSpot Projects", "@type": "Service" } }, { "@type": "Offer", "itemOffered": { "url": "https://www.leanlabs.com/solutions/hubspot-breeze-agents", "name": "HubSpot Breeze Agents", "@type": "Service" } } ] } ] }, "numberOfEmployees": { "@type": "QuantitativeValue", "value": 12 } }, { "@id": "https://www.leanlabs.com/#website", "url": "https://www.leanlabs.com/", "name": "Lean Labs", "@type": "WebSite", "publisher": { "@id": "https://www.leanlabs.com/#organization" }, "inLanguage": "en-US", "description": "Lean Labs boosts marketing ROI for SaaS and B2B companies through expert strategies, lead generation, and website optimization.", "potentialAction": { "name": "Request a Meeting", "@type": "Action", "target": "https://www.leanlabs.com/schedule" } }, { "@id": "https://www.leanlabs.com/blog/getting-started-with-agile-design-the-process-guide-for-beginners", "url": "https://www.leanlabs.com/blog/getting-started-with-agile-design-the-process-guide-for-beginners", "name": "Getting Started With Agile Design: The Process Guide for Beginners", "@type": "WebPage", "about": { "@id": "https://www.leanlabs.com/blog/getting-started-with-agile-design-the-process-guide-for-beginners#article" }, "isPartOf": { "@id": "https://www.leanlabs.com/#website" }, "breadcrumb": { "@id": "https://www.leanlabs.com/blog/getting-started-with-agile-design-the-process-guide-for-beginners#breadcrumb" }, "inLanguage": "en-US", "description": "Learn how agile design streamlines the website design process without sacrificing quality. A beginner's guide covering strategy, rapid prototyping, flexible design, and continuous iteration for customer-centric websites.", "dateModified": "2026-05-30", "isAccessibleForFree": true }, { "@id": "https://www.leanlabs.com/blog/getting-started-with-agile-design-the-process-guide-for-beginners#breadcrumb", "@type": "BreadcrumbList", "itemListElement": [ { "item": "https://www.leanlabs.com/", "name": "Home", "@type": "ListItem", "position": 1 }, { "item": "https://www.leanlabs.com/blog", "name": "Blog", "@type": "ListItem", "position": 2 }, { "name": "Getting Started With Agile Design: The Process Guide for Beginners", "@type": "ListItem", "position": 3 } ] }, { "@id": "https://www.leanlabs.com/blog/getting-started-with-agile-design-the-process-guide-for-beginners#article", "@type": "BlogPosting", "about": [ { "name": "Agile Design", "@type": "Thing" }, { "name": "Growth-Driven Design", "@type": "Thing" }, { "name": "Website Strategy", "@type": "Thing" }, { "name": "Rapid Prototyping", "@type": "Thing" }, { "name": "HubSpot", "@type": "Thing" } ], "author": { "name": "Kevin Barber", "@type": "Person", "sameAs": [ "https://www.linkedin.com/in/thekevinbarber", "https://www.thekevinbarber.com/", "https://www.entities.org/entity/kevin-barber" ], "jobTitle": "Head of AI Growth" }, "headline": "Getting Started With Agile Design: The Process Guide for Beginners", "keywords": "agile design, growth-driven design, website strategy, rapid prototyping, website optimization, HubSpot, SprocketRocket, buyer personas, flexible design, iterative design", "publisher": { "@id": "https://www.leanlabs.com/#organization" }, "wordCount": 1300, "inLanguage": "en-US", "description": "Learn how agile design streamlines the website design process without sacrificing quality. A beginner's guide covering strategy, rapid prototyping, flexible design, and continuous iteration for customer-centric websites.", "dateModified": "2023-07-12T12:43:49.857Z", "datePublished": "2018-09-18T14:00:00.000Z", "articleSection": "Web Design", "potentialAction": { "@type": "ReadAction", "target": "https://www.leanlabs.com/blog/getting-started-with-agile-design-the-process-guide-for-beginners" }, "mainEntityOfPage": { "@id": "https://www.leanlabs.com/blog/getting-started-with-agile-design-the-process-guide-for-beginners" }, "isAccessibleForFree": true } ], "@context": "https://schema.org" } { "@type": "BlogPosting", "@context": "https://schema.org", "articleBody": "Historically, websites had one job to look good. However, in traditional design builds, companies often forgot to focus on one very critical element the customer. If you need your website to engage and nurture your leads, it can't just sit there and look pretty. It needs to drive results. The sites that go beyond looks, and focus on moving the customer through the buying process facilitate those results. If your website is unable to guide your customer, you will lose them to a competitor, and it's very likely that they won't come back. That's why many brands pivot towards more flexible design, abandoning traditional design tactics. Sites constructed using the agile design approach are specifically designed to guide, nurture, and deliver highly qualified leads and customers. What Is Agile Design? Agile design streamlines the design and website process without sacrificing quality. A website built with agile design tactics will focus on the strategy and message, instead of aesthetics. This approach will also help you create a site that you can optimize and adjust to your customer's preferences. The core principles of agile design (also called Growth Driven Design) include Building for the target audience Delivering continuous value to those customers Launching and learning from the preferences and behavior of customers By the end of an agile design-build, you will have a customer-centric site that will help you attract and engage with your most sought-after customers. For the best possible website, here is our recommended process for an agile web design project. Step #1 Creating A Plan/Strategy Your web design strategy will set the entire tone of your website. Without it, you're likely to go off assumptions about your customer. Often, these assumptions can result in a site that doesn't perform up to your expectations. When that happens, you will waste a lot of time and budget trying to fix these problems later. Rather than going down that road, it makes sense to invest in the customer research that will help you put together the best possible website strategy. We stay on track with the actual preferences of our audience with a series of website strategy documents that focus on 2-3 of our ideal customers. These one-page strategy documents include Buyer Personas - Buyer personas provide the most accurate and updated information about your 2-3 ideal customers. The Business Model Canvas - This document walks you through the types of customers and companies you're targeting, where to find them, and how to message to them effectively. Value Proposition Map - Inspired by The Value Proposition Design, by Alex Osterwalder, this exercise helps you position the benefits and features of your product or service, connecting the dots between what the customer wants, and how you can (specifically) give it to them. We include all of these documents in our free website Strategy Kit. You can download them for free, and use them to inform your website strategy. An additional benefit of these strategy docs is that they're each only one page, making it easy to access them and quickly extract insights. There are a few other considerations when planning a web design, such as Whether or not you will hire an agency, or take a DIY approach Your website goals (use the SMART Goal model to adapt these) Whether or not you should utilize a platform like HubSpot to build your site, or use what we like to call a Franken System, that uses a platform like Wordpress alongside other plug-ins and extensions. (Spoiler We recommend HubSpot.) It may not seem like that has much to do with design, but the CMS (Content Management System) that you select makes a huge difference. (Here's an in-depth comparison we wrote about WordPress versus HubSpot, for more information.) The strategic choices you make here will inform how long your site will take, and how much budget you will need. If you need additional guidance, we've written extensively about building buyer personas and developing a website strategy. Step #2 Rapid Prototyping + Messaging At this stage, you'll decide the key pages to include on your site. You will also figure out how they'll flow and connect, and the objective for each. After determining the pages you'll need to create, you can map out the structure (or sitemap) of your site using Post-It notes, or a whiteboard sketch. Then, you will outline a framework for each of those key pages. This framework will include a draft of your website copy. By drafting out the message before design, you can plan the content sections for every page. You can also ensure the message flows right into the desired action you want the visitor to take. When you plan out the copy first, you will also provide your designer with more context, leaving less room for assumptions. It will also prevent numerous design revisions. After you outline the messaging for every core business page, you can start with rapid prototyping. Even with an agile process, teams can get stuck at prototyping. Traditionally, you would create mockups and wireframes for pages, which took a lot of time. That's why we use a killer combination of tools - HubSpot, which we use to build all of our websites, and SprocketRocket, a platform by our invention to prototype. With SprocketRocket, you can select the modules you want for each page. These modules are the building blocks every page framework, and consist of Ways to draw attention to your message, with a header image or an introductory headline What will impress or gain the trust of your customers, such as testimonials or quotes What will help convert leads, such as a call-to-action that points to your offer After selecting your modules, and using the drag and drop to organize the page layout, SprocketRocket connects to HubSpot and populates a draft of the website page. Each module and section from our SprocketRocket prototype carries over, so all you need to do is fill in your copy. Having all of this preparation is crucial for the next step, where we design our words. Step #3 Create A Flexible Design After you create your prototypes and draft your copy, this stage is pretty straightforward. All you need to do is pass the pages to your designer to complete. If you want, you can also utilize one of many of HubSpot's free design templates (although, as the saying goes, you get what you pay for.) Overall, you want the design to be minimal and flexible. After the site launches, you can go back and iterate based on performance. While it may be tempting to design every page to be 100% unique, if the design of every page is drastically different, it will be challenging to make any universal changes. You will spend a considerable amount of time testing, analyzing, and making adjustments to every page. However, by using minimal design and modules, you can reuse elements across your site. It will be much simpler to construct new pages, make edits, and identify the aspects of the website that are performing very well, and the elements that are not. Learning and Iterating With Agile Design After you develop all of your flexible, lightweight pages, you can launch and move on to one of the most critical process steps in flexible design learning. For the next few weeks, you will let traffic run through the site, and study the performance of your pages. The data will tell you everything about how the customer is responding to the look, feel, and tone of your pages. From there, you can use those insights to tweak, refine, and optimize. By making incremental changes over a more extended period, you can be confident that you're operating off truths, rather than assumptions. In the long run, you get a stronger, more sustainable site that can grow with your company and your customer. If you're ready to create something great, but you still need some guidance on strategy and goal-setting, check out The Game Plan. Every day, we work with brands and follow this same agile design process to build exceptional websites. While this isn't an open offer (we can't connect with everyone), if we're a match, we can provide a go-to-market strategy to fill your gaps, achieve your goals, and serve as a roadmap to growth.", "articleSection": ["ll-no-index", "Agile Design"], "keywords": ["ll-no-index", "Agile Design"], "author": [ { "@type": "Person", "name": "Melissa Randall", "url": "https://www.leanlabs.com/blog/author/melissa-randall" } ], "dateModified": "2026-07-22 09:19:42.000Z", "description": "Historically, websites had one job to look good. However, in traditional design builds, companies often forgot to focus on one very critical element the customer. If you need your website to engage and nurture your leads, it can't just sit there and look pretty. It needs to drive results. The sites that go beyond looks, and focus on moving the customer through the buying process facilitate those results. If your website is unable to guide your customer, you will lose them to a competitor, and it's very likely that they won't come back. That's why many brands pivot towards more flexible design, abandoning traditional design tactics. Sites constructed using the agile design approach are specifically designed to guide, nurture, and deliver highly qualified leads and customers.", "headline": "Getting Started With Agile Design The Process Guide for Beginners", "image": [ { "@type": "ImageObject", "contentUrl": "https://www.lean-labs.com/hubfs/blog_post_imgs/Lean-Labs_agile-design.png", "url": "https://www.lean-labs.com/hubfs/blog_post_imgs/Lean-Labs_agile-design.png", "caption": "Getting Started With Agile Design The Process Guide for Beginners", "sourceOrganization": { "@type": "Organization", "name": "Lean Labs" }, "width": "600", "height": "315", "creditText": "Melissa Randall/Lean Labs", "dateCreated": "2018-09-18 10:00:00.000Z" } ], "thumbnailUrl": "https://www.lean-labs.com/hubfs/blog_post_imgs/Lean-Labs_agile-design.png", "inLanguage": "en", "isPartOf": { "@type" : "Blog", "@id": "https://www.lean-labs.com/blog/", "name": "Lean Labs Blog", "publisher": { "@type": "Organization", "@id": "https://www.lean-labs.com", "name": "Lean Labs" } }, "mainEntityOfPage": { "@type": "WebPage", "@context": "https://schema.org", "url": "https://www.leanlabs.com/blog/getting-started-with-agile-design-the-process-guide-for-beginners", "dateModified": "2026-07-22 09:19:42.000Z", "inLanguage": "en", "additionalType": "article_leaf", "publisher": { "@type": "Organization", "name": "Lean Labs", "@id": "https://www.lean-labs.com/#organization", "logo": "https://www.lean-labs.com/hubfs/LL%20V4.1/logos/LL%20Logo%20Dark.svg", "url": "https://www.lean-labs.com/", "sameAs": [ "https://www.linkedin.com/company/lean-labs/", "https://ecosystem.hubspot.com/marketplace/solutions/lean-labs", "https://www.glassdoor.com/Reviews/Lean-Labs-Reviews-E3982766.htm", "https://www.youtube.com/@LeanLabs1", "https://www.facebook.com/LeanLabs/", "https://x.com/leanlabs?lang=en", "https://rocketreach.co/lean-labs-profile_b5f5471df42d3400", "https://www.crunchbase.com/organization/lean-labs-eed8" ] }, "name": "Getting Started With Agile Design The Process Guide for Beginners", "headline": "Getting Started With Agile Design The Process Guide for Beginners", "description": "Historically, websites had one job to look good. However, in traditional design builds, companies often forgot to focus on one very critical element the customer. If you need your website to engage and nurture your leads, it can't just sit there and look pretty. It needs to drive results. The sites that go beyond looks, and focus on moving the customer through the buying process facilitate those results. If your website is unable to guide your customer, you will lose them to a competitor, and it's very likely that they won't come back. That's why many brands pivot towards more flexible design, abandoning traditional design tactics. Sites constructed using the agile design approach are specifically designed to guide, nurture, and deliver highly qualified leads and customers.", "datePublished": "2018-09-18 10:00:00.000Z" }, "publisher": { "@type": "Organization", "name": "Lean Labs", "logo": "https://www.lean-labs.com/hubfs/LL%20V4.1/logos/LL%20Logo%20Dark.svg", "url": "https://www.lean-labs.com/", "sameAs": [ "https://www.linkedin.com/company/lean-labs/", "https://ecosystem.hubspot.com/marketplace/solutions/lean-labs", "https://www.glassdoor.com/Reviews/Lean-Labs-Reviews-E3982766.htm", "https://www.youtube.com/@LeanLabs1", "https://www.facebook.com/LeanLabs/", "https://x.com/leanlabs?lang=en", "https://rocketreach.co/lean-labs-profile_b5f5471df42d3400", "https://www.crunchbase.com/organization/lean-labs-eed8" ] }, "wordCount": 1917, "datePublished": "2018-09-18 10:00:00.000Z", "isAccessibleForFree": true } ```