jamesefhawkins
commented
3 years ago feedback on above
Team Page- Pokemon cards? The team page could have a ‘pick your player’ type thing going on where every person has a character (themselves) and then the description AS WELL AS...a strengths and weaknesses chart such as ‘James Greenhill 98% code strength’ I think that would be a)hilarious and b) nostalgic and c)super darn fun.
I love this idea.
keeping it cool
Something Cory mentioned in a call yesterday was that whatever we do, the challenge is to pull this off in a way that doesn't come across as too noisy, else it'll feel tired quickly.
I suspect the key way to do this will be to "contain" the graphics and to make sure we're still using space properly. For example, we could have a header image above a blog post with a couple of images in the post itself, but I'd avoid ie a full blown art-heavy background.
The same would apply to other pages. For example, if we're walking someone through a key feature on its own page like autocapture, or feature flags, we need places to insert imagery like this without it taking over the page.
For example, headers are an easy place to incorporate graphics. Images in a blog post after each header are another.
On a features page, graphics that don't help explain the feature are something I'd be very careful with - the header feels like a good place, but to get across key functionality, we should have screenshots, or a video or vectors that are very close to the real product. However, around content is somewhere that I think we could incorporate more graphics like this. In the same way Hasura illustrates its content:
Ie each feature could have a couple of relevant tutorials as part of the page layout, with imagery used around those.
On #599 and #691 , it's making me think the entire page background, for example shouldn't be illustrated below the header, but we should have graphics in broken out sections.
charlescook-ph
corywatilo
lottiecoxon
fuziontech
I did try something on Friday that I thought had potential to be cool, which was to build an 8 bit computer in a 3D software. This is how it turned out (partially because I haven't quite cracked the lighting and exporting yet) but even though this is quite cool, I don't think we want to look the same as our competition.
Is this done on purpose to draw the eye to this specific text? If so I vote we should try another way as this dotted underline looks far too similar to a spelling mistake on word. Maybe having it another colour would make it pop without having to use underlines. 
I prefer this one
mariusandra
Twixes
WEBSITE DESIGN
INTRO
After the progression of the landing page this week, and a chat with James H about where this design was headed the subject of a video game theme for PostHog has arisen. I personally think this idea is stella and could be uber cool.
But with all big ideas they need some serious planning otherwise it will be rubbish and a waste of our time and excitement. So this is that plan.
CONSISTENCY
8 Bit illustrations as backgrounds and potentially BIG graphics, icons and diagrams should be in hifi to be visually accessible to all screen sizes.
PAGES
Each page could have a different video game theme but still nod to the PostHog look and feel, which will link them together. I like the idea of incorporating video game visuals such as speech bubbles, buttons and loading screens all to give that nostalgic feel.
BUT WHAT WILL THE WORLDS BE THEMED ON?
hm this is a tricky one as there are a few avenues we could go down...
PAGES TO HAVE DIFFERENT THEMES
Landing page - we have a strong concept on space for the landing page, and I think this works well as we could introduce the PH world through scrolling down the page. The gradient from space to daylight sky to the ground (call to action section) could be a good way to bring you ‘down to earth’. From here the other pages could be more landscape based.
Team Page- Pokemon cards? The team page could have a ‘pick your player’ type thing going on where every person has a character (themselves) and then the description AS WELL AS...a strengths and weaknesses chart such as ‘James Greenhill 98% code strength’ I think that would be a)hilarious and b) nostalgic and c)super darn fun.
Pricing - City - each section (cloud, enterprise, open source) could be the same city but at different times of day? They could simply fade in and out from eachother?
Docs- keeping things super simple as the main focus is the content, but could have a nod to pac man when you turn the screen into dark mode? unsure how that would work with copy right but we could have our own character and fruit prices- OH and the ghosts could be bugs! But I think that we should keep this as minimal as possible with the OPTION to make it fun with the pacman esk easter egg.
Careers- This is a chance for us to have some fun and really show off the company. Posthog world- kind of like pokemon ninetendo game style walking about mode- with bridges and everyone could have their own space on the map - like a design hub and a coding village and everyone could have their own mini character. I visualise this as the blocks of text could be placed over the top or there is allocated ‘land’ in the centre for text, unsure - could just be a header of the image but I like the concept a lot.
ABOUT^ - could be the about page? Or the about page could be a forest scene with a small camp fire and warm tones and some of our people around the campfire- adorable
Blog- Could be set in a library but an indie game library, or could be a multi level game design ?? unsure would need to think about this more. potentially could be some floating rocks with trees on it and dangerling plants like in avatar but 8 bit and cool, with some overlaid panels that are the blog posts.