Planning for supporting 50+ products

[corywatilo]

To support the number of products we plan on offering long-term, we need to make some adjustments to PostHog.com:

1. A single place for all plans, products, and product feature data

The billing repo (internal) serves as the Source of Truth for plans, products, and add-ons. This powers the product details that are displayed both in-app (on the billing page) as well as on posthog.com/pricing.

BUT... there are a lot of places on PostHog.com where we don't source data for this.

Examples

Location	Preview
Pricing page free tiers src/components/Pricing/PricingExperiment.tsx
Product comparison posts contents/blog/posthog-vs-amplitude.mdx
Product pages src/components/Product/SessionReplay/index.tsx
Products index page (#10221) src/pages/products.tsx

2. Additional product info

There's another level of detail we should include about each product, including:

• Denominator (how we charge for things, eg: event or recording or row)
• Tags - see the left sidebar in the last wireframe in this PR. Adds a way to view products by things like role, goal, or product type (technical vs non-technical)
• Granular feature availability (we have some of this, but it's far from comprehensive)
• Better feature/benefit grouping (see wire below)
  • Our features could be grouped better. The same goes for our plan comparison (on the pricing page) which is currently an unorganized list of items that would be dramatically improved by grouping into logical sections.
• Standardized features, compared to competitors (see wire below). This would allow us to always keep posts like PostHog vs. [competitor] up to date without any manual revising in different posts/places.

3. New subnav hierarchy

Right now we have two levels of subnav across the site, with a 3rd on the individual product level, though it acts as smooth scroll links.

The new products subnav proposes a few changes (in #10221):

It adds the option of dropdown menus inside the 2nd level menu,

Then when visiting an individual product, it introduces a 3rd level nav (that removes the smooth scroll functionality and replaces it with links to actual pages). It also adds a sort of breadcrumb-style link so you can go back up one level.

It'd be nice to support some simple animations in the menu as well, so when you're "drilling in", the menu scrolls up/down depending on the direction you're going.