Landing Page Teardown
Scroll through to see the full landing page, or continue for the teardown.
Above the Fold
Zapier's above the fold section has three pieces that we'll dive into individually.
What does the product do?
Zapier’s core feature is connecting user’s apps together.
What does it do for users?
Zapier benefits users by automating your workflows.
Demand Curve insight:
Their header's underlying implication is that you’ll save a lot of time if you use Zapier.
People generally avoid learning a new skill if it’s too time consuming or complicated. So, Zapier opens by saying it’s easy and for busy people.
How does it work?
Zapier makes the header’s claim more concrete by explaining how their product works.
What’s the benefit?
Users don’t have to spend time moving their data themselves. Now, users can focus on their most important tasks.
Demand Curve insight:
What’s good about it?
Signup is frictionless. Zapier lets users to sign up with one of three very common accounts.
“Get started free” handles any objection one might have to paying before trying it out.
What could be improved?
Zapier could reduce friction from signup by removing the first and last name prompts. A service like Clearbit can gather than information.
Takeaway: less asks = less friction = more desire.
“Trusted at companies large and small” addresses Zapier’s ability to handle any company size.
If they come out and say it, there’s no reason not to believe it.
Use social proof above the fold to establish credibility in the user’s mind. Humans like to know that other humans vouch for a product.
Zapier makes clever use of visuals to convert site visitors. Let’s break down their tactics.
Integrate, Automate, Innovate
Visitors reading the Above the Fold section might think, “Oh, Zapier allows me to connect Typeform to Airtable. That’s cool.” But Zapier is under–delivering on their true benefit.
What Zapier didn’t show you until now is how you can trigger sequences of actions through a multitude of apps. Not just one-to-one.
Zapier’s sequence of visuals helps visitors understand the value of their product faster.
Features Section: Copy
“With a few clicks”
People typically object to using software that’s hard to use. So, Zapier’s copy frames their product as easy to use.
“Workflows called Zaps”
Zapier coins their own term. Why? Non–technical people likely don’t know what a webhook is. To a visitor with no webhook knowledge, a “Zap” is a new thing.
Users will associate the concept of a webhook with Zapier, and instead of “man I need to set up a new webhook”, it becomes “man I need to setup a new Zap.” This builds Zapier’s affinity.
“Faster and get more done”
Zapier tells visitors what the benefits of their product are blunty. It’s more effective than asking them to assume it.
“No code required”
Objection: “Hmm, this seems great but I’m not technical. I don’t know how to code. I can’t set something up like this.
” Zapier: “Well, you don’t have to. No code required”
Zapier uses popular apps in its feature visual–so that most visitors can relate.
Write like you speak
Zapier phrases each step of the sequence as if a non-technical user was saying it out loud.
Sprinkling in the benefits
“From any app” implies flexibility and ease of use.
“While you solve more important problems” associates Zapier with empowering users to work on the most important problems.
“Simple, fill-in-the-blank setup” counters any objection that Zapier might be hard to use.
“Go from idea to workflow in minutes” uses a frame of reference users are familiar with (the time it takes to go from idea to workflow). Now, it only takes minutes.
Visitors now might think: “This seems incredible. But, I don’t use Slack, Dropbox, or Airtable.. and I don’t want to switch all my apps just to use this ‘Zap’ thing”
Zapier shows off their search function to handle that concern and makes things more engaging. They delight visitors by giving them a sneak peek of what’s inside.
Some visitors may still think Zapier is too technical. We haven’t actually seen inside the product yet. Zapier shows off the inside of the product to handle this concern. You can tell they tailored the inside of their product for non-technical users by looking at the language they use.
Only the marketing was telling a visitor it was easy to use up until now. Now, the product confirmed it.
Visitors with this skepticism might start to think “That’s not too bad.. I would like to... See the Demo.”
Targeting different personas
Both plans open with a pitch.
If a user only needs to connect a few apps together (solopreneur, freelancer etc.) the free plan is for them. If a user need advanced workflows (bigger startups, enterprise, etc.) then premium is for them.
Using bargains to motivate
Notice that their CTA isn’t a simple “Get started”. They use a bargain (14–day free trial) to motivate visitors to try it out.
Some users avoid a free trial because they don’t want to enter their credit card information.
Zapier addresses the objection with “No credit card is required.”
Motivating visitors to sign up
Zapier uses social proof that 3 million people are already using Zapier. This bypasses the objection, “Is this legitimate?”
The copy also associates Zapier with a user’s tedious tasks being complete, for them.
Getting visitors emotional
Zapier’s testimonials are used to show real people benefiting.
They also include a catchy header, “Zapier makes you happier”, which puts the icing on the cake.
Providing a sense of urgency
“Wave goodbye to your busy work” builds momentum by being actionable.
”Don’t waste another minute” ... “Create an account now” ... “Start saving more time” provide a sense of urgency to sign up now.