PostHog / posthog.com

Official docs, website, and handbook for PostHog.
https://posthog.com
Other
422 stars 432 forks source link

Art Request: Screenshots for review sites #1564

Closed joethreepwood closed 3 years ago

joethreepwood commented 3 years ago

Hi! We need some beautified screenshots to go up on some online review sites, such as G2.com.

We need 2 sets of 6x images, each at a resolution of minimum 1600x900, high quality .png. The images should show an example of a Posthog instance (with dummy Hogflix data) on a simple background. This is a good reference image to consider in terms of style.

Below I’ve provided a description of what should be visible in each screenshot, along with a line of copy we can include in the image too. Review sites vary in what they allow in images, so for the sake of speed it would be best to get one set of images featuring this line of copy and one set of images which do not have this line of copy.

Visual: Insights Tab with a funnel visible Copy: Autocapture sign-ups, purchases, drop-offs and more

Visual: Dashboard showing multiple types of charts Copy: Collect real-time data and share with your team

Visual: Session tab with ‘Sessions with Recordings’ clicked Copy: Watch session recordings to discover pain points

Visual: Persons tab with an identified user selected Copy: Identify users, create cohorts and test ideas with feature flags

Visual: Plugins tab with variety of plug-ins enabled Copy: Integrate with Redshift, BigQuery, Hubspot and more

Visual: Project tab selected Copy: Host in the cloud or on your own infrastructure

Deadline: Not urgent, but if possible be end of next week.

corywatilo commented 3 years ago

@paolodamico Would you be able to help with producing the product screenshots (with good data), then we can put some marketing flare on them?

paolodamico commented 3 years ago

I've gone ahead an invited @joethreepwood to the playground instance to be able to generate these screenshots continuously without requiring an engineer to generate dummy data or having to use real data from our app/website. All feature flags are enabled for the instance too so you get all the latest features in the screenshot (except the new tooltips/legends table which currently seems off for most people because of this bug, https://github.com/PostHog/posthog/issues/4937).

I've generated the plugins one because we don't have a ton of plugins enabled in the playground.

joethreepwood commented 3 years ago

@corywatilo here you go -- I've captured them with a Safari frame around them as I think that'll look a bit better, but if you think differently and can't crop it out then let me know and I'll recapture.

Visual: Dashboard showing multiple types of charts Copy: Collect real-time data and share with your team

Screenshot 2021-07-05 at 14 14 28

Visual: Persons tab with an identified user selected Copy: Identify users, create cohorts and test ideas with feature flags

Screenshot 2021-07-05 at 14 27 12

Visual: Session tab with ‘Sessions with Recordings’ clicked (No recordings were available, this will do) Copy: Watch session recordings to discover pain points

Screenshot 2021-07-05 at 14 28 51

Visual: Insights Tab with a funnel visible Copy: Autocapture sign-ups, purchases, drop-offs and more

Screenshot 2021-07-05 at 13 43 24

Visual: Project tab selected Copy: Host in the cloud or on your own infrastructure

Screenshot 2021-07-05 at 13 40 02

Visual: Plugins tab with variety of plug-ins enabled Copy: Integrate with Redshift, BigQuery, Hubspot and more

Screenshot 2021-07-05 at 14 26 52
corywatilo commented 3 years ago

@lottiecoxon Here's some inspiration of slides with screenshots and text.

image image image

corywatilo commented 3 years ago

6x images

@joethreepwood Can you clarify what you mean?

corywatilo commented 3 years ago

@joethreepwood Can we get another Trends screenshot that fits within the viewport (and something a little more interesting)? I'd like to include this on the Product page, but the one above doesn't really look exemplary yet.

joethreepwood commented 3 years ago

@lottiecoxon Here's some inspiration of slides with screenshots and text.

Just a note on these inspiration pics -- they look great, but we should limit to one screenshot in each image, with a not-too-noisy background. The image in the brief is a good and the middle image Cory listed are good examples. But if we create anything too stylish then review sites tend to block them as they look like marketing materials.

6x images

@joethreepwood Can you clarify what you mean?

Just that we need two sets of six images (12 images total). One set with the text, one set without. This is partly in anticipation of the issue above; some review sites can be really difficult about this.

@joethreepwood Can we get another Trends screenshot that fits within the viewport (and something a little more interesting)? I'd like to include this on the Product page, but the one above doesn't really look exemplary yet.

Yep, looks like uploaded the wrong image there. Unfortunately I'm unable to get it all into one viewport while retaining the query definition because of the way the resize works, but here are some better options.

Screenshot 2021-07-08 at 10 25 59 Screenshot 2021-07-08 at 10 26 04 Screenshot 2021-07-08 at 10 27 30 Screenshot 2021-07-08 at 10 28 35 Screenshot 2021-07-08 at 10 28 53

@corywatilo Do we want to consider using the new funnels view, by the way? If we feel it's close to final then it's fine to use from my perspective. If you think we're still likely to change a lot, let's not.

lottiecoxon commented 3 years ago

Frame 1

Frame 3

Frame 4

Frame 5 Frame 6 Frame 7 Frame 8 Frame 9 Frame 10 Frame 11 Frame 12 Frame 13
lottiecoxon commented 3 years ago

these have been tiny compressed so aren't as heavy

joethreepwood commented 3 years ago

Hey @lottiecoxon -- This is my fault, but noticed that you've used the old trend image before I corrected it and I gave one of the captions the wrong way round. Can you update the following?

This caption needs to read: 'Host in the cloud or on your own infrastructure.'

This image needs to use the Plugin image Paolo provided.

Sorry!

lottiecoxon commented 3 years ago
Frame 6 Frame 7 Frame 12
joethreepwood commented 3 years ago

Perfect, thanks!