WordPress.org

Make WordPress Core

Opened 8 weeks ago

Last modified 2 days ago

#54270 new task (blessed)

About Page for 5.9 Release

Reported by: chanthaboune Owned by:
Milestone: 5.9 Priority: normal
Severity: normal Version:
Component: Help/About Keywords:
Focuses: Cc:

Description

This ticket includes the discussion, planning, work and other records leading to the development of WordPress 5.9 release About page.

Attachments (8)

About.png (3.6 MB) - added by critterverse 4 weeks ago.
Credits.png (2.9 MB) - added by critterverse 4 weeks ago.
Freedoms.png (942.1 KB) - added by critterverse 4 weeks ago.
Privacy.png (522.8 KB) - added by critterverse 4 weeks ago.
About-all.jpg (5.6 MB) - added by critterverse 8 days ago.
About page – First draft
header-balloons.jpg (970.5 KB) - added by critterverse 8 days ago.
Header art – Direction 1
header-brushstrokes.jpg (965.4 KB) - added by critterverse 8 days ago.
Header art – Direction 2
full-header-on-colors.png (227.7 KB) - added by ryelle 5 days ago.

Change History (25)

This ticket was mentioned in Slack in #core by marybaum. View the logs.


6 weeks ago

#2 follow-up: @webcommsat
5 weeks ago

Following bug scrub on the About Page/ Help component.
Adding a link to a [draft Google document]https://docs.google.com/document/d/1mGe-LJjSbJVbbiaDP7VQpg8MN4FZI1pIcX2O-qAdJ3U/edit?usp=sharing where reference material can be added to support the marcomms for the About Page for 5.9.

The draft for copy can be started in this document when ready too.

Document in the Marketing Drive releases folder.

Last edited 5 weeks ago by webcommsat (previous) (diff)

This ticket was mentioned in Slack in #core by abhanonstopnews. View the logs.


5 weeks ago

#4 @critterverse
4 weeks ago

Hi all, I’d love to help out with the design of the About page this time around. I’ve duplicated the Figma file from the 5.8 release, and marked up the areas that I think we should plan to update for 5.9.

TLDR: We could potentially create new artwork for the page headers to refresh the overall look & feel but keep some of the general page architecture and design from the previous release. The 6.0 release might be a good time to explore a more dramatic redesign of this section if there’s some interest around that idea!

Here’s a more detailed breakdown of the updates that would be needed:

About page

  • New header art
  • New art/design to highlight new features — NEEDS COPY

Credits

  • New header art
  • Update "Noteworthy Contributors” section (same style/layout) — NEEDS COPY
  • Update "Core Contributors” section (same style/layout) — NEEDS COPY

Freedoms

  • New header art
  • No changes to page content/design?

Privacy

  • New header art
  • No changes to page content/design?
Last edited 4 weeks ago by critterverse (previous) (diff)

@critterverse
4 weeks ago

@critterverse
4 weeks ago

@critterverse
4 weeks ago

@critterverse
4 weeks ago

This ticket was mentioned in Slack in #design by chaion07. View the logs.


3 weeks ago

#6 @webcommsat
3 weeks ago

We discussed this ticket in today's design meeting too and it will be further discussed at the bug scrub from 19:00 UTC (likely to be from 19:40 to complete other tickets first).

As we have passed feature freeze, we now need information on the key features to highlight and their details. Ideas for this will be discussed at the bug scrub. There may also be information from Training, Documentation and the Technical Writer on the squad that will assist with the information and fact-checking for the About Page and any related marcomms materials.

Main features:

Blocks + intrinsic web design
Navigation menus
Interface for theme.json
Refining editing flows for block themes
New default theme
Additional design tools

Is there confirmation that the following features (marked as hopeful) will be included?

  • Pattern insertion + creation
  • Unzip/Rollback Failsafes
  • PHPUnit Tests
  • Improved compatibility with PHP 8.0 and 8.1

A very early, top level initial draft / questions are being drafted to enable us to produce text with others [working Google document]https://docs.google.com/document/d/1mGe-LJjSbJVbbiaDP7VQpg8MN4FZI1pIcX2O-qAdJ3U/edit#, page 2 onwards. We will add further to this in the scrub and in the coming few days.

Page 1 is a collection of reference links, known at the moment. These have also been added to [GitHub marketing for quick reference as this ticket and the google document can get very busy]https://github.com/wpmarketingteam/Marcomms-WP-Releases/issues/19 (not to cause any duplication).

This ticket was mentioned in Slack in #core by abhanonstopnews. View the logs.


3 weeks ago

#8 @critterverse
8 days ago

Hi all, I took a first pass on the About page using some preliminary copy that’s loosely based on the script for the recent Introducing WordPress 5.9 video. I'm sharing a link to this draft in a Google doc — please feel free to edit or comment there directly!

