Bird Design Lab
No-code automated digital agency & consultancy

Time to build (hours)

194

Monthly Digital Cost ($)

30

Toolstack

Go to product

Building a new kind of digital agency with no-code

Problem

Digitally transform Bird Design Lab's agency structure that relied on in-person lead generation and manual client operations, to be more fitting for the suddenly remote environment.

No-code Scope

  1. Diversify and automate lead generation through a new website
  2. Increase client conversion rate using no-code tools and techniques
  3. Reduce workload on administration by forming a standardized project pipeline

Graphic Design

Fig1: Graphic design elements used in Bird Design Lab branding.

The logo is an origami representation of the crane bird. Designed to mirror the prospective good fortune and longevity of the new no-code movement. Much like the products we build, the final shape is comprised of the arrangement of 3 polygons, representing the 3 main no-code tool categories we rely on; visual builders, productivity and automations.

Website & the Story

The layout in the home page of the website is crafted to tell a story. Each section answers one important question that every potential client may ask and each leads to the corresponding page on the website.

Fig 2: birddesignlab.com website homepage section breakdown and intended story structure.

Lead Generation

Fig 3: birddesignlab.com website sitemap with lead generation pages highlighted in blue and client conversion pages highlighted in yellow.

With the unforeseen pandemic troubles, newly formed agencies primary source for lead generation, in-person networking, was no longer a viable option. The new website solved that issue in several ways.

  • Leaning on the niche of no-code proved to be effective and boosted the site's Search Engine Optimization. We also applied to be showcased on multiple no-code marketplaces that solidified our stance on being experts on the matter.
  • Promoting audience based info pages via pay per click advertising, generated leads outside of the circle, often coming from countries across the globe.
  • Online networking events were also a staple part of the efforts as they proved to be a better way to put the primary conversion elements, namely the Get Started form, in front of potential clients.
Fig 4: Data flow representation of Bird Design Lab's automated agency built with and integrated by no-code tools.

Speaking of forms, throughout this case study you will find reference to multiple forms and how they boosted conversion rates. To give context, below is a representation of how these form submission is migrated to the company databases, or as we call them, lightweight backend. Which are then turned into actual projects in the project pipeline supported by Bonsai CRM.

A clear sitemap showing the pages and how you can jump in between them with the lead generation elements shown in primary colors. Where they come into play and how and for which type of audiences.

Client Conversion

Generating qualified leads is one thing, converting them into actual clients is another. Below you can find our three main sources of conversion using different no-code tools and techniques that has lead to an increase in conversion rates and automated the process

Get Started form with Typeform

The main form of the website which can be accessed from almost all pages as the main Call to Action is built with an interactive form builder; Typeform. This platform has provided versatility, as the logic flow allowed clients to have a more personalized experience, not showing the questions their request has nothing to do with.

Gif 1: Live demo of the Get Started form on birddesignlab.com

Webflow native contact form

Sometimes clients ignore the primary Call to Action and look for a contact form. So we provided one using Webflow's form elements and blended in with the overall look and feel of the website. Adding an FAQ button to make sure clients can get the basic answers they are looking for before filling out the form to prevent submission backlog.

Gif 2: Live demo of the contact form on birddesignlab.com

Audience based scheduling via Calendly embed

For the consultancy services, it made sense to have a more direct line of communication with our clients. Thanks to Calendly's friendly UI and Webflow's embed element, we were able to provide fast scheduling service that clients can act on without losing time between requests and appointments.

side by side gifs showing the get started form, contact form, consultancy scheduling embed with corresponding audiences written below

Gif 3: Live demo of the Calendly powered scheduling embed on birddesignlab.com consultancy

Project Delivery Pipeline

Finally, to complete the automated process of the agency, we have setup a custom project pipeline supported by Airtable and Bonsai CRM. As Fig 5 suggests, this pipeline is an extension to lead generation and conversion funnel, connected by Zapier as mentioned in Fig 4.

