Art request - New pricing graph

andyvan-ph commented 4 months ago

Outline

We're introducing new, cheaper pricing and I'd like a visualization we can use on the website and on social illustrating the difference.

I've mapped at trend line below – orange is our new cheaper pricing for "Events", blue line is "Events with Person Profiles" (also our current pricing).

Basically, I'd like a more fun, simplified version of this graph in keeping with our brand style.

We'll eventually need versions in different dimensions for social, but I reckon we just make one for the website and than adapt from there.

Screenshot 2024-04-18 at 15 52 11

Deadline & Priority

Would be good to have a first version by Wednesday, April 24 – I imagine we'll go through a few revisions.

Technical requirements

Nothing specific on dimensions atm

Additional comments

lottiecoxon commented 4 months ago

How is this - unsure if the labels work?

Andy graph

andyvan-ph commented 4 months ago

Sorry, I included the table for reference, it doesn't need to be part of the graphic. I should have made that clearer!
I think we can go a bit more stylized and less "like a graph from Google Sheets". I guess the test, in my head, is this should look like something we could put on our homepage or product pages. We probably won't do that, but it should be consistent with that branding.
Some random thoughts in that direction:
- I'd go way thicker on the lines in the graph, like weirdly large.
- Maybe simplify the currency on the y-axis so they're $1k, $2k, etc.
- Could we do something fun with a hedgehog? Maybe one ski-ing down the graph?

I'm throwing a lot of random thoughts at you here. Would it be using to have a quick huddle to talk through it?

lottiecoxon commented 4 months ago

Ah okay sorry I thought it was more - make this graph like the App but yes I can run with these ideas!

lottiecoxon commented 4 months ago

Do we need to include a Key?

Andy graph2

andyvan-ph commented 4 months ago

Yeah, it will but still TBD on what we're calling things. This looks good so far. We can revise further once the launch details are firmed up.

andyvan-ph commented 4 months ago

Oh, before I forget, we'll want a light mode and dark mode version of this.

lottiecoxon commented 4 months ago

Darkmode done - let me know what you wanna do moving forward here

Andy graph dark

andyvan-ph commented 3 months ago

Nice. Nothing to add now. We might need to tweak these because the pricing has changed since we did this, but nothing urgent to do now as it's going to be an initial soft launch.

andyvan-ph commented 2 months ago

Ok, new pricing graph.

Screenshot 2024-06-11 at 11 30 25

On titles and keys, I think:

Title: PostHog's new cheaper pricing
Orange Line: Events only
Blue line: With person processing

Then, on the end of the graph, I think we should try adding a little annotation to highlight the total saving at 100 million events. See the very rough version below!

lottiecoxon commented 2 months ago

Due to negative space I added in another graphic that I think works well, thoughts?

Will make up a darkmode option now too lightmode

lottiecoxon commented 2 months ago

darkmode

andyvan-ph commented 2 months ago

Looks good. Only note... can you make the text on the $3k saving a bit bigger?

lottiecoxon commented 2 months ago

darkmode lightmode

raquelmsmith commented 2 months ago

Can we get rid of the part of the arrow that points up? Makes me wonder which way the pricing is going 😄

corywatilo commented 2 months ago

Late to the party here (sorry!) but a few thoughts:

If you're only looking at this chart (and not really reading the post which, let's be honest, is highly likely...), it sort of looks like person profiles is drastically more expensive. It's missing the story that the prices were slashed.
I'm assuming this graph compares events with NO person profiles to events with ALL person profiles. In reality, customers who use web and product analytics are likely to be somewhere in the middle, thus the actual realized cost will likely be split.
- Thus, might be good to have a dashed line showing "typical customer's new cost" being somewhere in the middle, and clearly lower than the top line
Also wouldn't mind to see some sort of callout on the lines themselves that says something like "Old base pricing" and "New base pricing"
"With person processing" → "With person profiles"
Sentence case the X-axis key

joethreepwood commented 2 months ago

100% agree with Cory on this.

@lottiecoxon can we make the changes Cory suggested, please?

lottiecoxon commented 2 months ago

Need help on what this means and where they will go @joethreepwood - Also wouldn't mind to see some sort of callout on the lines themselves that says something like "Old base pricing" and "New base pricing"

lottiecoxon commented 2 months ago

darkmode2 lightmode2

andyvan-ph commented 2 months ago

If we adding a third line, I reckon we should ditch the $3k saving annotation.

If we still wanted some annotation, we could just have a data label at the end of each line, so it's easy to see the difference between each.

joethreepwood commented 2 months ago

The third line is going in a separate chart, so I don't think we need to change anything here

PostHog / posthog.com