Hog art for all our various features

[corywatilo]

We have a bunch of hog art that's great for general purpose use (eg: blog posts and marketing stuff):

but what if we had hogs in mini-scenes that represented each of our main features/platform benefits?

Example: to demonstrate product analytics, we have a hog (or two) standing near an easel, reviewing a graph/insight

I thought it could be fun to incorporate them into our future product page, both in the hero (combined) and in individual sections where relevant.

In the hero, we can make some space for some art across the top. (Currently using existing hogs to represent the space)

Conceptually, it could be fun to string them all together in a single scene (and clip off whatever doesn't fit, if necessary). (I added some notes for some inspiration)

Then as long as the foreground art is separate from the background, we can also use the individual pieces in sections on the page where they make sense.

And it could all come together in something like this:

[corywatilo]

🔔 @lottiecoxon

[corywatilo]

Great inspiration via @lottiecoxon

[lottiecoxon]

Initial sketches - working on high res illustrations now

[corywatilo]

Lottie these are absolutely genius!

A few more (potentially bad) ideas based off above sketch:

• Feature flags - What if the hog was more in-motion? (Eg reeeally struggling to push that lever, sweating, leaning into it)
• SQL - Instead of math, maybe we can use some of the SQL in the "SQL: Before PostHog" block on the homepage?
• Event pipelines - Instead of water dripping, what if we tried some data leaking out of it? eg 01100101
• API - I'm missing something on this one - not sure what... What if they had Starlink (a ground-based satellite) and the data was beaming up to it? Currently missing the connection between two hogs on laptops and API, though my suggestion for this scene might just be poor, as well.
• Data - What's this one doing? =] I think he's cute, but not sure what we're showing. We should keep him around though, as an extra that we can float in if we have space (eg larger screens).
• Data transportation - What if the tractor was pulling a cart with data boxes on it? What if we also add a data tree (to the left of the cart where picnic hog currently sits). Like a hog plucking data fruit off the tree, then putting it into boxes that are sitting on the cart being pulled by the tractor. Which is then heading for the data warehouse.
• Self-hosted - Maybe more like a fortress, to show how secure your data is when you host it yourself? Eg: Fort Knox (where the U.S. protects gold) or a castle with a big wall?

With regards to background elements, I think these are great - just the right amount of scenery. It will be handy to keep them on separate layers (in Figma) from the actual hogs, so we can choose to export together or separately, depending on use. For example, on this product page, I might want to layer them behind the hogs, or remove scenery altogether to save space on smaller viewport sizes. We could also have the entire scene slowly scrolling horizontally, and with scenery in a separate layer, we can have hogs and scenery moving at different speeds, creating a nice parallax effect. (Think: Super Mario)

[lottiecoxon]

okay so - Feature Flags- good idea to change to more of a straining push on the lever SQL - noted will update Event Pipelines - already added dripping 010101 API - will update with satellite and hog holding a laptop Data- this hedgehog is having a picnic with Bits and Bytes (0101) but I like the idea of 'apple picking' code off a tree Data Transport- added a cart Self Hosted - will make it more of a castle with PostHog flags and a Hedgehog inside/or on top holding a golden key

I will create the high res versions with seperate backdrops so we can pick and choose hedgehogs with or without backgrounds

I also love the idea of the parallax super mario effect