ClickUp
Landing Page Teardown
Overview
Scroll through to see the full landing page, or continue for the teardown.
Above-the-Fold
ClickUp’s Above the Fold section has five pieces that we’ll dive into individually.
Header
What does the product do?
ClickUp is an app that consolidates other apps into one. This is intriguing, but we don’t know which apps or how it’s done.
Demand Curve insight:
This header implies users don’t have to spend any time on building out a suite of apps when they can just use one.
Subheader
But what apps does ClickUp replace?
ClickUp’s subheader adds color to their vague header. Now users know they replace all work-related apps.
Visual
Using visuals that mean something
ClickUp doesn’t waste users’ time with an irrelevant cartoon. Instead, they give users a video overview of the product with a thumbnail that doubles as a great standalone image.
Demand Curve insight:
The video immediately calls out their target audience’s problem and hands them the solution in an easy-to-understand way. You want to get to the point as fast as possible for a video to be useful.
Social Proof
Establishing Credibility
ClickUp shows off their 10,000+ reviews from product rating sites their target persona (Project Managers) would already know about.
Objection Handling
Three reasons “Join 200,000+ Highly Productive Teams” works so well:
- Shows the scale of their user base to bypass the objection, “Can they handle all my data?”
- Shows the breadth of companies they can handle. From a no-code tool like Webflow, to a driving service like Uber, to a baseball team like Padres.
- ClickUp associates being highly productive with their product.
Call-to-Action
Transparency
Users lose faith in products when they are promised something free but still required to enter their credit card. ClickUp is transparent and tells users that no credit card is required. This builds trust.
Motivational Boost
Users don’t have to enter credit card information and it’s free forever. Both statements create positive emotions, which pushes users toward signup.
Using depth and contrast cleverly
ClickUp puts emphasis on the action they want users to take. The background is grey, and “Enter your email address” is white with a shadow effect added. This steers the eye towards what they want users to do.
Features Section
Let’s break down ClickUp’s tactics to convert website visitors.
Writing with confidence
ClickUp owns their value prop confidently, claiming they are the future of work. They want users to know they are the solution to the twelve items listed.
Taking a side
ClickUp’s copy doesn’t twist the knife at problems users are facing, instead they pin the problem on alternative solutions. According to them, Todoist, Trello, and TickTick are the problems and ClickUp is the solution.
Objection Handling
ClickUp bypass the objection, “This is great but my other softwares sync up with google suite and I can’t replace that” by visually displaying the apps that work with ClickUp.
Features: User Experience
User Experience
ClickUp really wants users to explore their features by using three navigation tools:
- Lists
- Arrows
- Bottom Navigation
If users don’t realize the list is clickable, they have two more chances to notice. This gets glued together with a line that guides the eye to all three possible navigation components.
Key takeaways
- If your visual doesn’t help users understand your product better, consider using different visuals.
- Use associations like “highly productive teams” in your social proof so that users feel like they relate to your product more.
- Be transparent and tell users exactly what will happen when they click your CTA.
- If you tuck a lot of features into widgets and want to make sure your visitors go through them, consider adding multiple familiar navigational components.
- Show the inside of your product to users before they sign up so that they know exactly what they’re getting.
- Consider all of your user personas when writing object handling sections.
- Integrations can double as social proof. Don’t leave these out if you have them.
Read more landing page teardowns
We break down the methods used by the highest-converting home pages so that you can understand the copywriting decisions behind every section.
Researched by Demand Curve
More growth resources
Work with our growth agency, join our community of 102,000 founders and growth pros, and explore our free content.
Ads management
Most ad agencies don't work for startups. So we designed one that does.
Growth Newsletter
Advanced growth tactics sent via email.
Matchmaking
We'll match you with a vetted growth agency or freelancer for free.
Growth Guide
The most popular guide to growth marketing on the Internet.
Growth Playbooks
Free tactical growth guides.
Growth Blog
Comprehensive articles on growth topics.
Growth Vault
450+ tactics to grow your startup.
LP Teardowns
In-depth breakdowns on what top companies are and aren't doing well on their websites.