How Slack’s New Website Brilliantly Converts Visitors Into Users
The company rebuilds its web presence each year — and with good reason
Fun fact: Historically, Slack re-builds its website every single year, sometimes even twice a year. That’s so crazy! I love the new 2019 Slack website, and I want to walk you through everything you need to steal from it for your own website.
What You Will Learn
Essentials of a great SaaS website
- Effectively combines benefits and features, and explains its product
- Uses animation to give a sneak-peek inside the product
- Shows off its integrations
- Includes testimonials that convert visitors
What Slack doesn’t need to do, but you should
- Talk about the problem the product solves
- Position the product as a radical cure for a new age
- Be straight to the point, with no BS headlines
What you should steal from Slack’s website
- Highly targeted landing pages for different sections of your audience
- Localizations for different regions of the world
- Separate landing pages for your strongest integrations
- How Slack positioned themselves for their customers and made themselves the number one tool for teams
There’s a tonne of stuff. Let’s dive right in!
Essentials of a Great SaaS Website
Effectively combines benefits and features
Slack’s website is all about the benefits: They almost never mention their features in isolation. Everything is neatly tied up with what the consumer gets out of it.
No customer cares about your channels or the file-sharing. They care about what they can do with the features.
And Slack gets it perfectly right.
But they didn’t always do that. Their first few websites only talked about the features on a separate landing page — like this single-screen homepage from 2016, whose navigation bar led you to the product page, where you could look at the features:
The problem with this is that people might think Slack is just another messaging app, like Facebook Chat, because they can’t see all the amazing things it does.
Uses animation for a sneak-peek inside the product
Move over text, animation is here. If anyone had the remotest doubt as to how Slack works IRL, the features-plus-benefits video is all armed to dispel it.
Videos are such a great way to demonstrate how products work, without lengthy instructions that you stop reading two lines in. They’re the fastest portal to information.
Slack does it better: It both shows and tells.
Shows off its integrations
See those dancing Dropbox, Zendesk, and Drive logos in the header? Why would a super-powerful company put other logos right in their header?
Because integrations are currency. Let me quote ProfitWell on this:
“When measuring willingness to pay, those customers who have 1 to 3 integrations are willing to pay 8 to 13% more for the same core product. Those with 5 or more integrations start breaking into 20% plus higher willingness to pay for the same core product.”
If you’re wondering why Slack stresses integrations (they’ve not missed pointing them out in even one of their many redesigns), this is the reason.
No one wants to go the extra mile to integrate all their stuff. It’s like paying for water, freely available. Oh wait, we do that. You get my point.
People expect integrations. Their absence could be a major obstacle to you buying their product. Since Slack portrays itself as a one-stop application for all a company’s collaboration needs, they make their integrations clear right away.
That’s 20 points to Slack!
Includes testimonials that convert visitors
The Slack team looked at customer reviews and testimonials and decided they could do one better: customer stories.
Customer stories show how clients actually use Slack to make a difference in their work life. They’re real-life applications of the product to show visitors the impact of Slack — how it’s used and why people love it.
From SurveyMonkey to BBC, the customer stories span a range of companies that are very different from each other, proving that the product works across industries. If I had a survey tool and saw a market leader who used Slack, I’d trust it 100%.
But that’s not all. These case studies also show the product’s different benefits. One story is all about how Slack allowed quick fixes and issue resolution at critical times, through collaboration. Another is about Slack helping teambuilding and creating easy feedback loops. The diverse uses and benefits of the product in story form makes a huge impact.
Slack’s case studies describe issues that companies care about. Streamlining onboarding, resolving issues fast, and building a strong team — these are problem spots within all teams. When a solution comes along claiming it helps, with proof, visitors say, “I want that.”
Once you know the exact problems your customer faces that your product can address, customer stories are the way to show you’re the best solution.
What Slack Doesn’t Need to Do, but You Should
Talk about the problem the product solves
Slack doesn’t really speak about the problem of too many emails and too little productivity. It doesn’t talk about fragmented collaboration and lost files. It doesn’t need to.
When you have a revenue of $401 million, you won’t need to either. Everyone in the industry you operate in will know what you do or at least heard of you.
But right now, you need to tell your customers that you understand their problem and are set to solve exactly that. Because why would they trust you to solve a problem that you don’t even deeply understand?
Slack did address the problem in a lot of their older websites, before everyone knew what they did. Here’s an example:
To really know how amazing your product is, your customers first need to know how bad the problem that they’re living with is. They need to understand why it’s crucial that their problem be solved. And then they need to know exactly how you’re going to solve it.
Position the product as a radical cure for a new age
Back in 2014, Slack was all the rage as The Email-Killer. There were articles all over the internet talking about how Slack was revolutionizing workspaces and teams. Time Magazine even had an article on how Slack will change the future of work.
Now Slack’s stance is not so radical. It’s smooth and helpful and hardly attaches itself to nicknames. Today, they focus on the benefits of the product and lean on their extensive client list instead of advertising themselves as the changers of the industry.
But you? You need positioning. You need to put yourself in the market as a new solution, as a better solution. You need to be your industry’s equivalent of an email-killer.
But wait: You don’t need to create a new product category. You might want to if your product doesn’t fit into existing markets. But you can still be the market leader in an existing category.
What you need to do is define your product in clear, distinct terms that show why you’re the best option out there. Market leaders have always been those who decided to show their customers the true value of the product, the most important problem they solve and why they’re so good at it.
Be straight to the point, with no BS headlines
If a relatively unknown company called, say, Plack came up to you and said, “Whatever work you do, you can do it in Plack,” would you think, Hey, this is an app I need!?
Nope. Because it doesn’t explain anything. Most likely, you’d be confused. You’d think, What exactly does this product do? Is it a CRM? An organiser app? How will it help me?
Slack can afford to use vague headlines that don’t really explain the product and what it does. Because, just like the problem, everyone already knows. Slack can afford witty copy that sounds good.
You cannot. Yet.
Good design has a rule: You need to explain your product, what it does, and why it’s important to the visitor in the first five seconds of their coming to your website. First impressions, that’s why.
Slack is exempt from this rule because they’re crazy successful. But all start-ups must, ideally, do it. Slack did it when they were young. Their 2015 website had this headline:
Not the most powerful headline, but it got the point across.
But why are headlines so important? When a visitor lands on your website, at that moment, your headline represents all of your business. The headline is your wingman, your ambassador. It has to be intriguing to your visitor.
I don’t mean flashy, sales-y, scammy headlines that promise amazing deals. No “The Secret to…” or multiple exclamation marks. Tell them what you do, and in the most clear-cut manner. Because:
- If your customers don’t understand what you do for them, why will they convert?
- The first five seconds are when the customer decides whether they care enough to learn more or not.
Good headlines are ones that focus on the end outcome of your product, are relevant to your best customers’ interests, offer something unique, and are not vague.
What You Should Steal From Slack’s Website
Here are some things I loved about the Slack website that I wish more SaaS companies did.
Highly targeted landing pages for different sections of your audience
These are not your average separate landing pages. They’re super-specialized for every use case.
Have a look:
Or see it live.
These segmented landing pages are hyper-focussed. They never talk about things the segment is not interested in. They never stray from the one thing they’re supposed to do. They don’t talk about the general benefits of Slack, only the ones that affect the people of that segment.
Each use case talks about only the things that segment cares about, and it talks about it in depth, passionately. Customer support teams care about resolving issues faster, so Slack’s landing page, from top to bottom, shows how Slack makes that easier. Task management teams care about smoother intra-team communication and collaboration; their landing page is all about completing projects on time and efficient planning.
These landing pages know what their target audience struggles with, and focus on their problems and how Slack solves them.
You need to segment your best users and target them with highly specific landing pages that understand them and cater to them.
Here are some ways that you can target your segmented audiences:
Show how your product integrates with the most important tools for that segment of the audience. Task management teams would love a Trello integration. IT would love Zendesk. Sales would love Salesforce.
Slack does it, and it’s pretty awesome. This is their landing page for engineering teams:
Metrics + Social proof
You’ve proven that you can help design teams, but how do I trust that you can help marketing teams, too?
The right metrics with a dash of validating testimonials. Show your customers you’re fully equipped to make their job easier and their results better.
This is from Slack’s marketing teams landing page, and I’m convinced:
Have case studies that appeal to your best audience segments, and show them off on those specific landing pages.
Landing pages for sales teams have customer stories that talk about companies from that particular segment, which helps visitors understand how others in the industry have been using the product.
Localizations for different regions of the world
Make it feel like home. By that, I mean use localization.
Depending on where the customer is coming from, Slack’s website does tiny personalisations that make the visitor feel more at home. For example:
The website shows me Indian people all over: there’s Jagdeep, and, Fatima and the ever-present Rahul:
And the micro-copy is altered to reflect Indian names and companies:
This may seem small, but it makes your website more cozy, easier to warm up to.
Even their social proof and case studies are adapted to the country you log in from. This way, visitors can trust the product because companies they know use it. This is the U.S website:
And this is the Japanese one:
It’s possible you’ve never heard of some of these Japanese companies, but the Japanese have, and that’s all that matters!
This is what Slack has to say about localisation: “Localization builds trust with our customers in a language that they understand, with cultural references that are familiar to them.”
Trust me, it goes a long way.
Also! My man, Jagdeep even made it to the United Kingdom’s landing page:
Separate landing pages for your strongest integrations
We’ve talked about integrations, but let’s level it up. Slack built an entire app store for all their integrations to make it easy to add other applications. This app store brings massive traffic to those apps. Of course, that’s not feasible for everyone, but hear me out.
Make sure your product integrates with the biggies in your industry, and have them add you to their app store/directory. It’s an amazing source of traffic!
Additionally, products like Trello and GitHub have separate landing pages to advertise their Slack integration.
Imagine if you and your integrations partnered up and had a landing page dedicated to each other on your websites.
Trello and Github alone drive hundreds of thousands of visitors to the Slack website every month.
It’s an ingenious way to get people to convert, by showing them how two products combined make their job doubly easier. The results speak for themselves!
Bonus Section: Positioning
Slack is an enterprise app. Enterprise apps, by definition, are complex and need to be equipped for war. But using Slack is ridiculously simple and honestly, it fits a team of three as well as a team of 500.
And the best part? You don’t have to wait for your company’s founder to make the move. They positioned themselves very differently from existing enterprise communication apps. There was no complicated set-up involved, no configurations.
This all seems like we’re talking about the product. But it’s equal parts product and marketing strategy.
Slack marketed to support teams and marketing teams and developer teams and the tiny parts that made a whole company: It showed them how it would be useful in their particular functions.
Anyone can start using Slack. It could be a whole organisation or just the customer success team. Think about it: At first glance, their audience seemed to be corporations and big companies who needed smooth intra-functioning. But they redefined their audience and split it into parts. Instead of marketing to founders of companies, they targeted the teams that made up the company.
Slack just went, “Checkmate, losers” at all other options in the market. Slack’s model was to start from the bottom and make the way up to the top. And it worked.
What it really shows is that the right audience might be something completely different from the norm. The person paying for the product might not even be the one you need to target.
You need to target people who will use your product because they will see the true value in it. You have to structure your positioning so that it speaks to those people!
Before We Leave
I thought I’d do a quick rewind of all the lessons you can apply from Slack’s website:
- Features as benefits, always. Market the improvement your product brings to the customer’s life, rather than selling what your product does.
- Use video to show how your product works. It’s easier to understand by example than through instructions.
- Talk about your integrations: Make and request separate landing pages for all your integrations.
- Talk about the problem your customers are facing that you can solve. Slack became famous as the email killer only because they pointed out lengthy, confusing email threads as the problem.
- Actually explain your product in your header. Visitors will only read further if they think your product could be of help. Tell visitors the outcome of your product and why it’s worth buying, in clear words.
- Position your product as a real solution that understands your specific, ideal, carefully chosen audience’s needs and is best equipped to help them.
- Create segmented landing pages based on deep research of different use cases, what the audience of that segment cares about, and how your product solves their problems.
- Localised landing pages make visitors relate to the content on your landing page. It evokes an emotional connection, which eases conversions.
Now go forth and improve your website!