What Is Growth-Driven Design? White and dark type on a slate ground, Propello.

Jul 25, 2022, 9:36:41 PM | CRO

What Is Growth-Driven Design?

If you lead marketing, sales or growth at a B2B company and your website feels like a project you finish and then forget, this guide is for you. It explains what growth-driven design is, how its three stages work and what your team gains from it.

The short answer: growth-driven design is a way to build a website that launches fast, then improves in short cycles using real user data instead of opinions. HubSpot popularized the method, and this guide describes it plainly, with the limits of the evidence stated.

 

Growth-Driven Design

Growth-Driven Design is a web design methodology that launches a focused first version of a website quickly, then improves it in short sprints using real user data, instead of rebuilding the whole site every few years.

Why the traditional website redesign keeps disappointing

A traditional website redesign follows a familiar pattern. A team spends months agreeing on pages and content, then months more on design and development, and then launches the new website on one day. After launch the site is treated as finished.

This traditional web design process treats a website like a printed brochure: expensive to produce, quickly out of date and rarely revisited until the next big project.

That pattern is a bet. Every page, layout and message is a guess about what your target audience wants, and nobody learns whether the guess was right until the site is live. By then the budget is spent, and the next redesign is two or three years away.

The business changes in the meantime. Your offer shifts, your buyers ask different questions and search engines reward different pages. A site built as a single launch starts to drift away from what your marketing and sales teams actually need.

The weakness sits in the website development process itself. Traditional web design methods put the biggest decisions first, when you know the least, and leave the learning until after the money is gone.

Growth-driven design was created to fix that pattern. This approach, called growth driven design, applies lean and agile principles to web design, so you commit a little, learn a lot, and adjust. The agile approach keeps the work in small pieces, and the website remains relevant as your business changes. It treats the site as a living, evolving asset, and it spreads the investment over time, which reduces financial risk because each round of spending follows evidence from the last. HubSpot's Luke Summerfield is credited as the founder of the approach, and HubSpot announced a certification for it in 2017.

How the growth-driven design methodology works in three stages

Three stages, in order. Strategy asks which problems the new site must solve; it includes measurable business goals, how people use the current site, audience profiles and the user journey, and a ranked wish list. Launchpad website asks which wish list items go live first; it includes a fully developed first version, the highest-impact items, analytics, forms and tracking, and some ideas left for later. Continuous improvement asks what the last sprint taught us; it is a cycle of plan, build, learn and transfer.

The methodology has three stages. The official Growth-Driven Design methodology page, which the site lists as a HubSpot property, describes them as strategy, launch pad and continuous improvement. Each stage has a different job.

Stage one is the strategy phase, built on an empathetic understanding of your audience's world

The strategy phase sets the direction before anyone designs a page. The methodology puts it at 10 to 14 days. You set business goals you can measure, study how people use the current website, and decide which problems the new site must solve.

The team begins with an empathetic understanding of your audience's world: what your buyers are trying to get done, what slows them down and what they search for. Interviews, customer data and analyzing user data from the existing site all feed this picture. The goal is to understand user behavior before you design anything.

This is where persona development happens. You build short profiles of the people in your target audience and map the user journey from first visit to inquiry, including the main user flows through the site. You also review the existing site and its site architecture for pages that already earn traffic and pages that quietly lose people.

The strategy stage ends with a website strategy tied to your business objectives and a wish list: every idea for the site, ranked by likely impact and effort. The wish list becomes the queue that drives every sprint after launch.

Stage two is the launchpad website

A launchpad website is a fully developed first version of your new site, built around the highest-impact items on the wish list. The methodology puts this stage at 60 to 90 days. A launch pad site is not a prototype or a stripped-down placeholder.

The aim is a site that looks and performs better than the one you have today, and that is ready to collect data from its first day. That means analytics, forms and tracking are in place at launch, so every visit starts producing evidence.

A launchpad site is also not the final product. Starting with the essential features limits what you spend before you have evidence, and it puts effort on the key elements that shape return on investment. It deliberately leaves some ideas for future development sprints, so major updates arrive as small, tested releases. You can see the idea in the launch pad stage of the methodology: sprints focus on the few pages that can drive the greatest impact, while the rest of the site gets a fresh coat of paint as it migrates.

