Developer marketing examples

The best dev tool marketing campaigns, designs, and copy
that I found on the internet

developer experience
video
youtube

Hand-drawn tutorial video style from Robusta

I really love this hand-drawn feel.

It makes it super authentic.

Also, starting from scratch (not a ready diagram) makes following it more fun and less overwhelming.

Great stuff.

BTW the tool used for this is called excalidraw.com

blog
call to action
developer experience
brand

"Top of article" CTA on the blog from Eartlhy

Need one more call to action idea for your dev tool blog?

How about starting an article with it?

Sounds weird but if done right it can work. Even with devs (or maybe especially with devs).

Earthly did and they are known for great dev-focused content.

Ok, so how does it work?

You start your article with a contextual call to action where you explain:

  • Who you are and what your product does
  • And how that is relevant to the content of the article
  • Link out to more product-focused pages, ideally relevant to content

And then you let people read.

Those who find the topic important will remember you and/or maybe click out to see more.

I like it. It's explicit, transparent, and actually noninvasive.

copy
developer experience
call to action
landing page
hero section

Header content CTA from Plaid

Sometimes you have an article, report, or event you want to drive people to.

And it is important that they read it.

What Plaid did here is an interesting way of putting it right in the hero section without making it overwhelming or distracting.

I like it.

copy
developer experience
call to action
landing page
hero section

Auth0 developer portal Hero section CTAs

There are three CTAs actually.

Common knowledge suggests doing one, maybe two, they do 3:

  • build
  • see docs
  • see examples

Devs want relevant and practical.

Also, devs love docs and examples and check them before signing up.

Action-focused copy is great as well.

navbar
developer experience
blog
copy

Snyk navbar resources tab design

The "Resources" tab is the most loved and hated tab for developer marketers.

Ok so the common problem is that you have lots of different resources:

  • docs
  • product videos
  • meetup videos
  • recorded webinars
  • learning center guides
  • blog articles that don't talk about your product
  • and so much more stuff

You want to showcase them in the navbar but where do you put them?

Under product? Company? Docs?

How to make sure that people don't go to your blog to read about your product just to find out that you talk about the industry problems there?

Enter the "Resources" tab. The "Miscellaneous" of the navbar world.

And typically it is just crammed with all stuff that doesn't fit anywhere. Just like any respectable misc folder would.  

How do you deal with that?

Snyk approached it in a clear and logical way:

  • Add sub-navigation
  • Make it clear to devs which parts are about the product and which ones are not
  • They use "Using Snyk" and "Learn & Connect" that could be extended to "Using {Product} and "Learning {Category/Problem}"

I love this (and already stole the idea for our site).

copy
call to action
product led growth
landing page

Posthog "do not talk to us" copy

Most devs want to explore products themselves.

They want to read the docs, see examples, play with the product, or watch a video.

They don't want to hop on a demo call, especially early on in the evaluation process.

And they definitely don't want to sit through the demo to learn what your pricing is.

But there will be moments when they will want to talk to you. They will raise their hands and let you know then.

Posthog speaks to this reality with this copy beautifully:

  • They basically say "don't talk to us"
  • They give you transparent pricing on the website
  • They give you a recorded demo on the website
  • They let you try the product for free without talking to them
  • But if you want to talk to sales/support you can reach out

This is very developer-focused approach and I love it.

copy
campaigns
vs competitor
blog

Convex vs Firebase blog

This is one of my favorite our dev tool vs competitor blog posts.

With these pages, you want to explain when you are better.

But you don't want to berate your competitor.

And above all, you want to help people make a decision.

Chances are (almost 100% ;)) that you are not better for every use case. And your developer audience knows it.

But there should be use cases, tool stacks, or situations when you are the best option.

Talk about those. Dev to dev.

@Convex did a great job in this post that I think can be a template for how to write these:

  • They start by saying what is the same. That sets the context.
  • Then they say good things about their competitor. Shows respect and understanding
  • They follow by listing 3 key differences/situations when you should consider them
  • And they go ahead and explain each of these differences deeply

After reading that post you are fairly convinced that if your situation matches the one described and if it makes sense to use it.

Love it.

call to action

Vercel NEXT.js conf registration CTA

How to promote your important company event? How about right there in the header.

A typical approach to promoting events on your site is to have them in the Hello bar (right above the navbar). This is a solid option of course.

But what if this is a super duper important event that you really want to push?

Put it in the header.

The header is the most viewed part of the most visited page on your site.

Doesn't get much better than that.

But you don't want to distract people from your value propositions and main CTAs too much.

How do you do that?

This is how Vercel did with last year's NEXT.js conf.

  • above the H1 headline so as not to break the flow
  • prominent but not more distracting than it needs to be
  • has conference logo, crystal clear copy, and an event CTA

Nice execution on that pattern.

campaigns
hacker news

Newsjacking by GitGuardian

Newsjacking is a great marketing tactic.
Especially when you can connect it nicely to your product.

And GitGuardian, a tool for secrets management does it beautifully here.
They ran a story on how Toyota suffered from a data breach.
Because they didn't manage their GitHub secrets properly.

Brilliant.

developer experience
copy
call to action
product tour
product led growth

Header CTAs from Mixpanel

Mixpanel primary CTA is to take an interactive tour.

They take you to a 30min video + a guided UI tour.

Not a signup.

That is because with products that have long time to value (like analytics, observability etc) dev will not see value in the first session.

I mean to really see value you need to see real data, real use cases. And if you were to actually test it would take weeks.

That is why many companies do demos. But demos have their own problems (and most are bad).

Interactive tools make it possible for me to explore the value without talking to anyone.

I love this option.

developer experience
landing page

1-2-3 how-to section from Appsmith

How easy it is to get started is a big conversion factor for any dev tool.

Devs want to test things out and if it is hard to do they will be gone testing a competitor that made it easy.

And so a good how-to section on your homepage can make a big difference in getting devs to that first experience.

Appsmith does it beautifully with their 1-2-3 How-to section:

  • 1-2-3 format: Connect data -> Drag and drop -> Customize with code
  • Interactive GIFs with code snippets and UI elements
  • CTAs to integrations, widget library, and docs
  • Dev testimonial at the end to make it real

It is so engaging and just beautifully designed. And the CTA to additional resources like integrations, widget library, and docs make the message land. I do believe it is easy to set this up.

Great pattern to copy-paste imho.

social posts
linkedin

Make {DevOps} cry post format

Make a {X} cry in 5 words or less.

Great Linkedin (or Twitter) post format.

This is one of those fantastic self-selecting mechanisms as well.

People who understand the joke are the people you are looking for.

You may get the exact people you want to follow your profile.

With a nicely targeted joke.

Love it.

brand
campaigns
billboards
ads

"Ask your developer" billboards from Twillio

Just wanted to share this classic dev tool branding campaign.

There is even a book about this from Jeff Lawson at Twilio.

But I recently saw someone share on HN that it got changed to "How can I reduce acquisition costs by 65%". Made me a bit sad.

But perhaps after years and years of working it stopped delivering any additional brand awareness/affinity.

Could they have come up with another flavor of "Ask your developer."?

Maybe. But maybe at their levels of mind share you are playing a different game.

The good thing is, you are not at that stage ;)

And f you pull off something that is 1% of the success of that famous Twilio campaign you can make your brand noticed and remembered.

I know we are in the year of doing what brings results right now. And branding campaigns may not make the cut.

But maybe we can (and should) afford to do something that helps us deliver that pipeline next year or a year after that?

developer experience
landing page

How it works crossover from Mux

The problem with presenting API is that it is hidden. It gets the job done in the background.

So it is not "attractive" in the way some other dev tools can be.

