Our vision is to be the go-to resource for design for other teams across the WordPress open sourceOpen SourceOpen Source denotes software for which the original source code is made freely available and may be redistributed and modified. Open Source **must be** delivered via a licensing model, see GPL. project.
In the near future, the Showcase section will receive a refresh in the visual style started with /News:
The gallery above shows the three basic layouts: landing page, single page, and archive.
The refresh of the Showcase site addresses several requests that have been made in previous discussions (Call for design: WordPress Showcase, Showcase redesign, and this Showcase GitHub issue), such as adding supplementary metadata to each showcased site, improving the mobile page layout and, in general, making the design of the whole section more modern and exciting. The current work represents a starting point that will continue to be iterated upon as additional features, and content changes are explored.
As the WordPress brand evolves and changes, our goal is to create something that looks forward to the future of the project. There are still many sections of the site to be updated, but we’ve got a great start with these new designs for two of the most high-traffic pages.
The new homepage brings more attention to the benefits and experience of using WordPress, while highlighting the community and the many other aspects that make the WordPress project unique. The design is inspired by the jazzy look & feel the WordPress brand is known for, and builds on many of the visual elements established by the News redesign such as the typography and color palette.
The design of the download page utilizes the same look & feel as the homepage but leans a bit more towards a “functional” aesthetic with fewer decorative elements. It seems likely that different parts of the site will each land somewhere on the spectrum between jazzy/expressive visuals and minimal/clean visuals, depending on the content of each section.
Based on previous approaches to the order of elements on the page, this design brings the download and hosting options side by side above the fold. These avenues are both common first steps, and giving them equal footing can help people more quickly decide which fits their needs best.
Additional content focused on features and useful resources has also been included. These sections aim to reinforce someone’s decision to download/use WordPress, and to make sure they’re aware of and have access to a variety of support tools as they get started.
We’ve also designed how these two pages will appear on mobile devices:
Work on implementing these designs in a new blockBlockBlock is the abstract term used to describe units of markup that, composed together, form the content or layout of a webpage using the WordPress editor. The idea combines concepts of what in the past may have achieved with shortcodes, custom HTML, and embed discovery into a single consistent API and user experience. theme will begin immediately, and another post will be shared as we draw near to launch — this will be an opportunity to gather additional feedback for future iterations.
As a reminder, please note that the first priority is going to be continuing to overhaul pieces of WordPress.orgWordPress.orgThe community site where WordPress code is created and shared by the users. This is where you can download the source code for WordPress core, plugins and themes as well as the central location for community conversations and organization. https://wordpress.org/ rather than spending too much time perfecting any one piece. This likely means shipping additional updates for these two pages after the design has shipped elsewhere. I’m excited about making continued improvements to these two pages after the initial launch, as well as beginning the process of redesigning new parts of the site!
Since then, WordPress has seen a lot of changes, including the GutenbergGutenbergThe Gutenberg project is the new Editor Interface for WordPress. The editor improves the process and experience of creating new content, making writing rich content much simpler. It uses ‘blocks’ to add richness rather than shortcodes, custom HTML etc. https://wordpress.org/gutenberg/ editor, Full Site Editor, blockBlockBlock is the abstract term used to describe units of markup that, composed together, form the content or layout of a webpage using the WordPress editor. The idea combines concepts of what in the past may have achieved with shortcodes, custom HTML, and embed discovery into a single consistent API and user experience. themes, and more. All of these have revolutionized WordPress in the past few years, and the brand is starting to modernize and evolve as well.
This year, we launched design updates for both WordPress.org/news and the Gutenberg page. With a new design style making an appearance in various places across the site, it seems like a good time to turn our attention to the home and download pages, two of the most-visited pages on WordPress.orgWordPress.orgThe community site where WordPress code is created and shared by the users. This is where you can download the source code for WordPress core, plugins and themes as well as the central location for community conversations and organization. https://wordpress.org/ and a well-worn path for those coming to experience WordPress.
The News and Gutenberg page designs are just a glimpse of how the brand could be updated across all our channels and platforms. As we begin to look at other pages, we’d like to gather feedback early and often in this process. Please share your thoughts and feedback. We’re excited to see what you have to say.
The News redesign introduced an exciting new look and feel into the WordPress design language, but it’s just a start.
There’s a ton of room to expand and evolve this look as we turn our attention to other parts of the site. You can watch for future design updates here on+make.wordpress.org/design/
We want to hear from you. How do you envision the WordPress.org homepage looking?
The immediate focus of this redesign is going to be on refreshing the look and feel of the homepage and download page, but there may be opportunities to update the content along the way. You can watch for future content discussion on+make.wordpress.org/marketing/
Tell us, what content would you like to see included on these pages?
When it comes time to implement a new design for these pages, it also provides us with the opportunity to bring these pages into the block editor. Part of the 2016 update was the promise of future iterations, and building the WordPress.org homepage with blocks helps deliver on that promise. Watch for future implementation updates on+make.wordpress.org/meta/
You must be logged in to post a comment.