From page planning, navigation, user interface (UI), content styles, user experience (UX), creative assets, user testing and statistics. This post uses six slides to walk you through the process.

Slide 1 (above) shows the six steps involved to deliver a successful digital magazine or website. Follow each step for each page or post created.

Slide 2 (above) shows examples of content styles. The message for this slide is ‘make a page plan’ for each page or post you create. Plan the User Interface (UI) and the User Experience (UX) to enable navigation around your site.

Slide 3 (above) explains three stages of a customer journey and the importance of defining a creative strategy for each page, post, media created. First define the search terms (keyword phrases) that users will use when looking for information online. Your content needs to match the search term.

Slide 4 (above) provides a list of popular Creative Assets to support the delivery of your content.

Slide 5 (above) shows examples of Content Styles. When looking for a WordPress Theme look carefully at how the pages are structured and styled. Although styling (fonts, colours etc.) can be edited to suit a brand identity look for a theme that has the features that you are looking for.

Slide 6 (above) encourages you to experiment. Looking at a range of options, creating prototypes and sharing with your audience/community for feedback will make for a better end product.

Slide 7 (above) explains the purpose of empathy mapping as a solution to test your digital product meets the needs of the user. For a more detailed explanation of empathy mapping and other strategies for user testing, visit the nngroup website.

Slide 8 (above) introduces the importance of Search Analytics using an example of the statistics available in the WordPress dashboard. Over time you will learn a lot about how customers/a community uses your site. This information will help you to plan future content. To learn more about Search Analytics visit Google’s Search Console Tools.
Reference links
Nielson Norman Group (World Leaders in Research-Based User Experience)
Notes
These slide were designed in Illustrator. The original file is print ready (300 dpi, CMYK). A version was saved as a PDF document (available to download) and a version of each slide was exported and saved for web as a PNG file (72 dpi, RGB).

Learn more
Learn about how to use the CSS editor to customise the appearance of any WordPress.com site