But you can:

  • show the end result and how it gets the job done.
  • show how easy it is to use.
  • let people play with something interactive to make it real.

That is how Mux, video API, solves it.

Found this awesome crossover on their homepage.

They give you:

  • devvy language that just says what it does without high-level fluff
  • code, input/outputs
  • end result of your API call, to make it real
  • demo to get the feel real-time

Love it!

copy
developer experience
social proof
landing page
hero section

Powerful landing page messaging from Flighcontrol

Simple and powerful messaging.

They say what they do. Zero fluff.

They make it easy for devs by explaining how they are different than (obvious) competitors.

They add a little developer-focused social proof.

reddit

Posting entire articles on Reddit

This is a very nteresting approach from PubNub.

They could have published an article on their blog and posted a link to Reddit.

Instead, they just posted an entire article, 3851 words . That post got 360 upvotes and made it to the top of r/rust. Wow.

Never seen anyone do that before but I like this. It could be great:

  • when you want to drive discussion around a topic in the community you care about.
  • Or when you want to rank for a keyword you couldn't possibly rank for on your own (Reddit will index it later at their 95 Domain Authority).  

Some things I also liked:

  • To the point title, and devs really like a real improvement/debugging story
  • The use of emojis in the title grabs attention and stops the scroll. Slightly controversial on Reddit but worth a try.
  • In the feed, it looks like a deep (long) technical post. That intro is also fantastic because it does tell you what they did which suggests there will be more juicy details later. Love that.
  • Shows a sneak peek of a performance comparison chart that you just want to see
  • The post has images, code snippets, sections etc. Like a proper article. Also, you kind of need that at 3851 words ;)

Super interesting approach that I want to test out myself.

call to action
landing page

Open-source project homepage CTA from Astro

What CTAs should you choose for your open-source project homepage?

Was always wondering what is my default.

There are many options: "See docs", "Get started", "Sign up", "Start X"

But in open-source you want people to start playing with it, install it.

So what should you choose?

Recently came across Astro homepage and loved what they chose.

"Get started"

  • Takes you to the quickstart in the docs
  • Is action-focused copy
  • Sets obvious(ish) expectations

Install code

  • Gives you copy-pasteable install command
  • + it shows the code to make it more devy

Whatever I choose I will actually get my hands dirty.

I think this will be my default from now on.

social posts
twitter

"Nostalgic" tweet format

Make it about belonging.

Something some people can deeply connect with.
Nostalgia is a very strong emotion.

It feels good to be a part of something as well.

navbar

Great navbar design from Auth0

Navbar is a hugely important conversion lever on the dev-facing website. I saw it move the needle by x times in some cases/conversion events.

So, what does a good one look like?

Auth0 did a great job on their developer portal. But the learnings can be applied to your marketing website too.

What I like:

  • They have an explicit division between docs and resources (you can do without it but I like it)
  • Community (with all the events, forums, support etc) is clearly emphasized and discoverable
  • When you click on the navbar tab you get an extensive mega menu with many options
  • Each item in the mega menu gets a one-sentence description of what you'll find there

That makes it easy for devs to explore. Without having to click out to see what each tab/item means. And when devs know what you mean they are more likely to actually click out. And convert.

blog
developer experience
call to action

Blog CTA from v7

Interesting dev blog CTA idea from V7.

CTAs in technical articles is a tricky subject:

  • Go too aggressive and "obviously an ad" and devs ignore it or get angry
  • Go too subtle and you may not get the readers attention at all

I like how V7 approached it here:

  • They add a separate (aside) section but it is subtle, feels like a part of the article
  • They use a GIF image creative that catches my attention and simply shows the product
  • They used various  anchor link CTAs. Interestingly these often get more clicks than buttons

What I'd change/test is making this CTA not a generic value prop but something closely connected to the rest of the article.

social posts
twitter

"Disagree with status quo" tweet format

Articulate a deeper thought.

Sometimes you want to tell the world something but you don't know how.
When somebody articulates what you were thinking you just want to share that with them.

This is what this tweet is about.
A deeper thought with some parallel examples to back it up.

developer experience
landing page
hero section

Header design from Iterative.ai

I love this simple design.

They show:

  • A GIF of code and console
  • Have a few tabs with features, explained
  • Social proof with Github stars

Simple, and powerful imho.

developer experience
landing page

Auth0 developer portal: How it works diagram

Show how product components fit together.

A good diagram is such a good solution to that.

They use the same colors and eyebrow copy that was used for body sections.
It all clicks now, I get the full picture.

developer experience
github
hero section

GitHub Repository Readme.md design from Prisma

I like how it has a proper "hero section" feel to it but it adds a developer-focused twist:

  • Explains in simple words what the tool is
  • Adds a lot of navigational links (website, docs, examples, blog)
  • Then it goes into detail about what it does

The rest of the Readme is great as well but the hero section is gold imho.

developer experience
landing page

Multi-tab GIF cross section website design from Supabase

I like the design of this crosshead.

  • Starts with the gif to catch my attention
  • When tabs change the copy, CTA, gif change
  • The figs have a nice click cursor that shows what I am doing
  • CTA is very "silent", non-intrusive
copy
swag
reddit

"Did X and all I got is this lousy t-shirt"

This is a solid swag copy template that resonates with devs.

"I did X and all I got was this lousy Y"

Why this works imho is:

  • it is snarky
  • it is a little self-deprecating
  • it brags a bit about the work/expertise

Very solid start if you run out of ideas.

campaigns
copy
developer experience
ads
reddit

"We blew our budget on X" format

Funny ad, that makes fun of ads.

But it actually communicates that you don't care about the ads but more about something else, like:

  • docs
  • code examples
  • integration
  • backend
  • UI
video
youtube
campaigns
brand

"Together" video campaign from Postman

How to do a dev-focused brand video and get 10M+ views?

Making a memorable brand video is hard.

Doing that for a boring tech product is harder.

Doing that to the developer audience is next level.

Postman managed to create not one but three of those brand videos that got from 4M to 10M youtube views.

The videos I am talking about are:

  • "I am gonna push some buttons"
  • "Together"
  • "We did this"

So what did they do right?

  • They are all short playful stories touching on values coming from a centralized API platform.
  • They hint at the motif of space which is a clear part of Postman's branding
  • They do show the actual UI of the product

Honestly, I am not exactly sure what special sauce they added but those are just great videos that you watch.

And I definitely remember them and the company which is exactly what you want to achieve with brand ads.

developer experience
pricing
docs

Pricing in the docs from fly.io

Pricing in your docs? That is how @Fly.io does it.

You click a pricing page link on their homepage and you go to the docs!

No 3 boxes with the "most popular" being the middle paid plan ;)

They just give it to you how it is. Exactly what you'd expect from the docs.

There are tables, explanations, and links to other docs pages.

Very bold decision imho. It definitely makes them feel super developer focused.

Plus if you do want a more standard, enterprise stuff you see:

"If you need more support or compliance options, you can choose one of our paid plans. These come with usage included and additional support options."

And that page looks like a classic pricing page.

But they focus on the developer buying experience here. Super interesting.

developer experience
call to action
blog

Developer-focused blog slide-in CTA from Snyk

An interesting option to push people to read the next article.

You use a slide-in triggered on a 75% scroll with a "read next" CTA in the bottom left.

On the aggressive side for sure but when the article you propose is clearly technical it could work.

And if your articles are not connected to the product explicitly you do need some ways to keep people reading and see more of your brand.

brand
campaigns
ads
billboards

"What good is bad data" from Segment

This is a really clever billboard campaign.

Show don't tell they say.

And Segment did exactly that by putting billboards with the wrong location printed on them (LA in SF etc).

The theme/message was "What good is bad data?" which was exactly what they wanted to convey.

What I like about is the alignment between:

  • campaign creative
  • campaign theme
  • product value

This is hard to do imho so big kudos to them 🎉!

Downside?

Reportedly many folks who saw billboards didn't get that it was intentional and Tweeted at them about the error.

Or maybe they were next-level jokers...

social posts
twitter

Good Twitter thread format: nice hook

Good format of the tweet copy.

Start with the hook.

Then validate it with more story.

Then open a knowledge gap with a thread.

docs
call to action
developer experience

Flatfile docs office hours CTA

How to get people to sign up for your office hours?

Why not put it on your docs homepage?

Btw, I really like the concept of office hours.

  • You give people the option to "get a demo" and answer their questions
  • But you don't make them schedule anything, they can just come (or not)

You get your devrels or product to do those weekly and then you just have to figure out how to get people there.

Classic options are to put info in onboarding sequences, in the app, or on the website hello bar.

But Flatfile had another idea. They put it in their docs homepage header.

I find this idea brilliant as many people who browse your docs (especially for the first time) are in that evaluation mode and would actually want to do that.

Plus calls to action in the docs get more respect by design ;)

ads
linkedin

Run.ai Linkedin ad

𝗔𝘁𝘁𝗿𝗮𝗰𝘁𝗶𝘃𝗲 𝗮𝗱 𝗰𝗿𝗲𝗮𝘁𝗶𝘃𝗲 𝗳𝗼𝗿 𝗮𝗻 𝗶𝗻𝗳𝗿𝗮 𝗽𝗿𝗼𝗱𝘂𝗰𝘁 𝘁𝗵𝗮𝘁 𝗿𝘂𝗻𝘀 𝗶𝗻 𝗮 𝘁𝗲𝗿𝗺𝗶𝗻𝗮𝗹?

Hard, but Run.ai did that.

Infra products are not "obviously cool".

There is no shiny UI, no happy people wearing your sneakers,

So what do you show on your ads?

First off, the rules still apply:

• Catch your audience's attention
• Say what you do in their language
• Better yet, show how it actually does it

And Run.ai ai and MLOps infra tool managed to create a beautiful Linkedin ad IMHO:

• They catch attention with the code visual
• They say what they do quickly with "Dynamic Fractional GPU using One Command"
• They extend on that in the post copy with an action-driven "Open Terminal -> Run Command -> Boom"
• The code shows what it feels like to use the tool
• And it shows you the result -> fractional GPUs

Job well done!

ads
copy
vs competitor
campaigns
twitter

Vs competitor Twitter ad from Convex

VS competitor ads are hard to pull off with devs. Not impossible though. 👇

So the problem is that:

  • You want to list problems people have with the competing tool.
  • But you don't want to come off as too negative and aggressive.
  • And you want people to not think those are just "some bs claims to sell your tool"

@Convex does it really nicely here:

  • They start positively by acknowledging that some people do "Love Firebase"
  • They tag the competitor to build trust in the claims they are making
  • They list problems people have with the competitor explicitly in voice of customer: "request waterfalls", "weak react support", "managing end-to-end consistency"
  • And they link to a deeper vs competitor page for details

And even though this is by a "aggressive" competitor marketing hundreds of devs liked/bookmarked this tweet.

Good job!

swag
conferences

Swag with CTAs from Union.ai

How to get more ROI from your dev conference booth? -> Add obvious CTAs.

Yes, giveaway stuff.

Yes, make it nice and branded.

Yes, make it funny, shareable, and cool.

But give people an easy and obvious option to give back and support you and your goals.

I really liked how Union.ai approached it at the recent MLOps World conference:

  • A simple folded paper info with CTAs right next to your giveaway
  • CTAs to GitHub stars, Linkedin, and Slack community

Just a nice little tactic but I bet it squeezed a bit more of that ROI juice that we all need in 2023 ;)

ads
linkedin
social proof

V7 "testimonial" ad on Linkedin

It's a nice template for ads on socials.

So you have:

  • Value
  • Testimonial about the value/benefit
  • Person
  • CTA

Ideally, I'd make it dark to stand out in the feed and make the CTA about that value as well.

But still, great ad imho.

ads
campaigns
video
youtube
brand

"I'm gonna push some buttons" video campaign from Postman

How to do a dev-focused brand video and get 10M+ views?

Making a memorable brand video is hard.

Doing that for a boring tech product is harder.

Doing that to the developer audience is next level.

Postman managed to create not one but three of those brand videos that got from 4M to 10M youtube views.

The videos I am talking about are:

  • "I am gonna push some buttons"
  • "Together"
  • "We did this"

So what did they do right?

  • They are all short playful stories touching on values coming from a centralized API platform.
  • They hint at the motif of space which is a clear part of Postman's branding
  • They do show the actual UI of the product

Honestly, I am not exactly sure what special sauce they added but those are just great videos that you watch.

And I definitely remember them and the company which is exactly what you want to achieve with brand ads.

reddit

Dev audience research on Reddit

Not sure how to find developers for audience research interviews?

Sometimes all you need is ask.

I really liked what the founders of this startup did:

  • Found relevant subreddits where folks working in MLOps/DevOps and ML are (for example r/mlops)
  • Clearly explained why they wanted it: building a startup and doing exploratory analysis
  • Clearly explained what they wanted: interviews with mlops/devop/data scientists
  • Clearly explained what they will give for it: cash, as simple as that

Sometimes you don't need to overthink it and can just ask.

developer experience
pricing

Cost calculator from Mux

Sometimes your pricing is just complex. But you can still make it work.

If you want devs to convert, make it possible for them to estimate the cost.

@Mux does it nicely with a calculator:

  • They give sliders for dimensions that are obvious to the dev
  • They give (pre) select boxes for things that are a bit less obvious
  • They show additional costs
  • They give you a clear final price estimate

What is crucial is that the calculator dimensions need to be understandable and familiar to the reader.:

  • If you use expected industry concepts (view count, upload, users) you should be fine.
  • If you use weird obscure concepts the best calculator will not help.

The goal of this is to make it possible for a person to get an estimate right here right now.

Not have to setup a meeting with half the team to figure your pricing out.

brand
campaigns
ads
billboards

snowflake billboards

Ideating how to do dev tool billboards?

I like these from Snowflake.

Especially the customer showcase ones as the format can almost be copy-pasted ;)

One more interesting thing about those billboards though:

  • folks from Snowflake placed just a few of them strategically in the cities
  • And changed content of the billboard often

By doing that they seem to have billboards everywhere, fight ad fatigue, and stay top of mind.

Love it.

ads
reddit

Kftray Reddit ad

Nice Reddit ad from kftray.

This is a simple ad format but lands the message:

  • Clear, transparent "What it is" and "What it does" in the Headline
  • Basic screen share video that shows both the code (terminal) and the  UI (product app)
  • Unblocked comments make it more confident and spark conversation

An interesting fact is that there is no call to action?!

They say "Kftray is an open-source" which is enough for those interested to google "kftray github" or just go to GitHub and find it. And makes the ad less pushy which is a nice touch on Reddit.

But the most important takeaway is this. If the problem is real to the dev audience you target you don't need to go fancy. Just show how you solve it.

copy
blog
call to action

ShiftMag Newsletter CTA copy

Funny dev newsletter CTA. From shiftmag .dev by Infobip.

It starts with a chuckle-worthy:

"Sarcastic headline, but funny enough for engineers to sign up"

Then they follow up by disarming the "is that spam" and building more rapport with:

  • "Written by people, not robots - at least not yet."
  • "May or may not contain traces of sarcasm, but never spam."

They end with an alternative call to action. RSS feed.

Most newsletters don't do RSS.

But for many devs RSS feed is the preferred content subscription.

Great job!

billboards
ads
copy