Funnel showing how leads come in and turn into clients by the end. Then it goes into the pipeline showing the the process (proposal, contract(activated with first payment), build with meetings in between(tasks, time tracking, invoices), final assessment (goes back to build if not satisfied), delivery, maintenance)

Fig 5: Project pipeline connection to lead generation and conversion funnel to complete the automated digital agency powered by no-code.

Results

Lead generation diversified and shifted towards digital systems

Chart 1: Stacked horizontal bar graph showing the percent distribution of the sources of qualified leads generated per quarter in one year span with an indication of when the Covid-19 pandemic started effecting daily life and work.

Due to the emerging pandemic, life shutting down and social distancing started being practiced, we had to stop attending in person networking events that generated the most leads in 1st quarter and allowed organic search and SEO to bring in qualified leads to our new agency website. Even though we were not too active on social media, it seemed the "flock to digital" also helped us to become more seen on platforms like Twitter.

before the only channel was in-person lead gen or referral → now its referral, website (home+what is+audiences), social media, targeted ad campaign

side by side screenshots showing the get started form, contact form newsletter form, consultancy scheduling embed with corresponding audiences written below

No-code tools and techniques increasing leads, conversion and project completion

Chart 2: Area graph showing the impact of implementing integrated forms and automated scheduling on the number of leads generated, clients converted and projects completed per month in a one year span.

In addition to the digital flock in early April due to the shutdown that boosted lead generation, our Get Started form proved to be an adequate tool to convert leads into clients and helped us be more organized even when we had too many leads to handle. The same leap also observed in September as we embedded automated scheduling that gave our leads a more direct way to reach us. However, we also observed that whatever we did over the summer and towards the end of year proved to be ineffective since the interest in hiring a team to build out an idea was not a priority for most potential clients during the vacation and holiday seasons.

graph showing the impact of using a custom and integrated form on a website in terms of people who reached out with a project request. another graph showing active clients in past 8 months.

Need for Maintenance Decreased

Chart 4: Line graph showing the number of hours spent on maintenance decreasing as no-code tools being added to the website, as well as the monthly digital cost rising accordingly Chart 5: Donut graph showing the total cost distribution with website builder subscription at 25%, scheduling tool subscription at 15% and rest at 60%, mostly containing the cost of advertising.

Perhaps the biggest impact no-code had on our agency was the fact that using automated no-code tools like a Webflow website with integrated forms and Calendly scheduling automation decreased a significant amount of time to maintain our funnels and pipelines. Thanks to automation, we were able to spend more time on delivering client projects to set up and run things on the background.

You might also like

Heading

Read Post

Related stories

No items found.

Wondering if you can use the images, figures, graphs in this project for your personal use?



As long as you attribute to the author, you can use any and all elements of my case studies. For example if you are going to share an opinion on the piece on Twitter, mention me @yeetweets4.

For commercial use, please contact me using the form below. Thanks for visiting this case study.
Contact me

Let's Get in Touch

I am always open to collaboration! Fill the form below and let's brainstorm on ideas and exchange stories.

Awesome! I will get back to you as soon as possible!
Oops! Something went wrong.

This case study is
password protected

Hey friend, it looks like you are trying to access a page that is password protected. Probably because of legal reasons. Don't worry you can still access this page if you know the password.
If I didn't give you a password, you can request one by contacting me.
I know the passwordContact Yiğit

This case study is
password protected

Hey friend, it looks like you are trying to access a page that is password protected. Probably because of legal reasons. Don't worry you can still access this page if you know the password.
If I didn't give you a password, you can request one by contacting me.
I know the passwordContact Yiğit

This case study is
password protected

Hey friend, it looks like you are trying to access a page that is password protected. Probably because of legal reasons. Don't worry you can still access this page if you know the password.
If I didn't give you a password, you can request one by contacting me.
If you want to go back simply close this tab.
I know the passwordContact Yiğit