By Ankur Tiwari on 08-06-2020Follow @Ankurt04
In the world of website builders, Webflow is in the league of its own.
A torchbearer of the 'no-code' movement, Webflow enables creators to build and publish websites without coding.
After a shaky start, Webflow's growth picked up, and they have raced far ahead of their competitors.
This post is a part of the Organic SaaS Growth newsletter. Subscribe here.
More importantly, they have fueled this growth by generating revenue and not by burning VC money.
In 2013, Webflow raised a seed round of $2.9 million.
In 2019, Webflow raised a second round of $72 million, resulting in an estimated valuation of $350+ million.
During the six years between these two rounds, team Webflow built a profitable, self-sustaining, and cash-flow positive business.
To understand Webflow's growth strategies, a good place to start with is their website's traffic analysis.
Direct traffic means users know about Webflow and are directly typing the URL in the browser.
Since Webflow is a development platform, we can safely assume that registered users logging in to build their apps are a large part of the direct traffic.
Search, referral, and social traffic make up the large part of the rest of the traffic.
Today I am going to reveal Webflow's growth strategies to generate traffic, engage visitors, convert them to paying users, improve the product, and grow their business.
If you want to build a profitable SaaS business that can fuel its own growth, you should get a lot of value from today's research.
Let's dive in.
Webflow is a 'no-code' website builder. Its users can visually customize each element of the design just like software engineers.
Webflow is not a template-based drag-and-drop website builder.
Webflow is a radically original product vision to remove the constraints to website design from ground up. It is not just an incrementally better product.
In 2013, Webflow founder, Vlad Magdalin said:
"The idea is to make it much, much easier for people to build more complex websites and web applications."
After six years, in 2019, Vlad expressed pretty much the same thoughts in different words:
"If we can invent an easier way for people to create for the internet, we can truly democratize access to the world's most powerful medium, and in turn, unlock an unprecedented wave of innovation and entrepreneurship that will have a huge positive impact on the world."
But what does the product vision has to do with the growth?
In the SaaS world, you can find many products solving the same problem, each offering a different experience to its users. Products that solve users' problems to the extent of changing the way they live their lives are the ones that win in the long run.
I was once recommended a famous template-based website builder on a Facebook group. It was easy to get started — select a template and customize it. But the final website left me wishing for more, in terms of its design and performance. I didn't stay with the platform for long. Since then, I've come across their ads, blogs, and social recommendations many times. But no amount of marketing could make me go back to them.
I came across Webflow last year on Twitter. The grandeur of their product positioning caught my attention.
I have recently made a small project using Webflow's CMS. Even though I have built fairly large websites on Python Flask, I found Webflow intuitive, versatile, and a pleasure to work with. I don't intend to shift to Webflow from Flask completely, but I am interested in using it for a few projects.
I am going to stay with them. I'm a retained user.
Discovering an ideal customer persona is one of those things that everyone reads and talks about but only a handful of people actually do it.
In an interview, Webflow's cofounder Bryant Chou talked about Webflow's ideal customer:
"That customer persona, for us, is a freelance web designer. And that freelance web designer is the lowest common denominator. That person needs everything. That person needs hosting, that person needs design flexibility; that person needs symbols, interactions, multiple pages. They need a CMS."
Thus Webflow spent early years building for freelance web designers.
For Webflow, freelancers and agencies are like channel partners, bringing more customers with each new project. A single freelancer who has invested time in learning Webflow platform is going to bring in hundreds of her clients as Webflow users.
Ycombinator selected Webflow in 2013. Being a YC company gave them access to other YC companies, and many of those companies started using Webflow for their marketing sites.
Today, Webflow focuses on four customer profiles:
Webflow uses these clearly defined customer personas to build relevant product features, positioning, messages, and growth strategies. They target each of these customer types. I will discuss their growth strategies in relation to customer personas later in this post.
The home page of a SaaS business is the marketing site that showcases the product and value positioning.
The marketing site's main job is to convert the traffic.
Webflow's cofounder Bryant Chou shared his approach to building their marketing site:
"I really tried to understand the customer; I really tried to understand the technical bits of what's available so that we can build this product, build this marketing site, and then we really tried to measure and test it."
The key attributes of Webflow's positioning are:
To their credit, these positioning attributes have been part of Webflow's home page since the very beginning.
Let's look at Webflow's home page over the years.
Webflow's home page in 2013
In this marketing site copy, their focus is on responsive design, drag & drop, design-export-launch, and the power of CSS.
Webflow's home page in 2016
This copy of Webflow's marketing site focuses on design, prototype, the launch of the responsive websites. They had added a few use cases from agencies, freelancers, and NGOs.
By 2016, the word had gone out about Webflow, and Twitter was talking about them. For social proof, they have added a few tweets in this copy.
Webflow's home page in 2020
It is the present-day home page of Webflow with the same positioning.
The focus has always been on — design, build, and launch.
Approach building the marketing site, i.e., the homepage as a project in itself. Focus on customer personas and product positioning.
At the same time, make it super simple for visitors to understand what your product does. Even though not many people talk about it, non-intuitive products and confusing home pages are widespread among SaaS businesses.
Webflow gets over a million website visits each month via organic search traffic. They have created compelling content to attract such massive traffic.
Their top keywords are branded, indicating high brand awareness.
They also generate traffic for non-branded keywords like 'free templates' and 'vh' [CSS units].
And even rank on Google SERP for industry keyword 'no code' alongside the likes of mighty Wikipedia.
However, Webflow does not rely just on their blog to generate organic traffic.
They create a variety of content like blog posts, video tutorials, ebooks, and much more to engage their audience.
Each of these content types together forms the content growth machine of Webflow.
Webflow publishes around 10–12 blog posts a month on topics like web design, freelancing, inspiration, entrepreneurship, and tutorials.
All of these are the Winning Themes that Webflow has identified to go well with their customer personas.
Some of the blog posts are among the top traffic pages of Webflow.
If you spend some time on Webflow's blog, you will notice two very important things.
First, they create long-form content. The average word count per post is around 3000 words.
Second, there are blog posts for each funnel stage.
Top of the funnel posts like "20 Web Design Trends for 2019" and "Web Page Layout" are shareable and bring in a lot of traffic.
Middle and bottom of the funnel posts like "From Figma to Webflow: turning your static designs into interactive websites" and "SEO and Webflow: the essential guide" are good to move already engaged users towards conversion.
If you notice, you will realize that having clearly defined customer personas helps Webflow build persona specific content at each stage of the funnel.
For example, Webflow has created a blog post to help freelancers convince their clients to use Webflow over Wordpress. This is actually an issue with freelancers as many of their clients start by asking for Wordpress website.
Webflow does not just publish blog posts. They create content clusters around their winning themes and call them reading lists.
They prominently display reading lists on their blog page.
At present, Webflow has a total of thirteen reading lists. Within each reading list, there are multiple articles related to the theme.
For example, the Freelance reading list contains six posts on:
A freelance website designer will find all of these topics interesting.
If you look at the dates on these posts, you will find that most of these posts are from 2016 and 2017. Grouping old posts together under a reading list is a great way to use them afresh.
Webflow's blog posts are well-integrated with their content funnels.
Here are some of the Webflow's content funnels that helps them engage and acquire new users.
This is a top of the funnel blog post that can easily interest designers if they come across the headline on social media or in the search results.
Midway in this post, Webflow offers an ebook on "freelance designer's life" with a clear call-to-action.
This ebook is a gated content. Readers have to enter their email to access this ebook.
Funnel: Inspiring portfolio blog post > eBook > Signup
Here is another blog post that targets Freelancers and sits in the middle of the funnel.
This blog post targets freelance website designers who are already aware of the Webflow.
Midway in this post, Webflow asks readers "Ready to take the fear out of your freelancing?" and offers a free course "The Freelancer's Journey" to help readers grow their freelancing business.
This is a middle of the funnel content and offers value to a specific customer persona.
Webflow prompts the visitors to signup for a drip sequence.
Drip sequences work very well in converting prospects to users.
Funnel: Power your business with Webflow > Online course > Signup
This is a detailed post to help Figma users adopt to Webflow for their designs.
What would such a reader think about once her website is ready?
Hence Webflow has placed a callout "What to look for in a web hosting service?" that takes the reader to another blog post about hosting.
From the blog post about hosting, Webflow moves readers to free signup.
Funnel: Figma + Webflow blog post > Hosting blog post > Free Signup
Blog Title: 19 amazing sources of web design inspiration
This is a content targeted at designers.
Since the funnel is targeted at designers, words like creativity and inspiration go well with it.
Funnel: 19 Amazing sources > Why your design team should use Webflow > Unleash your creativity > Free Signup
Blog Title: SEO and Webflow: the essential guide
Since this is the bottom of the funnel blog post, the callout straight away asks the reader to signup for a free Webflow account.
Funnel: SEO & Webflow blog post > Free Signup
An SEO Tip: For some of the blog posts, you will see that dates of readers' comments are older than the dates of the posts displayed at the top. It means the blog posts are actually older than the dates shown at the top.
These dates are not publication dates, but rather 'last edited' dates. In schema markup 'dateModified' is an entry where you can provide 'last edited' date value.
But what are the benefits of using last edited dates rather than publication dates?
Webflow has created ebooks on no-code, design process, freelance business, and website design.
These ebooks are part of their content funnels.
You can relate these ebooks to their various customer personas.
These ebooks are free but gated. This means you will have to give Webflow your email to get these ebooks. A way for them to grow an email list.
But it's not just your email. Webflow gets to know something more about you.
If you are downloading 'The Freelance Web Designer's Guide' then there are high chances that you are a freelancer website designer.
This way, Webflow is also capturing the intent of their audience.
They can then send you a drip sequence about freelance web design business and can convert you to a paid user.
You can read ebooks directly on their website. This helps them in increasing the dwell time and thus improving their SEO. In this case also, as you go from the first page to next, you will be prompted to give your email to read further.
However, if you have already registered and logged-in, they will take you to the ebook download. Their website is intelligent enough not to ask for emails from signed-in users.
This is a complete tech hub to learn everything about building websites on Webflow. You will find all the courses and technical videos you need to learn to use Webflow.
For a technical product like Webflow, there is usually a learning curve involved. Some users may take a day while others may take a month to learn to use the product.
Webflow university has short videos with professional production quality to teach various functionality to its users. In the absence of these videos, newly signed up users might not be able to design websites and leave the platform.
Webflow university may not be a lead generator, but it sure is helpful in product adaptation and user activation.
The third most visited page on Webflow.com is the free website templates page.
Webflow also ranks on Google SERP for query 'free templates'.
Free website templates are much in demand, and the keyword 'free templates' receives over 25k impressions in a month.
Templates help Webflow users to quickly start with their projects as well as draw inspiration.
So building free templates benefits Webflow to:
Interestingly, users help Webflow to get these benefits at low costs.
Webflow has built a marketplace to buy and sell templates.
Designers create templates, post them on Webflow's marketplace, and earn money on every sale.
To build their portfolio, many of these designers also create free templates that Webflow's users can readily use.
So, both Webflow and its users create free templates.
For a website design SaaS, templates are a form of user-generated content that its audience consumes.
Webflow allows search engines to index their website templates.
Thus these templates even provide SEO juice to Webflow.
User-generated content is very scalable. If UGC is possible for your product, you should explore the ways to build it.
You can design and host a website on Webflow for free.
Webflow publishes free websites to Webflow.io with a subdomain i.e., yourwebsite.weblfow.io and 'Made in Webflow' branding.
This way, you do not need to pay Webflow anything during the time you are designing your website. Once you are ready to host the website with your domain name, you can opt for the paid plan.
Webflow is a bottoms-up product. Product adaptation is fueled by individual designers discovering the product, signing up, and then suggesting it to their teams. By offering a free plan without asking for credit card details, Webflow makes it super easy for a prospect to try it. Free templates and video tutorials further make the product adaptation easy.
The 'Made in Webflow' branding is essentially a link to their main website, Webflow.com. It is the biggest referrer to Webflow.com.
An interesting page under the top 10 pages by traffic of Webflow is the designers' page. Interestingly, this page is the third most shared page on Facebook, right after Webflow's home and signup pages.
Around 73,200 designers (~6100 pages x 12 per page) are registered on Webflow. This is the hub where customers can discover designers for their website projects.
By helping designers build profiles and get hired, Webflow is paving the path for its own growth. With every new project, designers bring in new users to Webflow.
Wordpress is the biggest name on the internet to build websites.
No discussion on building a website can go through without considering the viability of a Wordpress website.
Clients of agencies and freelancers using Webflow often ask them the big questions — Wordpress vs. Webflow?
Webflow has created a dedicated page about Webflow vs. Wordpress.
This page is the definitive resource on Webflow vs. Wordpress and covers an end-to-end comparison.
It is a very confident strategy and helps fence-sitters to take action. They have linked to this page in the footer.
They have also created a similar page for Webflow vs. Squarespace.
Create a resource to answer the most asked questions confidently and share it with your audience.
A little more than 5% of Webflow's total traffic comes through social channels. This represents organic traffic due to social content and paid traffic due to ads.
YouTube is the largest traffic source for Webflow, with Facebook being a distant second.
Webflow videos are entertaining, informative, fast-paced, and tell stories.
Millions of views.
All the videos contain multiple links in the description. They drive traffic different landing pages. The description of a video on CMS includes the first link to Webflow's CMS page.
Though they prioritize 'Webflow University' links and intend to drive traffic from YouTube to university.
Charlie has over 165K subscribers to her YouTube channel while Pablo has over 85K. These are big channels in their niche with engaged followers.
For all other social platforms, Webflow uses the common content rather than building the content for each platform.
For example, they posted this question on Facebook:
And posted same on Twitter:
As well as on Instagram:
Like many other bottoms-up B2B SaaS businesses, Webflow uses and benefits from Facebook ads.
Webflow is using Facebook video ads to drive traffic to specific landing pages by addressing pain points in the developer-designer-manager world.
Themes of these ads go back to Webflow's customer personas and addresses their pains.
Here are some of the key Facebook ad funnels of Webflow:
A video ad highlighting untimely and unclear design demands from a manager and the ease of addressing them using Webflow.
The 'Learn More' CTA redirects to the home page.
Funnel: Facebook Ad > Home page
This video ad highlights the logistics issues with a developer-led setup against the ease of improving the website using a Webflow designer.
Funnel: Facebook Ad > Home Page
This video ad highlights the Webflow's content management system and links to their CMS page.
Funnel: Facebook ad > Webflow's CMS landing page.
This is an influencer marketing ad. Pablo Stanley featured in this video ad is a YouTuber with a large following.
Funnel: Facebook Ad > Webflow's eCommerce Landing Page.
A video ad showing that Webflow is built for designers and developers both.
Funnel: Facebook Ad > Home Page
Here are Webflow's different Facebook Ads and their angles.
For this research, I visited Webflow's website many times. But did not see any of their ads on my Facebook. This means that they probably do not run retargeting ads. I use a Facebook feed killer but have disabled it for three days for this research.
Another possibility is that they might have determined that I've already signed up for their free plan by using custom conversions . In this case, they might not be running retargeting ads for freemium users.
The keyword that is bringing most traffic is 'Webflow,' bringing in around 6.4% of total paid search traffic.
They are mostly targeting these branded keywords on Google ads.
Keyword: Web flow
Webflow has built a large community of over 60,000 members and connect with them over emails, local meetups, Slack channel, Facebook group, and events.
Community members are usually highly engaged and loyal users. They help in referral growth as well as product improvement.
There are local meetups organized at various locations by Webflow and independent parties.
A recently organized Webflow Banglore Meetup saw 80+ attendees. These high-touch, offline local events provide organizers enough time to explain the proudct, its use cases and business possibilities. Thus help in new user acquisition and higher product engagement.
Webflow launched the No Code Conf in 2019. It was a two-day event in San Francisco. Speakers from various walks of life participated in the conference and talked on topics like design, building 'no-code' apps, growth, collaboration, and learning about 'no-code' tools.
Organizing such a conference is like assuming a market leadership position. It is also a great place to collaborate with influencers and industry analysts.
In years to come, this conference will grow in size and help Webflow to generate more leads, get more media coverage, and build a more loyal customer base.
A case in point is Zoom's annual conference Zoomtopia.
Webflow is a well-designed and well-marketed product.
From early on, they have worked with their users and built useful features.
But their users still wish for many features, Webflow is still far from being a perfect product.
Some wish for minor feature upgrades:
And some wish for more prominent changes:
Webflow has not let product shortcomings come in way of their growth.
To streamline all feature requests of their users, Webflow has built a Wishlist page with a voting system, rather than building features out of their own imagination.
How creating such a Wishlist helps with growth?
When you have all feature requests in one place, you can invest your resources in building the most important features and be sure that your users will benefit from them. This is a very focussed product improvement strategy.
Let your users guide your product development. Build only that which is in demand.
Even if you are a small team, you can still set up such a wishlist using third-party tools.
Webflow is a great platform to build a marketing website for your SaaS business. Click here to sign up for Webflow.
That’s all I wanted to discuss today on Webflow's growth strategies. A lot of research has gone into this post, you can access the research data here. I welcome your suggestions, questions and feedback.
Thank you for reading the #16 issue of the Organic SaaS Growth newsletter. If you have not yet subscribed to the newsletter, please click here to subscribe.
Enter your email for high quality, actionable growth strategies delivered right at your inbox.