Funny competitive campaign billboard

Funny and memorable competitive billboard ad from @Statsig 👇

You have a big incumbent, everyone knows them. Use it to anchor your brand.

And tell the story of how you do things differently.

👀 But first, make people see you. And remember you in the next conversation when the big known brand or a category comes up.

And being funny is one of the best ways of getting attention and being remembered.

💚 I love how folks from Statsig did it here. Such a playful pun on the feature flag category incumbent Launch Darkly. Job well done.

Btw, this was shared by Oleksii Klochai in the Developer Marketing Community (you joined yet?).

landing page

Compact, scrolling feature sections from Graphite

Scrolling through many feature/capability sections of a dev tool website mostly sucks. But dropping things to make it shorter can suck even more.

This is a cool design pattern that deals with that problem.  

Single section that switches subsections on scroll. And folks over at @Graphite did a great job with that on their homepage.

It works like this:

  • as you scroll the progress bar moves to make it clear what is happening right away
  • eventually, as you scroll down, the subsection switches to the next one
  • each subsections has a headline + one-liner description + call to action + a visual

Also, I saw variants of this that also looked great:

  • without the one-liner or Learn more
  • auto progress/section switch if you don't act

What this design helps you achieve is:

  • you get to show many features/capabilities (Graphite showed 5)
  • the site feels shorter than it is and you don't feel as tired/lost as you scroll
  • because it is all interactive it is easier to drive your attention to a section header

I really like this pattern and I have already recommended it to some folks working on their sites recently.

campaigns
hacker news

Early CockroachDB articles on Hacker News

𝗛𝗼𝘄 𝘁𝗼 𝗰𝗿𝗲𝗮𝘁𝗲 𝗴𝗼𝗼𝗱 𝘁𝗲𝗰𝗵𝗻𝗶𝗰𝗮𝗹 𝗰𝗼𝗻𝘁𝗲𝗻𝘁 𝘁𝗵𝗮𝘁 𝘁𝗵𝗲 𝗛𝗮𝗰𝗸𝗲𝗿 𝗡𝗲𝘄𝘀 𝗮𝘂𝗱𝗶𝗲𝗻𝗰𝗲 𝗹𝗶𝗸𝗲𝘀?

The general tip is simple. Create content that the HN audience finds interesting.

𝗧𝗵𝗮𝘁 𝘁𝘆𝗽𝗶𝗰𝗮𝗹𝗹𝘆 𝗺𝗲𝗮𝗻𝘀:

  • Something that feeds curiosity (how does X work, why did Y happen, what is it like to do Z)
  • Something real, transparent, and written in first person (real stories)
  • Something technical and focused on the dev or founder crowd

But how do you actually do that?

𝗢𝗻𝗲 𝗼𝗳 𝘁𝗵𝗲 𝗽𝗹𝗮𝘆𝗯𝗼𝗼𝗸𝘀 𝘁𝗵𝗮𝘁 𝘀𝗼𝗺𝗲 𝘁𝗲𝗰𝗵𝗻𝗶𝗰𝗮𝗹 𝗳𝗼𝘂𝗻𝗱𝗲𝗿𝘀 𝗱𝗲𝗽𝗹𝗼𝘆𝗲𝗱 𝘄𝗮𝘀 𝘁𝗵𝗶𝘀:

  • Get your technical founder or core developers to write articles
  • Those articles are focused on the technical challenges of building your product
  • Again, don't write what your product does but rather how you build it. Mistakes you made, ideas you tried, technical challenges you had to overcome.
  • Share real value with that dev audience. And to give people real value, you need to have folks who actually understand their problems. Those are typically senior devs/founders.
  • You will inevitably hint that you are building a product and the folks who are interested in your product and you will go deeper.  

That was exactly what folks from CockroachDB did at the beginning.  Heard about it on one of the episodes of the Unusual Ventures podcast with Peter Mattis from Cockroach Labs.

𝗘𝘅𝗮𝗺𝗽𝗹𝗲𝘀 𝘁𝗵𝗮𝘁 𝗵𝗶𝘁 𝘁𝗵𝗲 𝘁𝗼𝗽 𝗼𝗳 𝗛𝗡:

• "CockroachDB Stability Post-Mortem: From 1 Node to 100 Nodes"
• "Serializable, lockless, distributed: Isolation in CockroachDB"
• "How CockroachDB Does Distributed, Atomic Transactions"
 
Kudos Cockroach Labs team and thanks for sharing!

reddit
social listening

Brilliant plug comment on StackOverflow

Someone shared an old but awesome article with me recently:  “I answered 99 Stack Overflow questions and now 2 million developers know about my product“

And while chatGPT/Perplexity/co-pilots may be making the Stack Overflow less effective the rules of engaging in communities very much apply to your Slack/Discord/Reddit.

Also, I often talk about social listening, setting up trackers like Syften, F5Bot, or Gummysearch, and jumping into discussions around your problem space. But I haven’t really shared good examples of how people actually join in the conversation doing that. This is one of them.

So what you do is basically:

  • Say how the problem can be solved generally
  • Say how you can solve it with “a product like mine”
  • Show an example of doing exactly that with code

Do that enough times, all in relevant discussions, and see how folks refer to your answers and drive more product signups.

pricing

Usage based pricing with cap from Appsmith

Usage-based pricing is loved by devs. But has its own problems.

Ok, so first what are those problems?

Value metric:

  • users don't understand your value metric
  • even when they do, they cannot map it to their usage patterns.

Predictability and procurement:

  • it is easier to predict the headcount than the usage
  • per user pricing is obvious, everyone across the org understands it

But devs love usage-based pricing:

  • it is "fair", you pay for what you use
  • you can scale up/down as you need

It is great for a dev tool company:

  • you align user adoption, the value created, and monetization
  • as org-wide usage so does the invoice

But pulling it off is not as easy as you may think.

Choosing that value metric, packaging it, and presenting it is a struggle.

@Appsmith solved it in the following way:

  • give people an option to go with a usage-based pricing
  • but cap a per-user cost at $X a month
  • it guarantees a better deal than a flat per-user pricing
  • but gives you the predictability of a per-user pricing

Very interesting approach.

brand
youtube

What is Segment video

Came across this classic What is Segment brand video while watching an interview with one of the folks behind it, Maya Spivak (she is awesome btw).

What I like about it is that:

• it is fun, not formal, builds rapport
• it introduces the core problem the tool solves
• it shows the tech and explains it in a way that is simple but not simplistic

And it follows a flavor of the classic AIDA format:

  • Introduce problem
  • Agitate it, make the viewer feel it
  • Explain obvious solutions + problems with it
  • Show how your product solves it
  • Tell people how to start

Putting all that in 90 seconds is hard.

And even though this video is 4 years old it could easily still work today IMHO.

Really solid baseline to s̶t̶e̶a̶l̶ get inspired by ;)

social posts
linkedin
developer experience

Code + UI Linkedin post format

A great example of a dev-focused Linkedin post format from Khuyen Tran 👇

What I like about this:

  • It stands out in the feed with a pink background
  • It is helpful and visual. Shows the code and result of the code in one view.
  • I know right away what the post is about and why I should "... see more"
  • It is a format that can be reused for many scenarios

Just great job!

developer experience
copy
vs competitor
landing page
pricing

Competitor comparison page from New Relic

Sometimes your product just wins on price.

I like how New Relic owns it on this page:

  • They show you price comparison graphs
  • The CTAs are focused on helping you compare the prices
  • They use jargon specific to the category to drive the price argument: "peak usage", "overages and penalties", "SKUs"

After reading this I'd trust them to give me a solid price estimate and that it will likely be cheaper than Datadog.

Obviously price is not the only reason why we choose tools, but if that was a problem I had with Datadog, they have my attention.

