chat.wordpress.org: make the join link more prominent

[melchoyce]

I just helped someone at contributor day join the Making WordPress Slack, and the link to join is pretty buried in the page. Could we update the design so the joining link it more prominent?

Some ideas:

• Make the link to login a button
• Add more space around the join section so it's more prominent
• Update the typography to make the header easier to see

Alternately, redesigning this page could be a good little project to get a new community designer to work alongside the website redesign project :)

[Otto42]

For reference, this is how that page works:

When somebody visits chat.wordpress.org, and is logged in, then it automatically creates a invite to them from Slack. They have to click the link in the email to actually accept the invite. The join link on the page may take them to the Slack, but if they haven't accepted the invite, then it doesn't matter if they go to that URL or not.

Clicking the friendly purple button in the email is really the only way forward.

[Otto42]

After working with a couple people here today, it seems the slack process may have changed. The link on the chat.wordpress.org page now appears to be needed to be clicked, instead of the invite being sent automatically.

[coffee2code]

For context, this is a screenshot of the Make/Chat site. The "Joining the WordPress team on Slack" section is the one with specific steps for joining Slack. As noted, it does not stand out at all.

[coffee2code]

Screenshot of just the "Joining" section before any changes

[coffee2code]

Screenshot of just the "Joining" section after proposed changes

[Otto42]

These rather simple changes look good to me. There's a possibility it can be more prominent, but for a first draft this is good. I say commit it.

[coffee2code]

The changes have been deployed.