Stage three is the continuous improvement phase

After launch the continuous improvement stage begins. The methodology describes it as a series of 14-day sprints. In each sprint the team picks items from the wish list, builds them, measures what happens and shares what it learned.

The cycle has four steps: plan, build, learn and transfer. You plan an experiment against a goal, build the change, learn from real user data whether it worked, and transfer the lesson to the rest of the business so other teams use it.

This is the stage that separates the method from a normal project. The site never reaches a finished state, because each sprint is a small, tested step toward a clearer business objective. These incremental improvements add up, and a constantly evolving site can sustain peak performance without a rebuild.

For most companies the website is the number one marketing asset. Under this method it becomes a marketing asset that earns its place, because every change is backed by real user data and valuable insights rather than taste.

How the growth-driven design process differs from a traditional website redesign

Two lanes compared row by row. Traditional website redesign: one long build; guided by opinions; little change after launch; spent on the launch. Growth-driven design: a focused launchpad build; guided by real user data; short sprints after launch; spread across the sprints.

The two approaches differ most in when you learn. Unlike traditional web design, growth-driven design puts evidence ahead of opinion and spreads the work across many small releases instead of one large one. The traditional approach, or traditional design, front-loads the entire process into one build.

Traditional website redesignGrowth-driven design
When the site goes liveAfter one long buildAfter a focused launchpad build
What guides decisionsOpinions and best guessesReal user data from the live site
What happens after launchLittle change until the next redesignShort sprints of testing and improvement
Where the budget goesMostly into the first launchSpread across launch and ongoing improvement
Who stays involvedThe project team, then it disbandsMarketing, sales and customer success keep learning

The comparison is not a verdict that every redesign is wrong. A site that is genuinely broken may need a full rebuild first. The growth-driven design approach then governs the development process after the rebuild, so you do not repeat the cycle.

What the published evidence says, and what it does not

The best-known numbers come from the methodology's own site and a HubSpot-run survey. They are useful, but they are self-reported by agencies and now several years old, so treat them as a signal and not as a promise.

According to the Growth-Driven Design methodology page, sites took 60 days from kickoff to launch with growth-driven design against 108 days with traditional web design. Traditional projects launched about two weeks late, while growth-driven projects launched on time.

The same page reports that agencies rated client happiness at 7.7 out of 10 with the method against 6.3 for traditional work. It also says agencies using the method on HubSpot websites reported 14.34% more leads after six months than on WordPress sites, based on a 2017 survey.

HubSpot's announcement of the certification says that survey covered 350 agencies worldwide. Notice what this shows: agencies reporting what their clients saw, in 2017, from a group that promotes the method. It does not prove that any single site will see the same result.

The principles behind a growth-driven design website and its web development

Three ideas hold the method together, and they are worth keeping even if you never follow every stage.

The site is iterative

Work happens in short, defined sprints, not in one long build. The methodology sets sprints at 14 days. Each one ends with something shipped and something learned, which keeps the project from drifting.

The site is focused on the user

Changes come from what website visitors actually do, not from what the loudest person in the meeting prefers. This is user-centered design in practice: you improve the site together with your users by watching what they do and listening to their feedback. Real user data tells you where people click, where they stop and which pages lead to a conversation with sales. Data driven decisions replace guesses, and the data collected shows what to build next.

Typical data-driven changes are small. You shorten a form, add a clearer call to action to a page that earns traffic, or split one crowded page into two that each answer a single question. Strong calls to action matter most on pages that already attract visitors.

The site is always being optimized

A growth-driven design website treats testing as routine and follows the latest trends only when the data supports them. Controlled tests keep opinions out of the room: you change a headline, test it, keep the version that performs better and move on. The goal is measurable business outcomes, such as more qualified lead generation. The same habit applies to layouts, images and the path through the site.

This is conversion rate optimization applied across the whole project. If you want the full discipline, read our guide to conversion rate optimization, and see how user experience design shapes the pages you test.

What you need in place to start