swag
copy
brand

"It doesn't suck" shirt from Bare Bones

A classic "It doesn't suck" campaign.

Afaik, Barebones ran the first version of this campaign 20 years ago and it was a huge success.

It is so simple, it just speaks to that inner skeptic.

It doesn't say we are the best, we revolutionize software.

It says it doesn't suck.

That is way more believable and makes me think that there is a dev on the other side of that copy.

And there is something cool about this message that makes me want to wear it to the next conference.

Good stuff.

pricing
developer experience

Presenting flexible self-served plan from Resend

How to communicate the flexible part of your plan?

Many dev tools have 3 plans:

  • Free
  • Team
  • Enterprise

Especially the ones doing some flavor of product-led-sales or open-source go-to-market.

Now, the Team plan is often a self-served version.

And for many dev tools, this part is partially or entirely usage-based.

So how do you present it?

You can just have "+ what you use" and explain it in the big table below.

But if you have just one usage dimension then why not do it here?

Resend does it beautifully communicating right away that it starts at 20$ / month and grows with the amount of emails you send.

Very clear. Very nice.

developer experience
docs

Devex in ReactJS documentation

Nice way to show code and results straight from the React docs that people love.

And this pattern can be used outside of the docs for sure.

Anyway, a classic situation:

  • you want to show the code
  • you want to show the result of that code
  • you want to let people play with the code/results
  • you want to make it easy to read and copy/use  

And folks behind React docs solved it nicely by:

  • Giving you a spit screen of code and results
  • Not showing the entire code but giving you the option to "show more"
  • You can change the code and see the results change (and errors pop up)
  • You can use buttons to reset the example, copy it, or fork on CodeSandbox

Not groundbreaking maybe but a beautiful implementation that is just a delight to use.

ads
reddit
copy
social posts

Basic Reddit Ad from Kubero

How did this super basic ad get so much engagement on Reddit?

First of all, the value prop is succinct, to the point, and says what it is.

No "streamlining", "boosting", or "democratizing" is involved.
No clever tagline or pains, benefits, or values just says what it is.

But what it is, is "free and open-source" which is what many devs, especially on Reddit want to hear.
And Heroku is a known brand so if you know what Heroku does, you know what Kubero does.

I liked that they linked out to the GitHub project too.

Not 100% sure if that would perform better than a landing page or home.  But I see how it feels more in sync with the channel you are running your ads on.

The screenshot? I don't like it but perhaps it doesn't matter as much here?

What do you think?

Oh, and if you read the comments, you'll see that people actually talked about the project, said that they liked the ad etc.

Good stuff.

video
campaigns
brand

Auth0 campaign: Make login our problem. Not yours.

Make login our problem. Not yours.

This is a beautiful messaging of Auth0 solution.

Login

Simple explanation of what it does/gives you.
Simplified of course

Our problem. Not yours.

You "outsource" this boring but important problem to someone else.
It also has a feel of SaaS in there.
They will take care of it.

developer experience
copy
blog
call to action

Developer-focused blog CTA from Snyk

Pushing cold blog readers to try your tool rarely works.

So you need a transitional CTA, something that worms them up.
But it needs to be aligned with the goals of the reader.
And I think pushing folks to a community discord is a solid option.

I like the copy "Discuss this blog on Discord" as it is very reader-focused.
Some folks read the article and have more questions.
They want to discuss it somewhere.

And while you could just do a comments section, a community gives you more options to get people closer to the product.

ads
video
youtube
social proof

Testimonial Video Ad from Teleport

Classic remarketing ad. But things are classic because they work 👇

Youtube remarketing is one of the most popular ways to stay top of mind with devs who visit your site.

Lots of devs spend time on Youtube so it is a solid match.

But, "buy now" style ads rarely work because if they wanted to try/buy they would have already.

They need something more.

That "more" is often trust.

They simply don't trust you, your product, and your company.

They don't think you are the real deal and will solve their problems.

But you can build that trust. And to do that you can use testimonial-style ads:

  • use case explained in the voice of customer/developer
  • real user sharing their story
  • clear product branding

That is it.

Show enough of these and % of people will trust you and convert.

video
youtube
vs competitor

Save time video format from Stoplight

How do you show "save time" to devs?

It is often hard as it is not objective.

But there are options.

Spotlight does it beautifully by showing two implementations next to each other solving the same task.
It is obvious which is faster and saves time.
Great stuff!

developer experience
product led growth

Demo page from Posthog

Devs have a love/hate relationship with "Book a demo" call to action.

Mostly hate though.

Especially if what they want is:

  • know what they will be paying for your tool
  • just see a golden path of how this thing works

Let's just say that sitting through an hour demo call with a salesperson just to get the pricing is not what most devs love to do with their time.

But there are moments in the buyer journey when devs do want to have that live session:

  • they tried it, went through the golden path, and have deeper questions
  • they know they have specific needs and are unsure/couldn't find it in your docs/website.
  • they want to customize the pricing plan to their needs.

Then, having a live session/demo is the fastest way to move forward.

@PostHog handles this dev journey reality nicely with:

  • recorded, ungated product demo -> if you want a generic demo just watch it
  • transparent pricing and a free plan -> don't need to sit through the demo to ask for price
  • if you want a custom demo or just talk to a human -> just schedule a call

This approach solves both scenarios really nicely.  

call to action
landing page

Posthog funny CTA

Beautiful mockery of classic conversion tactics from PostHog website.

So what do we have here:

  • "3 people would have..."
  • "Not endorsed by Kim K"
  • "Eco-Friendly"
  • "$0 FREE"
  • ">1 left at this price"
  • "Act now and get $0 off your first order"

I have to admit I chuckled ;)

And I bet many devs who don't think of marketing very highly chucked too.

That builds rapport. (hopefully) makes you one of the tribe rather than another faceless corpo.

BTW, they used it as a bottom of the homepage call to action.

I like it.

Most of the people who scrolled there are not going to buy anyway.

But they may share the website with someone who will.

landing page
social proof

Modal Community section

The main message you want to land on your homepage community section is:

"We have a big community of devs who love using the product"

🚧 That helps you tackle obstacles your dev reader has:

  • "is this tool any good"  
  • "do real companies use it in production"
  • "are there people who can help me when I hit roadblocks"
  • "where would I find others using the tool when I have questions"

💚 Modal solves it beautifully by going simple but smart:

  • Join our community header and a call to action to join Slack makes it obvious where users are
  • Wall of love style testimonials give a feel that there are so many users and they love it enough to share that with others
  • They all look like Tweets even though (I presume) some of them aren't. That is a nice trick to boost social proof. People give more value to social post testimonials.
  • They show a face, name, role, and company which builds trust and makes it obvious those are other devs (like me)

It lands the message that this section should land for sure. I really like it.

conferences
swag

"Perfect socks" from Sanity

Socks as swag always work, but this twist makes it 10x better. From @Sanity 👇

So Sanity, a CMS that lives in the Next ecosystem, gave away socks at Next js conf. Nothing out of the ordinary, but it is a good idea if you have no other ideas. "People will always need socks" kind of a deal.

But.

They did a few things differently:

  • The socks they gave away had different vendors/tools from the Next js ecosystem on them
  • You couldn't take two of the same tool, you had to get two different ones
  • One of the socks you got was always Sanity

This is brilliant. Fun, playful.

And it helps you convey that you play nicely with the Next js stack.

What I like about it is how reusable this is for other ecosystems and tools that are just a component of a bigger stack. Kudos Sanity!

campaigns

Open-source project landing page redesigns (almost) for free

Gonto shared an interesting play that they tried at Auth0 when he was running growth there.