In addition to the page content, I’ve also mocked up a couple of different visual directions for the header artwork. Direction 1 is inspired by jazz album covers and classic movie posters (particularly by this movie poster design by Saul Bass).

Direction 2 is based on organic brushstoke shapes and is inspired by the lovely design work for the upcoming wordpress.org/news redesign.

The next steps from a design POV would be to create new header artwork in whichever style we choose for the other section pages (Credits, Freedoms, and Privacy). I'm also happy to keep exploring the visuals based on any feedback.

Layout-wise, this matches pretty closely with the current About page for 5.8 so it shouldn't require a major dev effort. The only thing I’ve added is a subtitle under each of the two main section headers. We'll probably also need to adjust the placement of the typography in the header area slightly.

@critterverse
8 days ago

About page – First draft

@critterverse
8 days ago

Header art – Direction 1

@critterverse
8 days ago

Header art – Direction 2

#9 @kjellr
8 days ago

This is great, thanks @critterverse! I have a preference for the simplicity of the first header. WordPress tends to pack a lot of UI/elements into a small space, and I think the large blue space at the top is a great place for folks' eyes to rest.

I'm not 100% sure about the balloons as they are currently — I like them conceptually, but they seem to reference Saul Bass a little more than Jazz. I wonder if there's a different way to render them.

I like your pass on all the content too. It seems like the right balance between text and imagery. For that first "block based themes" area, it might make sense to use a Twenty Twenty-Two screenshot (even if you apply green/blue duotone filters to it or something to match the rest of the screens).

#10 @chaion07
8 days ago

Personal opinion: Love the Header art – Direction 1
Appreciate the work by @critterverse

#11 @webcommsat
7 days ago

A catchup / collaboration on the About Page and associated items is planned for this Friday 3 December 2021, 19:00 UTC. In addition, there will be a 10 minute drop-in, facilitated by @marybaum from 18:50 UTC for those coming to shadow, observers, or new people from marketing.

We will look further at the designs with @critterverse and other items on the About page and its associated items, and the start of the social media collaborations. Please join if you can and look at the initial design draft on the ticket above.

If anyone has a particular aspect to highlight for Friday, please let @marybaum and @ abhanonstopnews (on Slack) know.

More on [contributing to social media promotions for the 5.9 release]https://make.wordpress.org/marketing/2021/12/01/help-contribute-to-social-media-materials-for-5-9-release/ on the marketing blog. Everyone is welcome to join the marketing meeting next week, Wednesday 8 December 2021, which starts at 14:00 UTC, to start exploring the social media posts too. The social media collaboration/ discussion itself is likely to start at 14:15 UTC.

Last edited 7 days ago by webcommsat (previous) (diff)

#12 in reply to: ↑ 2 @anjanavasan
6 days ago

Replying to webcommsat:

Following bug scrub on the About Page/ Help component.
Adding a link to a [draft Google document]https://docs.google.com/document/d/1mGe-LJjSbJVbbiaDP7VQpg8MN4FZI1pIcX2O-qAdJ3U/edit?usp=sharing where reference material can be added to support the marcomms for the About Page for 5.9.

The draft for copy can be started in this document when ready too.

Document in the Marketing Drive releases folder.

I've offered relatively minor suggestions to improve the flow of the draft and enhance readability. I mostly just rearranged the sentences and edited the subheads/body to highlight the benefit and put the reader first. Hope it helps!

#13 @ryelle
5 days ago

This is looking good! My only concern is that this header is designed at full width (there’s usually a gutter of about 24px), so it’ll be right against the admin menu & different color schemes. It’ll look great with the Modern scheme, since that seems to be the inspiration, but that’s not the default and people can use any scheme. I mocked it up against some of the color schemes, so you can see what I mean: full-header-on-colors.png

I don’t know if that impacts the header design at all, but wanted to flag it.

edit: I suppose an alternative would be to use the color scheme in the about page? I don't know if we've done that before.

Last edited 5 days ago by ryelle (previous) (diff)

This ticket was mentioned in Slack in #accessibility by shaunandrews. View the logs.


5 days ago

This ticket was mentioned in Slack in #core by critterverse. View the logs.


5 days ago

#16 @webcommsat
3 days ago

[Link]https://wordpress.slack.com/archives/C02RQBWTW/p1638558858363200 to the collaboration on the About page held on Friday 3 December 2021 in the Core Slack channel.

A link to the summary will be posted on the ticket once reviewed.

The next collaboration will be held in core on Monday 6 December at 20:30 UTC.
UPDATE
[Link]https://wordpress.slack.com/archives/C02RQBWTW/p1638822774038900 to the slack collaboration 6 Dec 2021

Last edited 2 days ago by webcommsat (previous) (diff)

This ticket was mentioned in Slack in #core by abhanonstopnews. View the logs.


2 days ago

Note: See TracTickets for help on using tickets.