Five foundations to have before the first sprint. Clear business goals: decide what the site must do before you decide how it looks. A way to see user behavior: analytics, forms that record lead sources and how visitors move. One owner for the wish list: someone ranks ideas and protects the sprint cadence. Agreement between marketing and sales: a shared definition of a good lead. A site you can change quickly: if every edit takes weeks, sprints stall.

The method works best when a few foundations exist before the first sprint.

  • Clear business goals. Decide what the site must do for the business, such as qualified inquiries from one customer segment, before you decide what it should look like.
  • A way to see user behavior and collect customer data. You need analytics, forms that record where leads come from and a way to review how visitors move through key pages.
  • One owner for the wish list. Someone must rank ideas and protect the sprint cadence, or the backlog turns into a debate.
  • Agreement between marketing and sales teams. Both groups should share the definition of a good lead, so the data they read means the same thing.
  • A site you can change quickly. If every edit takes weeks, sprints stall.

The same discipline sits behind a site that generates leads. Our guide on how to optimize your website for leads walks through the page-level fixes that make good early sprints.

What you gain when this is done properly

Sales gets a website that feeds better conversations

When sprints are guided by lead data, forms and pages start sending sales better-qualified inquiries. Sales teams can also tell marketing which questions buyers ask on calls, and those questions become the next items in the queue.

Marketing gets a site that improves with every campaign

Marketing stops treating the website as a launch event and starts treating it as a place to learn. Each campaign shows which messages and offers attract the right visitors, and the website changes in response.

Because the site starts producing data from day one, marketing can show which change contributed to which result. That gives you a way to spend effort where it counts, and it supports a wider inbound marketing program, where the business model depends on attracting visitors and turning them into leads.

Customer success gets a site that answers real questions

Customers who cannot find help tend to contact support, or leave. Sprint data shows which help pages get used and which questions come up repeatedly. Customer success can add the answers visitors need, and the site becomes part of onboarding.

Is growth-driven design the right fit for your company?

It suits companies whose website is a main source of leads and whose team will actually run the sprints. If nobody owns the site after launch, the method has nothing to run on, and a simpler maintenance plan may serve you better.

It also asks for discipline. Short sprints reward teams that make a decision, test it and move on. They frustrate teams that need every stakeholder to approve each change in advance.

If your site is badly out of date, start with a launchpad rebuild. If it already performs reasonably, start in stage three and run sprints on the pages with the most traffic.

A connected go-to-market system turns a growing website into pipeline

A website that improves every two weeks is only valuable if what it learns reaches the rest of the business. Marketing, sales and customer success need shared data and clear handoffs, or the site fills with leads that no one follows up.

Propello is a HubSpot partner, as described on the about page. It designs and builds connected go-to-market (GTM) systems on HubSpot. If your website produces visits without clear pipeline, an audit is the place to start.

Book a Propello GTM Audit

Frequently asked questions

What are the three stages of growth-driven design?

The three stages are strategy, launch pad and continuous improvement. Strategy sets goals and ranks ideas. The launch pad is the fast first version of the site. Continuous improvement then runs short sprints of plan, build, learn and transfer, using real user data after launch.

What is a launchpad website?

A launchpad website is the first full version of a growth-driven design site, built around the highest-impact items only. It looks and performs better than the old site and collects data from day one. It is a foundation to improve, not the final product.

How is growth-driven design different from a traditional website redesign?

A traditional redesign delivers one large launch built on best guesses, then changes little until the next rebuild. Growth-driven design launches a focused site sooner and improves it in short sprints, using real user data to decide what to change next.

Who should use growth-driven design?

It fits companies that rely on their website for leads and have a team ready to run regular sprints. Marketing and sales teams need to agree on goals and share data. It fits poorly where no one owns the site after launch.

How long does a growth-driven design project take?

According to the methodology, strategy takes 10 to 14 days and the launch pad 60 to 90 days. After that, work continues in 14-day sprints with no fixed end. Timing depends on your team and site size, so treat these as guidance.

Tumisang Bogwasi

Written By: Tumisang Bogwasi

Tumisang Bogwasi is the founder and CEO of Propello, a HubSpot partner that designs and builds connected go-to-market systems.