So the story goes like this:

  • They wanted to increase brand awareness of Auth0.
  • They found influencers who were maintainers of open-source frameworks that had landing pages.
  • They went to them and offered to redesign these landing pages for free.
  • The trick is they redesigned it in the same branding (colors, patterns, layout) as the product (Auth0).
  • That made people think those are related (even though they weren't) which increased the brand perception of Auth0.
  • They also asked the influencers/maintainers if they could add retargeting pixel to the redesigned site.
  • Which helped them serve relevant ads to visitors of those open-source frameworks.

I think that doing just the sponsorship for the retargeting pixel could work.

But when you add that branding consistency between the sponsored site and the product the CTR is better.

Interesting one for sure.

campaigns
product led growth

Algolia search widget in fontawesome

Classic widget PLG loop.

Algolia really crashed it with these. Here is how they made it so successful.

Some time ago I did some research on Algolia marketing looking for gems. Found quite a few as they are truly amazing at this.

One angle that is bringing a lot of traffic to their site is that classic PLG widget.

So what they did is:

  • They gave away their search box for free (under conditions)
  • They made sure that folks who do get it for free have some (ideally a lot of) overlap with their target audience.
  • People who added that search box got the branded "Powered by Algolia" version of it
  • Some devs who used the sites with the Algolia search box liked the search and went to their site
  • Some of them started using it and spreading the word further

And the sites that brought the most traffic were:

  • Hacker News search (that is not exactly the widget but a standalone site)
  • Fontawesome (site with fonts for devs)
  • Open-source documentation sites (they give away free docsearch to OS projects)
  • SteamDB (gaming site)

I love this tactic as it aligns:

  • the value their product provides
  • the value that site users get
  • the value that the company gets from developers finding out about it

Win Win Win

When you find those "Win Win Win" tactics/strategies you are golden.

ads
youtube

Hygraph "bad reviews" YouTube short ad

I love this video ad format from Hygraph.

They are reading and reacting to bad reviews.

I saw this in B2C but not in the dev tool B2B. Love it!

So basically how they did that campaign is:

  • The marketing team finds bad product reviews.
  • Most of the reviews are technical and speak about some features.
  • Their employees (at least some devs in there) read them out loud on their phones.
  • They react to the reviews, typically explaining what the product does and why.
  • They serve it as YouTube short ads and link to the whole 5-minute video on their channel.

Through all that, you get entertained and learn something about their product. This is such a fun format to test out!

ads
twitter
video

"Timer" Twitter video ad from Kinde

This is such a fantastic ad creative because it is just so different.

So basically what Kinde it does is:

  • It shows the timer, dev, and the screen nothing else.
  • The dev adds authorization to the application in under 2 minutes
  • The fact that the dev is sneezing while coding just makes it so real and human
  • You see a how-to-add Kinde for authorization tutorial while rooting for the dev to complete ;)
  • 🎁 Bonus points for having that filename saying what it is, almost like an ad title: Authspeedrun.mp4

💚 That timer is such a great way of catching attention and keeping it while landing your product message. It seems raw and "whatever" but I think it is very intentional in its dev-friendly delivery.

So if you have a dev tool that has awesome devex and can get people to that aha moment quickly then give it a go (and tell me how it went ;)).  

video
landing page

Streamlit explainer video

Streamlit has an amazing explainer.

They show how to go from:

  • Writing your first line of code
  • To creating data dashboard
  • To deploying it across the web

In 42 seconds.

No audio, just code and a simplified result window.

Amazing stuff.

ads
reddit
social posts

Meme Reddit ad from Featureform

How to run developer-focused Reddit ads that get upvoted?

Reddit is well known for anti-promotional sentiments.

Just post something along the lines "you can solve that with our dev tool" and see.

So running ads on Reddit feels even more like a no-no.

Especially if you add problems with bot clicks and attribution as most devs will have some sort of blocks.

But you know your audience is on Reddit.

And for some of us, it may very well be the only social platform they are on.

So what do you do?

This is how @Featureform approached it to get almost 100 upvotes on an ad:

  • They start with a simple conversational copy pointing at their target users pains
  • They agitate target users pains in their language (lots of jargony terms, tools and problems)
  • They use very devy language, likely rooted in deep user understanding (voice of customer)
  • They don't talk about their product in the meme
  • They show clear branding so that you can connect the dots.

If you are going for brand awareness rather than a direct conversion those types of ads can work very well.

I liked it for sure.

copy
campaigns
brand

"There are two types of companies" from Fly.io round announcement

"There are two types of companies": Just a beautiful piece of copy from Fly.io

Doing us vs them doesn't always play out well.

But folks from Fly made it snarky and playful and fun.

And they basically said that they are:

  • are developer-centric in the way they sell (self-served)
  • are actually easy to use
  • are great at the developer experience

And this is just such a nice brand play as well.

You just show personality and confidence in this devy snarky way.

I dig it.

developer experience
github
call to action
social proof

Sticky "star us on GitHub" from Posthog

OK, the best way of getting GitHub stars is by creating a project that solves real developer problems well.

I assume you have done that already and the metric that people love to hate ⭐ is growing organically.

What do you do now?

I mean you got to ask people in one way or another.

Many companies put it in their navbars or hello bars.

Posthog adds a sticky banner at the bottom of the page that follows you as you scroll.

It also shows a start count which at their size (11k + stars) acts as social proof.

You can close it and the next time you visit the page it will be off not to push too much.

I like the concept makes sense to test it out this way imho.

social posts
ads
linkedin

Funny With/Without Linkedin ad format

With/without is a classic marketing campaign theme.

AhoyConnect does it nicely in this ad.

Obviously, not everyone loves memes.

But many devs do.

Those who do may smirk -> smirk builds brand affinity.

social posts
linkedin

Toolstack diagram for Linkedin post

People want to be valued by their tribe.

One of the ways to do that is by being helpful.

So they want to share things that have a "smell" of insight.

Tool stack/workflow/pipeline chart makes them feel that way.

copy
landing page
hero section

Header copy from Supabase

Say what you do and how you do it.

What:

  • Supabase owns it with an "open-source firebase alternative"
  • They don't streamline project delivery or anything. 

How:

  • Value proposition around speed of set up
  • Then jargon that hits the spot with your ideal developers
  • Short, and to the point. 

CTA (bonus):

  • "Start your project" action-focused
  • Documentation. With devs, this is always a good alternative CTA
brand
campaigns
ads
billboards

"Life is too short" campaign from New Relic

Is this brand campaign 💩 or ❤️?

I like it a lot actually.

It gets attention, it is memorable, it gets reactions.  

And It does speak to a product message: that you have better developer experience than other tools.

It definitely beats flavors of "5x developer productivity".

developer experience
hero section

Pricing page header from Mux

Many dev tools have complex pricing and packaging.

Say your dev tool/platform has many product offerings.

And you offer usage-based pricing but also enterprise plans but also per-product options, and additional customizations.

But you want to present it in a way that is manageable for the developer reading your pricing page.

Mux solves it this way:

  • they direct people to the proper parts of the page in the header
  • they give self-served prospects a link to the calculator and metering
  • they give enterprise/high volume people a "talk to us" CTA
  • they give people who want just a single tool (not the whole platform) a CTA to a dedicated pricing page
  • they squeeze in a "start free" CTA + info about free credits
  • they give navigation to FAQ, features table, and the calculator

Extended headers on pricing pages are not common as they add friction.

But sometimes adding friction is exactly what you need to do.

Mux managed to make this page (and their offering) easy to navigate by adding a little bit of friction at the beginning.

Maybe you don't browse plans right away but at least you don't waste energy (and attention) on the parts of the page that doesn't matter to you.

Good stuff.

developer experience
copy
pricing

Start Free Pricing plan from CircleCi

