Joshua

Menu

Author: Joshua

A brief journey into blocks

WordPress 5.0 has finally launched. It’s been a long time coming, and provides a huge update and change to how the editor works in WordPress. I was privileged to be able to contribute to this release, spending several months in 2017 contributing to design ideas and concepts for early work on Gutenberg.

Earlier this week I decided to try and build a one page site using Gutenberg. I’d played around with blocks, created pages, played with sites, etc. However, I wanted to rely completely on a block interface to build out a complex page.

The journey wasn’t an easy one. I tried out a bunch of the block plugins available.

Will plan to followup when I’ve found a good solution.

The short of all this is I’m looking forward to helping in Phase 2 of Gutenberg, as we try to improve on what’s available and make block building more robust for the future.

Beachbody Editorial UX

In 2016 our team at XWP was able to work with the Beachbody on Demand folks to create a new editorial workflow for the content creation staff. You can read the case study to learn about the work that was done.

During this process I was covering the role of Product Owner for our team, as well as contributing UI/UX support to the editorial workflow. 

Since the content staff needed the ability to upload content regularly, and had a specific flow to how content would be added, we used the Customizer in WordPress to make previewing and saving drafts easier as part of this process. 

Following are a few interfaces to highlight the work I contributed to throughout the project. 

Editorial calendar

Along with the regular programming that gets created for new shows, the team also needed the ability to share training sessions on a per day basis, using a calendar within WordPress. I worked with our team to create concepts and interface ideas that would allow for creating the editorial flow.

Localization

We discussed ways to allow for quick translation and localization of the work that happened. In this case the team needed to be able to translate strings of text and have them show in French and English. Following is a clickable prototype showing a proposal for adding strings in multiple languages.