We just launched our new Hygraph Studio in beta. Learn more

Optimizing Bellhop's marketing website performance with headless architecture

Hygraph customer success story - Bellhop
  • 1 Month

    From ideation to launch of new site with Hygraph

  • 200+

    Pages maintained within Hygraph

  • 95%+

    Core Web Vitals scores realized

Bellhop logo
Hygraph has allowed the marketing team to make constant edits and adjustments and launch new pages on our website. After the initial launch of new pages, the engineering team is not involved in the day to day work, allowing them to work on more challenging projects outside of just maintaining the website. It ensures that resources are being used in the best way possible, helping the business grow overall.
Harrison Stevens
Vice President of Marketing, Bellhop

Use case

Knowledge Management & Portals

Industry

SaaS

Previous stack

Hard Coded Files

Snapshot

Bellhop is an online moving platform that allows users to book movers directly from the Bellhop website. Bellhop manages thousands of movers across the US where movers are automatically assigned to new jobs based on their profiles and availability using the Bellhop APIs and algorithms. Bellhop aims to make the process of moving and finding reliable movers simpler and faster.

Bellhop aims to provide an experience that is tailored to local flair to create a more engaging user experience, starting with the marketing site. The team wanted a flexible stack that could be easily used for building their marketing website but also provided enough flexibility for building specialized projects, such as co-branded booking flows. With these criteria in hand, the Bellhop team began evaluating various headless systems that matched the Engineering team’s requirements and satisfied the needs of the Content team.

undefined

The Process

It was clear that taking a headless approach would allow the teams to optimize their workflows and provide the team with more flexibility in terms of types of content they produce. For the Engineering team, it was critical to have a headless CMS that had enough power and flexibility to allow them to take on current and future projects. It was important that the content modeling was fine-grained and easily adaptable to the team’s needs.

From the Marketing side, the team required straightforward and quick onboarding as well as a fine grained permissions system which matched their organization’s hierarchical structure. Marketers wanted more independence to be creative and experimental with the expectation that if mistakes are made, that content versioning would allow for the team to easily rollback to previous versions of content. By creating a more optimized workflow, Bellhop hoped to shorten project timelines and expedite content creation. By putting the reins in the hands of the content team, they were able to be more creative and independently create more customized campaigns.

Hygraph met these requirements and the team decided to slowly migrate their website from the previously hardcoded files to a more flexible headless architecture.

undefined

Why Hygraph?

The Bellhop team chose Hygraph for the following reasons.

Powerful GraphQL API

The performant GraphQL API of Hygraph gave Engineers the ability to quickly make changes programmatically and on a large scale using GraphQL Mutations. The API Playground made it easy to work with the Hygraph APIs and enabled teams to save queries and import new content to CMS programmatically. The Hygraph API is powerful enough to easily connect to other services as well, creating a seamless flow of information and opening the possibilities for further adoption for other use cases.

Intuitive Content Modeling

With Hygraph’s content modeling capabilities, Engineers could ensure that each page had exactly what was needed, nothing more, nothing less. It was easy to make considerations for SEO and flexible fields, such as the JSON field, offer some custom look and feel to pages. Content modeling that is flexible enough to meet the needs of both the needs of a traditional page builder approach but also a modular, component style content modeling for elements that may be present across different pages and elements of the site. Hygraph content modeling enables a mixture of content models that is consistent across page types and unique styles of content to be used in the project.

Custom Workflows

The Bellhop team implemented workflows which allowed the engineering team to build their website project with best practices of the development side and current trends in terms of frontend styling, while still giving the content teams full control over their content. The Content team no longer needed to wait for Engineers to make changes to existing content or launch new projects. Teams are able to work within their skillset to create content on brand, engaging content without having to make decisions around usability or brand.

The Current Setup

By using Hygraph in the backend, the Bellhop team was able to create a performant static site using Next.js and Vercel. Additional services, such as CircleCI, provide data enrichment and ensure that data is always up to date.

undefined

Results and Benefits

  • Tailored support from the Hygraph Team to help ensure the team followed Best Practices when getting the project up and running quickly
  • Seamless migration of content from existing files to Hygraph
  • With such great control over content, content creation, and easy ability to determine what should or should not be indexed, teams are able to see greater success of conversion rates and
  • Easier to ensure that content reaches the correct audience due to more specialized pages and campaigns
  • GraphQL Mutations API expedites workflows and keeps the Bellhop teams agile
  • More flexibility and agility of the marketing team to perform tests on new language and approaches - - Very little onboarding needed to get productive with the system, typically, it takes less than 30 minutes for people to get up and running
  • Granular permission based roles that ensure that people have just enough power within the CMS and that data is protected to avoid accidental deploys
  • Content Staging and Version Control helps protect the website and ensure that changes can be made quickly if needed


Sign up for our newsletter!

Be the first to know about releases and industry news and insights.