Why not highlight your free plan?

Most companies highlight their middle paid plan saying it is "most popular".

First thing, yeah, sure it is your most popular plan.

But more importantly, most visitors will not convert to your paid plans right away.

So why not try and capture as many devs as possible on the free plan?

If they like your dev tool there are many things you can do to convert some of them to paid plans.

But if they leave that pricing page and go with some other free tool, you are not converting anyone.

@CircleCI highlights free and they are in the mature, competitive market of CI CD tools.

Idk, it really does make a lot of sense to me.

If people need more advanced features they will choose higher plans anyway.

But if they want to get things started with the basic plans they will choose free or go elsewhere.

I'd rather have them choose free than none.  

blog
call to action
developer experience

In-text blog CTA from Planetscale

Subtle but effective dev blog CTA -> info box.

Basically a plain article in-text CTA but there is something special about it.

It looks like a docs info box.

It is not a "buy now" style call to action but rather a subtle "you may want to know about X" push.

But for it to really feel like an info box it needs to connect to the section of the section of the article around it.

Otherwise, it will just feel like an intrusive ad anyway.

PlanetScale does a great job here.

They link the part of the article about the sharding library Vitess with their product that was built on top of it.

It feels natural and I am sure it gets clicks and if not then product awareness.

blog
call to action

Blog CTA from Novu

The idea behind this conversion play is to put an "Aside CTA" that is unrelated to the content early in the article.

And get that clicked.

But obviously, if you do that it will be pushy and intrusive.

So?

Nevo David from Novu shared this idea on one of the podcasts:

  • Put a small section right after the introduction
  • Add memes to catch attention and disarm the "I hate ads" reader (a little bit)
  • Make an explicit ask. Make it human and somewhat vulnerable

Btw, Nevo says that cat memes work best.

developer experience

Updates modal from Discord

Modal with updates.

Adding a modal with "what happened lately" for users who come back to the app.

Good idea for re-activating users by showing new features or examples.

+ a link to a deeper resource.

social proof
developer experience

Case study in a single view from Resend

Super short dev tool case study on a single viewport.

Many case studies follow a Hero -> Problem -> Solution -> Results framework.

Many try and do it on a one-pager.

But what @Resend did is next level and I like it.

Especially with devs, you want to be technical and succinct.

And Resend took all the possible fluff out of it.

  • They put a strong quote up top
  • They highlight the benefits for easy skimming
  • They explain the problems and results succinctly
  • They show who said it and make it more believable
  • They show the customer: logo/ name + what they do

I'd like to have some before or after probably or a stronger results (or pain) ) focused headline.

But I think this is great actually.

campaigns
github
product led growth

GitHub PR growth loop from Snyk

Beautiful growth loop that uses GitHub PRs to spread awareness even internally in the org.

And just one dev needs to sign up for the product to start it.

Works like this:

  • New user signs up for Snyk
  • they connect their GitHub account
  • Snyk finds vulnerabilities in their repositories
  • Snyk-bot creates Snyk-branded PR to fix them
  • other devs in the org see and interact with the PR
  • some follow links to check out Snyk
  • some of them sign up for Snyk

Heard about it on Lenny's podcast episode with Ben Williams (the story starts at 20:53)

... and then signed up to see the actual PR.

I really love this one as it allows you to spread inside the organization even if everything is on-prem and you never get to see it.

Those PRs are just working behind the scenes doing marketing for you.

Brilliant!

video
youtube
campaigns
brand

"Between to Nerds" Video from SST

This is one of the most interesting content pieces I have seen in dev tools recently 👇

Comes from @SST and believe it or not is a comedy video created to promote integrations.

That's right.

So SST integrated with Astro and instead of creating "just another how-to use X+Y" video they created this:

  • A copy of "Between Two Ferns" comedy show
  • With one of the founders of Astro framework which they integrated recently
  • Where they don't really talk about integration too much ;)
  • And reportedly got a ton of signups from this

It was a fun brand play but got way more views than a tutorial ever could.

And it connected with their audience in a human way that will be remembered (and shared).

Nice.

copy
ads
linkedin
brand

Joke ad format with a transitional CTA from sdworx

Dorky joke right?

But it does two very important things beautifully.

It gets a smirk (from some people) and when it does you know you just moved someone closer to your brand.

It has a clear CTA which is hard to do with joke-format ads.

This subtle call to conversation/check us out does the job.

Love it!

copy
developer experience
landing page
hero section

The header copy of Auth0 developers portal

I love this copy. It answers:

  • what it does -> "authentication and authorization"
  • how is it different -> "simple to implement, easy to extend"

It doesn't talk about the value as it is obvious to devs.

Obviously, it will save time and make things safer.

Don't talk about it.

blog

How to tell a debugging story from GitLab

One of the best types of developer content is a debugging story.

"What is X" or "How to solve Y" work in some situations, especially when you focus on SEO distribution. But a good debugging story is something that even senior devs want to read.

This is an old article from the GitLab and is such a good example of thos format:

  • Set the scene: Say what happened, what results you managed to get, and introduce the problem. Skip the fluffy intro and invite devs into the story
  • Go deep into the problem: show what happened and go into technical details. Address the obvious solution that unfortunately didn't solve the problem. Showing profilers, charts, UIs. Make the problem more concrete.
  • The journey: explain what you tried, how it failed, and what you learned, go technical and detailed. Take people on that journey
  • Close the loop: Close with a win, show the improvements/results, summarize what you learned

The downside of using this format is the same as with most good developer content. You need a real situation, explained by an actual dev in a technical language.

campaigns
video

Cloudflare TV

A freaking developer TV.

They took this "be a media company" to the next level.

They created entire TV around their company, audience, and products.

I respect people really going all in.

social posts
video
linkedin

Vercel feature video on Linkedin

I like how they use the black dot to show the mouse movements in the UI.

Simple but powerful and clear.

social posts
linkedin

Concept 101 with a diagram

Devs like diagrams.

When you explain a complex concept in one diagram it is just very shareable.

If you are interested in reading more there is an entire "blog post" when you click see more.

Just a very solid content format.

ads
reddit

Bell Curve Meme Reddit ad from Flagsmith

I like this Reddit ad creative that uses a classic, devy, bell curve meme.

This is a good creative to use when what you want to communicate is overcomplication. As in:

  • there are simple "bad" beginner, obviously not working solutions
  • there are complicated "you are so smart" overengineered solutions
  • there are wise, pragmatic solutions... that look exactly like the simple beginner ones ;)

Plus, with devs, if you can make something not look like an ad you already won.

And there were a few comments suggesting just that:

  • "Good job using meme as add on reddit kudos"
  • "I only noticed after reading this lol"

LOVED HOW Flagsmith did it here:

  • They start with a spicy controversial hook: "Test in production"
  • They explain their product capability in super simple terms: "Decouple deploy and release with feature flags."
  • Their call to action feels low commit, not pushy, no "do it now or..." but "Try Flagsmith open source". Having open-source in there is always good for places like Reddit, HackerNews
  • The overcomplicated part of the creative shows that they get their audience. They use jargon that the tribe gets (this part can be tricky sometimes if your understanding is actually way off)

And they got people curious to see how Flagsmith makes this Test in production claim reasonable. I'd check it out if I was working on those workflows.

social posts
twitter

Hand written diagram tweet format

Share an idea about a new concept.

Explain the concept in simple terms.
Back it up with a visualization.

I like the "hand-written" style of this viz that makes it less formal.

developer experience
social proof
landing page

Social proof from TailwindCSS homepage

Understand who is reading. Add social proof that speaks to them.

Social proof is about showing people/companies who are similar to the reader that they got success with the tool.

Company logos can be good if your reader knows and likes those companies.
But if those are random companies, I am not sure how much value does it bring.

