Featured

Quick Guide to Planning any WordPress Website

A website has more than one function. It’s there to inform, encourage enquiries, sales and support customer satisfaction.

Most website templates or themes are fairly standard. The key is to individually style with logo’s, colour, media and content to give it an identity that fits your business. We work with WordPress themes which are free when you host your site with WordPress (recommended). Costs to create a successful website vary so I’ve put together 4 steps to help the planning process.

Step 1

What do your customers value?  

This means – 

Why are your visitors online, what are they searching for?

What search terms do your visitors use?

Do other organisations offer the same services as you?


Step 2

Once you have this information you can start to make a plan of what you need to include on your site.

Here’s a list of the most popular:

Stories to share

Products to display

Services to promote

Information to explain

A reputation to build

Promotional messages


Step 3

Most businesses need a promotional plan to get people to view the website.

Public Relations, Marketing and Advertising through:

Directory listings

Social media/blogs posts

Word of mouth

Email promotions

Printed materials

Events and news stories

External websites (Links to and from)


Step 4

Finally, the content gets packaged into a website to include:

Search words that match communication objectives

Accessible content that meets customer expectations

Data privacy policies

Search engine optimised (SEO)

Captures visitor data

The cost of the site will depend on the amount of content needed to create the site so if you need to keep the costs down start with ‘must have’ vs ‘nice to have’.

You can always build on your site as your business grows.

Enquiries

Image [Top], A selection of WordPress Themes

Featured

Colour Interaction and Why Colour Matters

Transcript

We use colour in everything, from art, design, photography and film, to the clothes we wear and the interiors we inhabit.

In colour and human interaction we look at how colour light is made up of colourless energy waves that enter through the eye where the brain then translates it into a colour.

Through understanding how colour works we can begin to make more informed colour choices.

The colour spectrum

For example the visible colour spectrum is made up of reds, oranges, yellows, greens, blues, indigo and violet. Each colour has a different light frequency.

Blues, indigo and violet are perceived by the human brain from high energy wavelengths of light; Greens from medium energy lightwaves; Reds, oranges and yellows from low energy.

Colour and nature

In the natural environment there is more blue, a high energy wavelength that travels farther (e.g. the sky) than there is red (e.g. petals of a flower), a low energy wavelength that does not travel very far.

Colour light is subject to change and the human eye has evolved to translate the wavelengths across billions of different colours to support our survival.

This may mean that a carefully selected range of colours of the right proportions may be beneficial to humans, that is – a more natural response to colour.

How colour affects humans

My research builds on the work of Faber Birren, noted author, professional colourist and researcher. Birren documented the psychological and physiological affects of colour on humans, i.e. how colour affects mind, body and spirit.

Can colour increase the productivity of staff, or lower blood pressure or have beneficial and non-beneficial affects on humans? The answer, according to Birren, is yes.

Try it. Which of the colour compositions in this presentation are you most drawn to?

References

The human eye perceives colours as a ‘result of electrical signals being sent from cones in our eyes to our brains’.

The Secret language of Colour (Eckstut)

Birren, F. (1963), Colour, From Ancient Mysticism to Modern Science. Citadel Press, New Jersey

Birren, F. (1963), Colour for Interiors, Historical and Modern, Whitney Publications, NY

Eckstut J. and Eckstut A. (2013), The Secret Language of Colour, Blackdog and Leventhal Publishers, NY


WordPress Tutorial, Structuring Content for SEO

Quick guide poster

The quick guide poster shows you how to use the WordPress block editor to style and structure content for search engines (SEO).

Images, videos, sound files + SEO:

Make sure all your images and videos and sound files have a Title and Alt-text that matches a planned keyword phrase or search term so that users will find it in search engines and on social media channels.

Digital Magazine Design Basics

Make a plan.

Six steps to planning a successful digital magazine or website.

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

Googles Search Console Tools

Nielson Norman Group (World Leaders in Research-Based User Experience)

WordPress Themes

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).

Slides designed in Illustrator by Wendy Corbett.

How to Edit CSS in WordPress

Custom design in four slides.

Follow the instructions below.

Note: It is advisable that you understand basic CSS skills before attempting to edit CSS in WordPress.

If in doubt contact a developer or a tutor. Don’t risk breaking your site. Always keep a copy of the original CSS code in a plain text file like TextEdit (Mac).

To learn more about editing CSS visit WordPress support, custom design >How to add custom CSS

%d bloggers like this: