Product page updates

[lottiecoxon]

Progress made on Product page CTA's and just general updates as mentioned here and the full Figma file

Suggested updates:

1.

'The main CTA - I think we should make this 'Get started - free' on all the pages, as we do on the home page? At least from previous ads we know having 'free' in there tends to perform best.'

I was thinking of making the top section more of a block to emphasise the different headers- it pops a bit more and leaves space for a red CTA stating that you can get started for FREE.

2. and 3.

Quotes and the introduction of a side nav bar

'Given all the sections, a lil mini-nav would be useful?'

I think that the quotes aren't living up to their true potential, through the use of a speech bubble it adds a playful edge and imo makes the text a little more noticeable. Plus adding in custom artwork = a more personal portrayal of our customers.

I agree with Charles - these pages are lonnnnngg - nav bar is helpful

4.

'This is so marketeering (sorry) but can we have an intermediate CTA halfway down the page? Otherwise it's a loooong page, and I think it's reasonable to have it above 'Pairs with' for example?'

this just makes sense + fun receipt art hehe

5.

A little spark joy moment would be adding some interactive colour to the small perks of each feature - par exemple

https://user-images.githubusercontent.com/65415371/233119500-90efa3b6-1ddd-4eb9-ad5b-a4c91083c98c.mov

I will keep pushing for it but adding in PostHog vs fighter artwork

7.

'The 'Docs and Resources' and 'Blog' sections seem to be very long and thin?'

To tackle this I tried just making it less list-y and more stacked but this is a toughy

Replacing the hedgehog carosel at the bottom with the same yet simplified navigation to push people onto the next page

[charlescook-ph]

Like a lot:

• Hero overall looks much nicer
• Quotes look better, +1 on sidebar
• Docs & resources section onwards are fine - def better than what we have and most people won't get that far anyway

Main issues I think are size/number/position of CTAs - you've got 5 now which is overkill:

• In the hero, I would still have 'Try PostHog' say 'Get started - free' like on the homepage because it a) says free and we know it performs well, and b) it's clear you are starting with the product properly, not just trying some demo version
• Second CTA - 'get started for free' full width banner - is too much, would delete
• The third CTA with the receipt - I think it should be pushed down further, right above the 'pairs with' section - I would want to read all the features first, not get interrupted part way through. I like the receipt graphic, but probably the block is too big/aggressive, so would make smaller/more tasteful?
• The fourth CTA with receipt - would push this to the end and again make smaller/less aggressive
• The fifth CTA (full width 'get started free') would delete this again
• So we end up with a total of 3 CTAs - beginning, middle, end, which is only one more than our homepage and I think that's appropriate for a landing page.

Generally I think the second CTA button btw should probably be 'view pricing' over 'book a demo'? (Same as homepage, but it's inconsistent on these pages right now)

tl;dr - overall much nicer, just need to tone down the CTA fiesta

[lottiecoxon]

This is really helpful feedback

• I have taken out the large orange banners
• slimmed down the CTA with the receipt
• tbh I think we don't even need the last CTA at the bottom, thoughts being when they get to the bottom I think it would be more helpful to add a 'beam me up' CTA to get them to the top or a navigation to send them to the next page - I think it's pretty obvious that we have stated twice that you can get started for free - thoughts?

[charlescook-ph]

• I think it would be more helpful to add a 'beam me up' CTA to get them to the top or a navigation to send them to the next page - I think it's pretty obvious that we have stated twice that you can get started for free - thoughts?

Yes agree - this would work better and helps it feel less marketingy

It looks like the features blocks are now all left aligned, but I think they looked better as they are now (alternating left and right) - not sure if intentional?

[lottiecoxon]

I was debating to see if we could use a parallax effect to have them jump in when you scroll through to other sections - but was unsure if that was too 'apple-y'

[charlescook-ph]

We do use that 'pop in' effect on the home page in the hero carousel which might work better? (As it's also important to maintain consistency across the site and not give people too different experiences across different pages).

[lottiecoxon]

Changes made from discussion above - file is here and is now ready to go Tagging @smallbrownbike for implementation please! :)