Welcome! This all-volunteer team needs designers of various kinds. See our handbook and drop into #design once signed up for volunteer opportunities.
Our vision is to be the go-to resource for design for other teams across the WordPress open source project.
During WordCamp US Contributor Day 2019 the team at the design table explored a number of ideas for creating an author card block. This has been explored previously, and may make sense to pick up again if there is interest. This is a followup to capture our thoughts and the directions we explored.
Frontend
The first template explored a more center aligned concept.
While the second template was more streamlined, and fit with a design that is seen more often.
Backend
This explores a flow where you choose an existing author profile, add it to the block, and then are able to turn certain features on or off. It’s a simpler flow, and doesn’t allow for custom content, but it may be worth considering as a starting point.
We began by discussing how this block would get its data. We considered pulling from user profiles, as well as an option to add a custom block. We then looked at ways to display the block on the frontend with different styles.
Inspiration
Some examples of author cards on the web:
Proposed block components
With all of these components making up the author card block, we thought about ways to break it into smaller blocks. Here’s the first sketch where we considered what these components could be:
Location
This block belongs at the end of a blog post, and is usually set to the author profile writing the post. How useful is it in other contexts? If it’s only for dropping at the end of every post, it may not be a great candidate for existing as a block.
Choosing a design direction
We discussed a lot of directions that could be pursued and started with:
We used markers and paper to begin with:
And then jumped into Figma to get those ideas into one place:
There are still a lot of questions that need exploring, such as:
