惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

B
Blog RSS Feed
Martin Fowler
Martin Fowler
爱范儿
爱范儿
IT之家
IT之家
Last Week in AI
Last Week in AI
A
About on SuperTechFans
Google DeepMind News
Google DeepMind News
阮一峰的网络日志
阮一峰的网络日志
V
V2EX
aimingoo的专栏
aimingoo的专栏
G
Google Developers Blog
J
Java Code Geeks
Microsoft Azure Blog
Microsoft Azure Blog
美团技术团队
The Cloudflare Blog
MyScale Blog
MyScale Blog
T
The Blog of Author Tim Ferriss
Hugging Face - Blog
Hugging Face - Blog
奇客Solidot–传递最新科技情报
奇客Solidot–传递最新科技情报
云风的 BLOG
云风的 BLOG
Y
Y Combinator Blog
The GitHub Blog
The GitHub Blog
腾讯CDC
Microsoft Security Blog
Microsoft Security Blog

PostHog's RSS Feed

Training our own AI models - PostHog From 270GB RAM to 5GB: Moving local flag evaluation from Django to Rust The best analytics stack for vibe-coded apps The do's and don'ts of minimum viable product marketing - PostHog The best MCP servers for startups, by workflow 4,063 errors closed without a human opening PostHog – here's what we learned - PostHog PostHog Code and the self-driving product - PostHog Why attacking your competitors online is dumb - PostHog The best real-time analytics platforms for developers, compared DuckDB vs ClickHouse: Why we use both at PostHog - PostHog PostHog's next chapter - PostHog Making Claude Cowork actually useful - PostHog PostHog vs Matomo in-depth tool comparison You're doing lifecycle emails wrong Untangling Tokio and Rayon in production: From 2s latency spikes to 94ms flat The best HIPAA-compliant A/B testing tools - PostHog A beginner's guide to testing AI agents - PostHog I hate the standup bot (so I built an agent to do it for me) - PostHog The best CDPs for developers, compared The best error tracking tools for developers, compared The best feature flag software for developers, compared 7 best session replay tools for mobile apps 7 best free open source business intelligence tools right now 7 best free and open source LLM observability tools PostHog vs LogRocket in-depth tool comparison The most popular PostHog alternatives, compared Open source (and self-hosted) session replay tools - PostHog The 9 best GA4 alternatives for apps and websites - PostHog PostHog vs Google Analytics 4 in-depth tool comparison How we built automatic clustering for LLM traces - PostHog
How we designed the PostHog mascot - PostHog
Lottie Coxon · 2021-10-07 · via PostHog's RSS Feed

Creating mascots goes beyond just putting iPencil to iPad. It’s a long, confusing, and sometimes frustrating process which requires a lot of patience and tolerance for drawing hedgehogs 12 hours a day.

A successful mascot should go beyond representing what a company does. It should build and strengthen a brand's identity by representing its tone of voice and overall vibe. Think about GitHub's octocat mascot, which is now a familiar figure in memes, merch, and even statues.

GitHub - Octocat

When I set out to design PostHog's mascot, it felt like there was an ocean of possibility. I'll admit I've chased ideas in the past simply because they were cool or aesthetically pleasing, but this can be dangerous. So, I took the time to think and reflect before diving into the creative process. I've learned that taking the time to consider what your company stands for and who it is selling to helps massively later in the process.

For example, last year I chased a 'tech-head' visual involving human mascots with old Acorn computers for their heads. Aesthetically it looked modern and surrealist, but it was also subliminally suggesting that PostHog was outdated and inhuman - not what you want for a forward thinking tech startup.

Eventually I realized my error and iterated towards something better - but please, learn from my mistake and avoid such confused fumblings.

I find that some good old market research is the perfect spring board for ideas, and that looking at companies with similar values can be especially rewarding.

When creating PostHog's mascot, I took inspiration from companies such as Sentry and Hasura, both of which balance a very technical product with colourful and friendly mascots. They strike the perfect balance between playful and modern styles which allows the user to feel at ease.

Both Sentry and Hasura also use their logos as inspiration for their mascots. From here, it was obvious to me which direction to go in and that the hedgehog must be brought back.

In the early days of PostHog we often debated whether the hedgehog should be a main character for our brand or if it would be too distracting. Since then, we've jumped from the original 'hairy thumb' logo designed by our founder and CEO, James, to focusing on 80s pixel art, to space and rockets and back to hedgehogs.

It’s been a process, to say the least, but an informative one. We never should have strayed from our first and one true love: the hedgehog.

The hard part, of course, is actually designing the hedgehog. This is no easy feat, but the secret is the same as most things at PostHog: focus on iteration and experimentation.

My process is as follows:

  • Don’t think too much, just draw
  • Draw a lot and be willing to make mistakes
  • Try things you think you won’t like (if its awful, at least you’ve ruled it out)
  • Don’t copy from others. You may think this will allow you to improve, but people will see through it. Originality makes you great.

Personally, I use a tablet to aid me in the drawing process. Maybe I'm biased or maybe I’m wise but there is nothing more satisfying than being able to press undo instead of starting again on paper - though I've been known to try to pinch zoom on real-life paper.

Using a tablet also lets me share unfinished ideas quickly, so I can expand on them later. I use [ProCreate] or [Fresco], both of which allow for realistic drawing with a wide range of pencils, pens, and even paint.

What really sets digital drawing apart from traditional design practice is that it comes with layers. Layers change lives. Long gone are the days of linear painting - now I can select a layer and work in isolation on that, or cut out a small section and reuse it later (because I love to recycle). It has sped up my work while giving me so much freedom to work with my creations. Would 10/10 recommend to a friend.

PostHog - Hairy Thumb

This was our initial logo, made by our CEO James. Since this humble beginning the hedgehog has had many faces, some of which were better than others.

PostHog - Square Hedgehog

Take this square, dead-eyed creature, for example. To be honest I quite liked him and felt he gave off a quirky vibe. But he lacked character, and he had a cold, hard stare, which when looking back onto the brief it wasn’t what we wanted.

PostHog - Sun Hedgehog

Injecting a bit more character into the mix, I created this fella. He gave off a happier, friendlier vibe - maybe because he can’t see and wears glasses. This was progress. But something didn’t quite feel right. He felt old and out of touch - once again I found myself not quite sending the right message. It was time for something different.

PostHog - 3D Hedgehog

Next, I dabbled in 3D. I created a hedgehog in Blender to break the mould of what a mascot could look like - but this backfired and the little guy just felt cold and robotic. I was chasing something warmer, with character, something friendly. Something like...

PostHog - Final Hedghehog

This guy, with his texture and silly, frumpy round body, just makes me happy. He reminds me of the kawaii character Gudetama, except this hog doesn't have his bum out.

PostHog - Working Hedgehog

I liked the idea of this hedgehog as a relatable character, who sits at his desk tapping away at keys just like us. I think that is key for a successful mascot,; something the team can get behind.

PostHog - Police Hedgehog

From here the character grew and grew, taking up new hobbies and professions, such as the police hog, who stops our users making mistakes when filling in forms. Helpful, yet stern.

PostHog - Hedgehog Evolution

As you can see, the hedgehog went through about 18 different variations before I knew which one suited the brand best - including large, small, angry, 3D and even square versions.

You need to test different versions to find what works - but even after finding that golden hog you still need to iterate to strengthen that brand identity.

Subscribe to our newsletter

Product for Engineers

Read by 100,000+ founders and builders

We'll share your email with Substack