Skip links

CASE STUDY

Chainstack’s Brand & Positioning Revamp

A story of transforming a web3 brand’s market presence from a challenger into a category leader and a teardown of its new positioning and visual language refresh.

Launched: 28 September 2023

AT A GLANCE

Metric Improvements

+44.29%
Higher Visitor-to-Signup Conversion
+30.26%
Increase in # of Engaged Sessions
-12.50%
Decrease in Bounce Rate

* all growth organic, within 25 days post-launch

QUICK PEEK

After vs. Before

Slide the marker to see the end result on the left versus the original on the right.

Before
After

Above: Interactive comparison showing clearer positioning and the product vs. the hero section before the rebrand

THE PROBLEM

01

It was difficult to understand at a glance the “what” and the “who”—Who Chainstack was and what they provided—a repeat concern highlighted by site visitors and prospects. And most visitors didn’t scroll past 30% of the page.

02

The headline and the sub-headline did nothing for the SEO. The headline rotated the blockchain name part between “Ethereum” and 25 others, while the sub headline was a paragraph of running text that usually went ignored.

03

Did not show the product! Which is still surprisingly okay in the B2B SaaS world. (Yes, you can see a button to view an interactive demo, but it was another battle unto its own. More on that later.)

04

The rest of the page did nothing to explain our differentiation, or showcase all the power-packed offerings being released continuously, or how we were a superior package overall, all the while being super text heavy.

05

The design language had fallen out of sync with the web3 industry—and even its biggest competitors—where bold colors and messaging, and larger-than-life, super-direct aesthetics were the status quo.

MY ROLE

01

I crafted and distilled the brand’s bold, new positioning that makes their product offering, differentiation (“limitless”), and philosophy (“Unlimiting the ways of Web3”) crystal-clear making it stickier, and easier to understand for prospects.

02

I also developed a new taxonomy & messaging framework that puts the brand’s name—“stack”—into action and permeates the entirety of the brand’s identity such as “Core Stack”, “Data Stack”, “Cloud Stack”, etc.

03

I directed the design and copy for the new homepage and a full visual language refresh surpassing the web3 status quo, and our biggest competitors in particular, who also went on to realign their visuals, messaging, and pricing almost overnight.

THE RESULT

And what the page does well now

01

What Chainstack is, its positioning, and its differentiation are now super clear—using as few words as possible to clarify “every” thing it provides for developers, i.e., “Every blockchain. Every API. Every tool. To build applications for every scale.”

02

Makes the Product the hero: Even if a visitor doesn’t scroll past the hero section, they know exactly what to expect from the product looking at the actual UI screen-grabs and the tabs on the left—Blockchain Nodes, Subgraphs, Web3 APIs, etc.

03

Flows like a Sales pitch and showcases Chainstack’s entire portfolio of offerings helping elevate the brand’s market presence with the new design while also pre-educating prospects making Sales calls more efficient.

A LITTLE 1-ON-1

Surpassing the Competition

Take a look at how our new positioning and visual language “stacked up” against some of our biggest competitors after the refresh.

As of 1 November 2023

Above: Chainstack vs. Alchemy vs. QuickNode vs. Infura

TEARDOWN

The Process

Defining the “What”

Clearly and objectively stating who we are and what we provide: A development stack for Web3 developers

The Differentiator

We are a “limitless” stack—a clear differentiator important for our ICP in terms of RPS limits (Requests Per Second) for API communication throughput.

“Stack”-ing it

Putting the brand name into action: We are a “stack”, while every single competitor likes to call itself a platform or a generic variant of it.

Clarity & Rhythm

Clearly stating exactly what we offer and for what purpose in the sub-heading.

STEP 1

Distilling the positioning

ICP

The Ideal Customer Profile in this case is (Web3) Developers, broadly speaking.

  • From solopreneurs and small to mid-sized teams, to full-stack development teams at enterprise businesses
  • Those who are cost-conscious yet absolutely require utmost flexibility and control over their web3 infrastructure and how it is set up
  • Even moreso, those who’ve been burned previously by exorbitant invoices, and unpredictable costs and hidden charges from other infra providers

RESEARCH

What do customers & prospects really want?

During my conversations with existing customers, new site visitors and prospects via our live chatbot, and org-wide discussions with the C-suite, Sales & Accounts teams, Customer Success, and more; the following became abundantly clear:

  • The first thing users like to check and confirm is if there are any Request Per Second (RPS) limits
  • Users voice the need for their throughput, or RPS limit, to auto-scale during moments of challenging network traffic volume and handle burst loads
  • Users voice the need for transparent and predictable billing

DISTILLATION

01

“The limitless Web3 development stack”