Devs care what other devs who use your product have to say about it.
That's why I like testimonials.

Not the crafted, clean ones with features and values.
But the real stuff. Real devs sharing real stories.

Bonus points for "Okay, I get the point" button copy.
It changes from "Show more" when you click.

Nice!

social posts
twitter

"Divide people" tweet format

Say what we are all thinking.

This tweet is great as it states something that most of us feel.
It is something that you may have had a discussion about with someone recently.
You might have fought about one tool or another.
But at the end of the day tools don't matter.

You can share it with someone as:

  • sorry, we had a stupid fight
  • rub it in your face :)

docs

Sign up in docs header

This is a cool story coming from the GOAT of all docs. They added a signup button to their header and the conversions and revenue followed.

See on LinkedIn

All they did was added a "Create Account" button and saw a huge jump in conversions.

Interestingly, Peggy shared that when they added it to Apollo GraphQL docs, signups went up by 20%.

It sounds like a good thing to try out.

ads
reddit
social posts

Meme Reddit ad from Zesty

Developer-focused Reddit ad. 33 upvotes, 30 comments.

So @Zesty is a company that targets devops folks and helps with cloud cost optimization.

And they decided to run Reddit ads.

So they:

  • Chose the format that works with devs on (some) subreddits
  • The funny message that connects to their main value prop
  • Made it clear that they solve that problem in the copy
  • Added clear(ish) branding

And they got 33 upvotes and 30 comments.

Some of the comments were technical.

One comment that got 67 upvotes was actually

"Okay, this ad is pretty funny"

And I agree, this is a pretty funny ad that I am sure brought them some brand awareness and clicks.

blog
copy
campaigns
hacker news
seo

Great "What is {my core keyword}" article from Planetscale

How to write a "What is {MY CORE KEYWORD}" article that gets to the top of HackerNews? 👇

First of all, almost no one succeeds at that as you write those articles for SEO distribution, not HN distribution.

To get an SEO-first article on HN your content quality bar needs to be super high.

But you can do it.

PlanetScale managed to get their "What is database sharding and how does it work?" on the orange page (kudos to Justin Gage!).

Here is what was interesting about that article:

𝗦𝘂𝗽𝗲𝗿 𝘁𝗼 𝘁𝗵𝗲 𝗽𝗼𝗶𝗻𝘁 𝗶𝗻𝘁𝗿𝗼.

• ❌ No "In today's fast-paced data-driven world enterprises work with data" stuff.
• ✅ Just  "Learn what database sharding is, how sharding works, and some common sharding frameworks and tools."

𝗛𝗶𝘁𝘁𝗶𝗻𝗴 𝗸𝗲𝘆𝘄𝗼𝗿𝗱𝘀 𝘄𝗵𝗶𝗹𝗲 𝗯𝘂𝗶𝗹𝗱𝗶𝗻𝗴 𝗿𝗮𝗽𝗽𝗼𝗿𝘁 𝘄𝗶𝘁𝗵 𝘁𝗵𝗲 𝗱𝗲𝘃 𝗿𝗲𝗮𝗱𝗲𝗿.

💚 Speaking peer to peer, not authority-student:

• "You’ve probably seen this table before, about how scaling out helps you take this users table, all stored on a single server:"
• "And turn it into this users table, stored across 2 (or 1,000) servers:"
• "But that’s only one type of sharding (row level, or horizontal). "

𝗨𝘀𝗶𝗻𝗴 𝗷𝗮𝗿𝗴𝗼𝗻 𝗮𝗻𝗱 𝘂𝗻𝗱𝗲𝗿𝘀𝘁𝗮𝗻𝗱𝗶𝗻𝗴 𝘆𝗼𝘂𝗿 𝗮𝘂𝗱𝗶𝗲𝗻𝗰𝗲

Things like:

• "Partitioning has existed – especially in OLAP setups"
• "Sifting through HDFS partitions to find the missing snapshot "

𝗔𝗰𝘁𝘂𝗮𝗹𝗹𝘆 𝗲𝘅𝗽𝗹𝗮𝗶𝗻𝗶𝗻𝗴 𝘁𝗲𝗰𝗵𝗻𝗶𝗰𝗮𝗹𝗹𝘆 𝗵𝗼𝘄 𝘁𝗵𝗶𝗻𝗴𝘀 𝘄𝗼𝗿𝗸

🔥 Look at the section "How database sharding works under the hood" with subsections:

• Sharding schemes and algorithms
• Deciding on what servers to use
• Routing your sharded queries to the right databases
• Planning and executing your migration to a sharded solution

🎁 𝗕𝗼𝗻𝘂𝘀: 𝗽𝗹𝘂𝗴 𝗶𝗻 𝘆𝗼𝘂𝗿 𝗽𝗿𝗼𝗱𝘂𝗰𝘁 𝗴𝗲𝗻𝘁𝗹𝘆

Section "Sharding frameworks and tools" shares open-source tools (every dev, but HN devs in particular like OS projects).

And there as an info box, you have the info that Planetscale comes with one of those OS projects deployed.

Just a beautifully executed piece of content marketing.

copy
developer experience
landing page

How fast you ship your roadmap?

"How fast do you ship?"

Not many dev tools answer that on their homepage. PostHog does.

In a typical (enterprise) sales process, people often ask:

  • what is on your roadmap?
  • how fast do you deliver new features?
  • what has your product progress been like last year?

And you show them the roadmap or get someone from the product on the next call.

But I haven't yet seen dev tools talk about it on their homepage.

But why not?

Devs who want to buy self-serve want to know it almost just as much.

After all, they won't be able to twist your arm to build that custom feature cause "we are your biggest client and we need it".

I like it, it builds trust, it shows me you are transparent,

And it shows me that those features I can see on the public roadmap will come true.

call to action
landing page
developer experience

Header with tabs from Appsmith

What to put in the header when your dev tool does a lot?

I like how Appsmith approaches it.

In their case, they have multiple use cases they want to showcase.

But you could use the same idea for many features or products.

Show multiple clickable tabs:

  • It invites the user to click and see.
  • It hints at all of those different use cases
  • It doesn't overwhelm your audience with too much info

A bonus idea is the "Try cloud" | "Self-hosted" CTA.

It communicates right away that you can deploy that dev tool anywhere.

If the self-hosted deployment is important to your customers let them know.

You don't want them to look for it and drop from the page trying to find the FAQ.

product led growth
call to action

Code snippet on the signup page from Stytch

13% signup form conversion bump with a dev-focused trust/motivation builder.

Dev goes through your page, clicks the signup button, and sees a signup form. Now you want them to actually sign up.

The V1 approach is to go clean, a few social signup buttons like GitHub and call it a day.

The V2 is to add trust/motivation builders on the page:

  • Logos -> big enterprises and hot startups using your product always feel reassuring
  • Testimonial -> fellow dev talking about the product makes your claims real
  • Value prop-> reiterating what the product does, key capabilities, makes what you can deliver clear
  • How-to -> showing how you get to that value with a 1-2-3 steps removes friction, makes it feel easier

Now, Stytch went for an interesting V3:

Code snippet -> how about just show it? this is a flavour of that 1-2-3 how-to but extra dev-friendly. They also made the code interactive so that you can tinker with it, make it feel yours already.

And they saw a 13% signup conversion bump.

Definitely an interesting thing to test out.

Check out Stytch CEO talking about it here.

social proof
landing page
developer experience

Showing testimonials related to features from Appsmith

How to bring attention and trust to a feature section?

Add a testimonial.

Ideally, it should talk about that feature to make your message even stronger.

I like how Appsmith made it animated and it just makes you look.

And you read the testimonial and look at the feature above it.

Good stuff.