website design best practices and how to implement them in wordpress

33
Website Design Best Practices & How to Implement them in WordPress The Austin WordPress Meetup Group Presented By: Rich Plakas

Upload: rich-plakas

Post on 18-Jul-2015

75 views

Category:

Internet


0 download

TRANSCRIPT

Website Design Best Practices & How to Implement them in WordPress

The Austin WordPress Meetup Group

Presented By: Rich Plakas

A Little Bit About Me

★ IT Background going back to the days of DOS & Novell

★ Began “messing” with WordPress in 2007.

★ Switched my focus from IT to WordPress in 2011

★ I was tired of doing Windoze Updates & changing

Printer Toners :-)

★ Joined the Austin WordPress Meetup Group In 2012.

★ I love BBQ & Craft Beer.

★ I run a beer blog: www.CraftBeerAustin.com

Website Design Best Practices & How to Implement them in WordPress

Topics We’ll Cover:

● Who is your target audience?

● How to use Analytics to gain insight to visitors.

● What is the primary goal of your website?

● Is your website mobile responsive?

● Do you have a Call to Action?

● Avoid website clutter and distractions!

● How do you plan to drive traffic to your website?

● Are Email Lists still useful?

● Let’s review some websites!

Demographics:

o Male or Female

o Age Groups

o Interests

o Location(GEO)

o Device (Desktop vs Mobile)

Who Is Your Target Audience?

If you have an existing site with Google Analytics, you can

get most of this information:

Who Is Your Target Audience?

Who Is Your Target Audience?

Who Is Your Target Audience?

Google Analytics by Yoast

Google Analytics by Yoast

Google Analytics by Yoast

What is the Primary Goal of Your Website

Possible Goals:

● Selling Items (ecommerce).

● Collecting Leads/Mailing List Signups.

● Getting people to call/email your business.

(for example a local pool company or a photographer)

● Showcase your work portfolio.

What is the Primary Goal of Your Website

What is the Primary Goal of Your Website

What is the Primary Goal of Your Website

What is the Primary Goal of Your Website

Mobile Responsive

What is Mobile Responsive Web Design?From WikiPedia: http://en.wikipedia.org/wiki/Responsive_web_design

Responsive web design (RWD) is an approach to web design aimed at crafting sites to provide

an optimal viewing experience—easy reading and navigation with a minimum of resizing,

panning, and scrolling—across a wide range of devices (from desktop computer monitors to

mobile phones).

What is Mobile Responsive Web Design?

iPad Portrait 768 x 1024 iPad Landscape 1024 x 768

Clear Call to Action On Home Page

Do Not Hide or Bury Contact Info!

Do Not Hide or Bury Contact Info!

Contact Me!

Avoid Home Page Clutter

Live Demo

http://www.lingscars.com/

Avoid Home Page Clutter● Remove elements that distract from your Call to Action.

● Picture sliders(or image carousels) are bad for you health.

● Too many choices can cause “Deer in the Headlights Syndrome”.

● Move Social Media “Follow Us” icons to bottom of page or to contact page.

Live Demo

http://codypools.com/

How Do You Plan to Drive Traffic to Your website?

Best Methods depend on your particular audience.

SEO - Search Engine Optimization

Social Media

Facebook

Twitter

LinkedIn

Instagram

Pinterest

YouTube

Reddit

Mailing Lists / Email Newsletters

Guest Posts on Other Related Websites

Pay per Click Campaigns

Facebook Ads

Google Ads

Mailing Lists / Email Newsletters

Mailing Lists / Email NewslettersAre Email Lists still relevant? YES!!!!

Mailing Lists / Email Newsletters

Some Reasons Why Email Lists Are VERY Relevant:

● When you receive an email your smartphone, do you

read it?

● How many times per day do you check your email?

● Most people check email several times per day.

● Someone who signs up for your email list is interested

in what you have to offer.

Some Popular Email Lists Services

● MailChimp

● Constant Contact

● Aweber

● MailPoet

Integrating a Email List on Your WordPress Site

Integrating a Email List on Your WordPress Site

Other Ways to Capture Email Signups:

SumoMe.Com List Builder

HelloBar.com

Questions?

&Let’s Review Some

Websites!

Rich Plakas Connected Systems

@RichP on Twitter [email protected]