I distilled the research from my discussions with various stakeholders and the pain-points customers had voiced during our conversations, into a simple, sticky, memorable, 5-word positioning headline on the homepage incorporating:

  • The differentiation: “limitless”
  • The industry: “Web3”
  • For what/whom: “development” / “developers”
  • What it is: A “stack”, of development tools

02

Why “limitless”?

The headline anchors the brand narrative into being a flexible and performance-oriented service that does not impose artificial limits on throughput as it was critical for our ICP to be able to handle large API call volumes and burst loads without running into RPS limits, as has been the case with most web3 infra providers.

03

“Stack”-ing it

Differentiating ourselves further from the rest of the services calling themselves platforms, portals, and other such variants, we chose to simply put the brand name—Chainstack—into action by positioning ourselves as a “development stack”, instantly recognized and understood by our ICP—the developer community.

This also became a template for our service offerings’ taxonomy, as you’ll see later on within this case study.

04

Presenting our offerings with rhythmic clarity

And finally, we stepped away from using running, paragraph text to describe our offerings and instead, crafted a direct and objective rhythmic instrumentation with “Every blockchain. Every API. Every tool... for every scale.” to communicate what you, as a user, get with Chainstack.

This, too, became a template for positioning and describing other offerings in our portfolio. For example, look at our new Enterprise page with its sub-header that reads: “One provider. One interface. One invoice...”. More on this coming soon.

STEP 2

Making the hero section “work it”

Defining the “What”

Clearly and objectively stating who we are and what we provide: A development stack for Web3 developers

Showing the Product

Unlike most B2B products, we gave prospects easy access to see and “feel” the product with a no-code interactive demo powered by Navattic.

Social Proof Galore

Showcasing customer logos prominently within a UI mockup of our product.

Showcasing Our Offerings

Immediately putting focus on what you, as a user, can expect to find inside the product with an interactive product mockup. From Blockchain Nodes to Web3 Data APIs, and more.

Above: The new homepage hero section. Hover over the numbered hotspots to learn more.

REQUIREMENT

Data showed that only ~20% of our site visitors scrolled past 50% of the page-length. This meant we needed to make a direct and clear impression in 1 glance. We needed our hero section to objectively showcase the following above-the-fold:

  • The main positioning statement
  • Clarification of what we offer
  • The product
  • The portfolio of services available inside the product
  • Social proof in the form of customer logos

Now, how do we squeeze all of that into just the hero section alone? 😱

DELIVERED

01

The big, bold “what”

Right off the bat, the hero section clarifies the platform and the offerings with the headline and the sub-header as discussed above.

02

Product-focused CTAs

Start using the product right now. Don’t wanna commit before seeing and experiencing the product? Try an interactive demo. Introducing this demo improved our visitor-to-signup conversion by more than 12%.

03

Embedded social proof

We embedded a row of customer logos right inside the product UI mockup. And also had them switch based on the service a user selects from the left.

04

Visually representing our offerings

”Every blockchain. Every API. Every tool.” wasn’t clear? Didn’t read? No problem. We made sure that not only did we present our product in larger-than-life glory, but the sidebar made you see and understand every service offering inside the product.

STEP 3

Amplifying the brand’s differentiation

WHY IT WORKS

01

Speaks to our ICP’s pain points and their past experiences with other infra providers while substantiating our vision of #Web3forAll

02

Clearly addresses their top burning questions, i.e., RPS limits, billing mechanism & predictability, and the “how” of fulfilling these promises

03

Showcases “unlimited flexibility” in managing their billing and payments via any method they preferred—fiat or their favorite tokens.

STEP 4

Educating with what truly matters

WHY IT WORKS

01

Creates trust by educating prospects to look beyond shiny advertising and vanity metrics and understand that “performance” is not one-dimensional

02

Provides visual proof and openly invites prospects to check the veracity of the claims being made for themselves

STEP 5

Branding the taxonomy

WHY IT WORKS

01

Creates recall and cohesion by actioning the brand’s name itself into the taxonomy and nomenclature of its service offerings — “Your stack. Your way.”, “Core Stack”, “Data Stack”, etc.

02

Primes and prepares the brand for all future GTM efforts and creates a mental connect between itself and the community

STEP 6

Concluding with predictability

WHY IT WORKS

01

Takes its due space and time to comprehensively address the ICP’s biggest pain point alongside their primary “RPS limits” concern

02

Showcases the mechanism of how the “transparency’ in pricing works while subtly calling out the competition and prospects’ past experiences with them

IN A NUTSHELL

Conclusion

01

Strategically re-positioned the brand and transformed its market presence from a challenger to a category leader

02

Directed a full visual language refresh and revamped the brand’s narrative and product taxonomy framework

03

Educated & met customers’ expectations improving every engagement and performance metric across the board

44.29%
Higher Visitor-to-Signup Conversion
30.26%
Increase in # of Engaged Sessions
12.50%
Decrease in Bounce Rate
View
Drag