Intercom goes for a modern stack solution with Contentful

Company Size

1000

Year Founded

2011

Headquarters

San Francisco, CA

Person typing on their laptop using Intercom

13×

faster to deploy updates

2

days to build pages vs 2 weeks previously

1

second decrease in site's time-to-interactive
Plan Type
Premium
Share Case Study

Main Challenges

  • Lighten tech stack for engineering team

  • Reduce time for page development

  • Remove barriers to contributing for marketers and editors

  • Improve business processes to enable collaboration and improve efficiency

  • Showcase brand identity

Solutions

  • Reduced deploy time from 20 minutes to about 90 seconds

  • Fast and frequent iteration from non-engineers

  • Fast deploy time + fast continuous integration and an easy-to-use code repository

  • Structured and reusable library of components

It all helps us iterate faster, do faster launches, support components more quickly. It's pretty seamless, so that's great.

Lauren Ottinger, product manager

Intercom

Project Story

When bespoke doesn’t fit anymore

Intercom is the business messaging platform that offers the only totally customizable messaging suite that drives growth at every stage of the customer lifecycle. The platform powers more than 500 million conversations each month and works with 30,000 companies including Atlassian, New Relic, Shopify and Sotheby’s.

Intercom has also built a strong in-house brand identity. When it came time for a brand refresh, there was concern that Intercom’s hard-coded marketing site would muffle rather than amplify that voice. Intercom had built its own custom content application because the CMSes available at the time were too rigid for their needs. The team opted to build its own application to make whatever the marketing team could dream up a reality.

However, this meant that only engineers could update content — and they were often the bottleneck for any marketing site changes, even the smallest copy edits. The engineering team also ended up creating lots of custom, one-off pages that were difficult to maintain.

Nothing about the marketing site moved as nimbly as the company. It took about two weeks from design sign-off to push a page live. Deployments took 20 to 30 minutes. The site took over 500 seconds to build and continuous integration about eight minutes to run.

Intercom was ready to solve for developer pain, and the old marketing site was the catalyst. Since the site could only facilitate a low build process, it resulted in a slow CI process and therefore lower-quality code; developers simply did not have time to wait.

As the company rapidly grew and expanded its reach, content teams also needed the flexibility to change the translation process to launch in new markets and get text into the right language quickly. In addition, there were new audience segments that Intercom would be speaking to with its new brand, and that required the ability to A/B test, rapidly iterate and experiment with new ways of communicating.

A modern stack was critical to achieving all of these goals.

The search for the right stack

For Intercom to move faster and level up its marketing site, it needed to build a lighter tech stack, reduce time for page development, reduce barriers to contribution for marketers and editors and free up time on the engineering team. What they needed was a content platform.

They started with a list of more than 100 requirements, says Lauren Ottinger, product manager at Intercom. “There were a ton of stakeholders and people who this project was going to impact — from marketing, branding, content and demand generation to engineering.”

After grouping the must-haves into themes and prioritizing, four top criteria emerged:

  • Brand flexibility

  • Fast build times

  • Overall ease-of-use

  • Enable marketing team contributions

That still left about 20 CMSes to choose from. The teams debated whether to go with a traditional or headless CMS. With a traditional CMS, the marketing team could make quick changes to the website, but the experiences they could create were limited and inflexible. Making another custom application freed up the creative side but saddled the engineering team with every tiny change.

They concluded that a headless CMS could provide the best of both worlds by making the content easy to update by the marketing team, while providing a system that’s easy to maintain for the engineering team. After speaking with several vendors, they chose Contentful for enterprise readiness, out-of-the-box features, single sign-on and modularity.

A huge deciding factor for Intercom was finding a platform that could support them where they were and grow with them. Since their creatives and engineers had started thinking end-to-end and holistically about the experiences they were building, they needed a partner for the duration. They had a lot of confidence that Contentful was a strong platform and would be a great long-term partner (implementing a CMS is never just a short-term decision).

Contentful enabled Intercom’s marketers to make content changes without being dependent on engineering, and it allowed them to scale their content. Intercom also built a reusable library of components. The key to these was finding that just-right Goldilocks size, according to Intercom's tech lead. “If you make your components too large and opinionated, then every single page looks exactly the same. If they’re too small, then they're a little bit too flexible. A content author can shoot themselves in the foot by composing too many things together.”

The team opted for components that were slightly too large and then broke them into smaller bits. The library reduced the time it took to build custom elements for each new page, and also increased team efficiency. In turn, cross-team collaboration drastically improved.

Who wore it better: Old and new side-by-side

As a proof-of-concept, the first test was to build a marketing page in Contentful then push it live alongside Intercom’s existing website. This pilot-in-parallel approach helped marketing team members get familiar with what webpages would look like in the new content system and showed them how easy it was to change content or copy. They saw how quickly different blocks of content could be reused to create other pages without leaning on the technical team.

From a technical standpoint, they were able to de-risk and prove that they could split traffic to different pages and a phased rollout. There was no need for an all-or-nothing switch in one day — the team had a lot more control over the rollout experience. This gave Intercom peace of mind and helped them move into the build phase with a tremendous amount of confidence.

Results

“We saw a ton of really positive impact to the business,” Ottinger says. For starters, the marketing team can quickly make copy changes, translate and swap out images on the site, which they couldn't do before.

On the engineering side, the numbers improved. They dramatically reduced the time it took to deploy the site, from 20 minutes to about 90 seconds. The average page build time shrank from about two weeks to closer to two days. The entire site, previously built with Ruby on Rails, is now a server-side rendered React application (built using Vercel’s Next.js) that pulls all content from Contentful. There’s no content in the site's repository, and the site gets compiled to plain HTML, CSS and JS at build time.

"It all helps us iterate faster, do faster launches, support components more quickly. It's pretty seamless, so that's great."
- Lauren Ottinger, product manager , Intercom

add-circle arrow-right remove style-two-pin-marker subtract-circle remove