PostHog / posthog.com

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

Careers page redesign #486

Closed embishh closed 3 years ago

embishh commented 4 years ago

Just wanted to move the feedback convo from Slack into a Github issue.

image

Some conversation points so far:

jamesefhawkins commented 4 years ago

In general, what's the relationship with the Team page (see #485)? If too much team info is in both places, it could start to be repetitive or information overload and Do we want to format with or without images/illustrations of people, with or without slider, etc.

I could see us doing something like:

embishh commented 4 years ago

Since age is a protected class (US law is for those above 40), I think mentioning it as a part of highlighted team member facts could actually be a little problematic. Because all the protected classes are illegal to ask about or really even make comments adjacent-to in interviews, I think maybe it's best to avoid broaching the topic here. (Especially since PostHog's age range is quite good, but perhaps not so diverse if you're using the age-40 legal cutoff)

Like the ideas for a "meet the team" horizontal strip and for quotes particularly about "why here" (perhaps in a carousel/slider setup?)

lottiecoxon commented 4 years ago

I suggest some changes!

1.

I vote we remove the left side nav bar- it seems pointless and is using up vital space .

2.

Obviously having two PostHog logos is a bit over kill here

3.

The right hand nav bar also seems a little strange on a page like this - I vote we give it the chop chop 🌲

4.

This may be a font issue but I think we should make the Gosha Sans Regular instead of Bold - it feels too shouty

5.

I think I discussed with someone earlier this month, that we were going to put the 'open roles' at the top of the page for ease of access?

6.

If we are keeping all the current online content on the new redesign, I vote we reorganise the order of this info!

(watch this space I will be back with screenshots of alternatives and changes)

Screenshot 2020-11-03 at 14 12 58
lottiecoxon commented 4 years ago

Careers Redesign

So I have started with the Open roles at the top with subtle raised squares letting the viewer click these first. It's minimal but focuses the eye strictly on the open roles currently which I think is key here.

Screenshot 2020-11-04 at 10 20 47

After this we are introduced to who we are and why we are here- important but secondary information to the main point of this page - the open roles.

Screenshot 2020-11-04 at 10 20 57 Screenshot 2020-11-04 at 10 21 05 Screenshot 2020-11-04 at 10 21 12 Screenshot 2020-11-04 at 10 22 15 Screenshot 2020-11-04 at 10 22 20 Screenshot 2020-11-04 at 10 22 27 Screenshot 2020-11-04 at 10 22 33 Screenshot 2020-11-04 at 10 22 38 Screenshot 2020-11-04 at 10 22 44 Screenshot 2020-11-04 at 10 22 50

I have ended it with some comments from some of our employees just to add a human touch - a method many other companies use on their careers pages!

What does everyone think ?

lottiecoxon commented 4 years ago

@timgl does this look more like GitHub to you? I've tried to copy the web page more strictly on this one New Document 58

lottiecoxon commented 4 years ago
timgl commented 4 years ago

Yeah I think this makes more sense!

lottiecoxon commented 4 years ago

smashing!

lottiecoxon commented 4 years ago

Secondary Open Role Page

For these pages I have created a template/few blocks to help describe what we are looking for in each job opportunity. So it should be pretty easy to build up job pages if and when we need them.

Screenshot 2020-11-04 at 11 50 50 Screenshot 2020-11-04 at 11 50 57 Screenshot 2020-11-04 at 11 51 03 Screenshot 2020-11-04 at 11 51 11 Screenshot 2020-11-04 at 11 51 16 Screenshot 2020-11-04 at 11 51 20
timgl commented 4 years ago

There's a lot of whitespace in this one which i'm not sure helps improve readability. I'd say we need a larger text block for the main job description, then just a section for how to apply & benefits

lottiecoxon commented 4 years ago

Serious Improvements

(if I do say so myself)

This design is cleaner and packs more info into a smaller space without being distracting and busy

Screenshot 2020-11-06 at 14 35 33 Screenshot 2020-11-06 at 14 35 40
lottiecoxon commented 4 years ago

I also had the idea of introducing bullet points as pixels - the big numbers are sometimes too much - I think this also ties in the 8-bit style in a very subtle but cool way

(I realise that the bullet points need to be made all one colour not two but that is just a mistake I didn't see until now)

lottiecoxon commented 4 years ago

updated pixel benefits icons - small change tbh

Screenshot 2020-11-06 at 15 45 48
lottiecoxon commented 4 years ago

The careers page updated and ready to go !

Desktop - 2

lottiecoxon commented 4 years ago

Desktop - 3

charlescook-ph commented 3 years ago

Thanks @lottiecoxon !

Overall - I like this and think it's a massive step up from our current pages. I think the design for the careers page is really cool and stands out against a sea of generally tedious careers pages that are out there.

I've left comments on each section below - I'm not sure if it's helpful to have the text feedback in here now or just edit it once the page is up, but I've recorded it here anyway:

Careers page

Design feedback

Text feedback

Individual jobs page

Design feedback

Text feedback

I appreciate that's a ton of stuff @lottiecoxon - let me know if a quick call would be helpful at all to discuss.

lottiecoxon commented 3 years ago

Taken on feedback and made all of the above changes. Will send pdf through in a minute

lottiecoxon commented 3 years ago

@piemets Desktop - 4 Desktop - 5

charlescook-ph commented 3 years ago

Thanks @lottiecoxon - I think this is all good! I assume that all the relevant links in the text to other pages will come up in the actual version/PDF?

lottiecoxon commented 3 years ago

Yeah I assumed that the hyperlinks will be added in when put into production, I can easily add in blue text where needed if that helps

charlescook-ph commented 3 years ago

Ok that sounds fine - I'm happy to just add all the hyperlinks in right after it's gone live if that's quicker.

eltjehelene commented 3 years ago

This is looking great!

Do we have an idea of time line for this?