purposeful design: effective website design & content strategies

36
Website Analysis Design & Content Strategies Jordan Bones

Upload: jordan-bones

Post on 15-Jan-2015

2.293 views

Category:

Marketing


0 download

DESCRIPTION

Content and design strategies to improve website performance. Touching on the concept of "purposeful website design".

TRANSCRIPT

Page 1: Purposeful Design: Effective Website Design & Content Strategies

Website Analysis

Design & Content Strategies

Jordan Bones

Page 2: Purposeful Design: Effective Website Design & Content Strategies

Major Factors

• Architecture• Content• Optimization• Mobile• Design

Please note: for the sake of this presentation, “great job…x” is being used sarcastically. This indicates something BAD.

Page 3: Purposeful Design: Effective Website Design & Content Strategies

ARCHITECTURE

Page 4: Purposeful Design: Effective Website Design & Content Strategies

Architecture > URL’s

• URL’s– Good: BobLobLaw.com/practise/family-law.php– Bad: BobLobLaw.com/node/p?_123

• For Mobile sites:– Good: same as above.– Bad: m.boblobloaw.com

Page 5: Purposeful Design: Effective Website Design & Content Strategies

Architecture > Structure

Something like this:

Page 6: Purposeful Design: Effective Website Design & Content Strategies

CONTENT

Page 7: Purposeful Design: Effective Website Design & Content Strategies

Content > basics

Define Objectives• Audience• Brand• Mission• Goals

Messaging• Value to customer• Pain-points of customer• Call to action

Page 8: Purposeful Design: Effective Website Design & Content Strategies

Content > design

• Use terms your visitors will understand.• Profiling: who are your customers? • What are the most effective things you can

say?• Content Calendars help for timely content.• Leverage customer feedback (testimonials)• Leverage customer service stories.

Page 9: Purposeful Design: Effective Website Design & Content Strategies

Content > topics

• Write about your services.• Write about what makes you special.• Write about your customer’s pain-points.• Make it engaging! (useful)– What people actually will care to read, share, etc.

• Call-to-Action – drive the user to a desired action.

Page 10: Purposeful Design: Effective Website Design & Content Strategies

Content > service pages

• Each service/product deserves its own page.• Not this:

“we offer the following services:• Service 1• Service 2• We think you know exactly what this service entails• We make it appear likes its just a commodity.• Service 3 – we can’t be bothered to go into detail.”

Page 11: Purposeful Design: Effective Website Design & Content Strategies

Content > service pages

One page with all services listed…

Great

job…..X

Genesislawgroup.com/services/

Page 12: Purposeful Design: Effective Website Design & Content Strategies

Content > location pages

• 1 page per location• Contain:– Map– Address– Phone #– Service hours– Unique location info– Pictures

Map & Address

Hours

Contact Info

Location-specific info

Page 13: Purposeful Design: Effective Website Design & Content Strategies

OPTIMIZATION

Page 14: Purposeful Design: Effective Website Design & Content Strategies

Optimization > social

• Talk about what you do (socially)– Blog, tweet, facebook

• Integrate social plugins into site for credibility.

Page 15: Purposeful Design: Effective Website Design & Content Strategies

Optimization > social

Social Proof

Page 16: Purposeful Design: Effective Website Design & Content Strategies

Optimization > keyword research

• Research keywords– Look for opportunity; why pursue phrases that

people don’t use to search?

“Apartments for rent Victoria”: 1000 searches/m“rental properties Victoria”: 150 searches/m

What is the better opportunity??

Page 17: Purposeful Design: Effective Website Design & Content Strategies

Optimization > Tags

• Title Tags: page title (headline in SERP)– Short, Sweet, & Unique

• Meta Description: – 150 Characters, make it unique!

• Header tags (H1, H2,H3) – Highlights what is important on the page.

Page 18: Purposeful Design: Effective Website Design & Content Strategies

H1

H2

H2

Unique Store Content

Active social media

Page 19: Purposeful Design: Effective Website Design & Content Strategies

H1

H2

H3

Page 20: Purposeful Design: Effective Website Design & Content Strategies

Optimization > Tools

• YPG SEO audit tool• Chrome plugins: “seo site tools”• Adwords Keyword Planner

Page 21: Purposeful Design: Effective Website Design & Content Strategies

MOBILE

Page 22: Purposeful Design: Effective Website Design & Content Strategies

Mobile > content

• People have more choice & expect brands to provide:

The Information they want,When they want it,

How they want to consume it.

Page 23: Purposeful Design: Effective Website Design & Content Strategies

Mobile > content

• Content requirements are different for mobile.• Most important content for a mobile user.– Touch to call– Map & address that can open in map application.– Scaled down images.– Easy to digest information.

Page 24: Purposeful Design: Effective Website Design & Content Strategies

Go Mobile!

90% of Towing companies right now…

Great

job…..X

Page 25: Purposeful Design: Effective Website Design & Content Strategies

Go Mobile!

• How does the site look on a smart phone?

- No zooming- Relevant content first.

- How it should be!

Page 26: Purposeful Design: Effective Website Design & Content Strategies

Mobile > structure

• Say “No” to M.sites– 2 sets of code– Two sets of content

• Bing will only index one site.• Google says they prefer responsive design.• Google uses regular SERPs for smartphones.

Page 27: Purposeful Design: Effective Website Design & Content Strategies

Responsive design

• Means one design, adjusts visuals & content to fit the screen accessing the website.

• Don’t have to worry about specific device, just the dimensions.– Scaling, click vs. touch.

• Google prefers Responsive design

Page 28: Purposeful Design: Effective Website Design & Content Strategies

Responsive DesignDesktop Mobile

Page 29: Purposeful Design: Effective Website Design & Content Strategies

DESIGN“purposeful design”

Page 30: Purposeful Design: Effective Website Design & Content Strategies

Purposeful Design

• Understand your visitor’s goals.• Help them make decision.• Consider how visitors will arrive and interact

with your site. (mobile, desktop, etc.)• “Economy of form”, use less to accomplish

more.• “Persuasive Website Design”

Page 31: Purposeful Design: Effective Website Design & Content Strategies

Before:

Great

job….X

Call to Action??

Benefits only

Clutter

Page 32: Purposeful Design: Effective Website Design & Content Strategies

After:

Less Distraction

Clear Path

Relevant info

Help Make Decision

Result: 5 times the signup rate! 100 -> 500/month

Page 33: Purposeful Design: Effective Website Design & Content Strategies

Design > Navigation

• Max 2 menus! (horizontal & vertical)• Reduce clutter – clear a path for visitors.• Guide them through content.• Strong call-to-action

Page 34: Purposeful Design: Effective Website Design & Content Strategies

Design > Conversion

• Highlight benefits.• Showcase current or past clients.• Use photos, industry leaders, and logos to

convince visitors.

Page 35: Purposeful Design: Effective Website Design & Content Strategies

Design > CTA’s

• Colours of CTA buttons should be opposite to background.

• The CTA message is the final step to the conversion, so make it count!

• Never hide your most important CTA’s

Page 36: Purposeful Design: Effective Website Design & Content Strategies

THANK YOUJordan BonesPerformance Marketing [email protected]

Above image is an animated .gif file, and must be opened in presentation mode for full effect.