a deep dive into site maps & wireframes

#ATWP

AllThingsWordPress.com

Facebook Group LinkedIn Group Google+ Community

Teamwork Desk

GM Block Bots plugin

Stopping SEmalt and buttons-for-website

Went to WordCamp. Got the Tee Shirt. Overflowing with Questions!!

WP Atlanta MeetUp: Tonight

Starting your WordPress site: Installing from scratch, plugins, and next steps.

Next Month: May 21 at 11:30

jennymunn.com/seo-bootcamp

SEO Bootcamp: Friday, May 1, 9 - 4pm

a deep dive into site maps & wireframes

site maps

Our Process

Discovery > Define the project > Collect assets > Keyword research >

Create site map > Copywriting > Establish architecture > Create design >

Program and develop > Staging and review > Launch > Train > Improve

Site Maps

Determine all the pages on your website before you start

Why?

Site Maps

Copywriting • Wireframes • Usability

Why?

Site Maps

Talk to the client about their services, features, and must-haves

Research

Site Maps

Consider the existing site map

Research

Site Maps

Consider competitors’ site maps

Research

Site Maps

Consider keywords

Research

Site Maps

Write down all the “topics” that need to be on the site

Process

Site Maps

Start arranging and rearranging until it makes sense

Process

Site Maps

Consider varying levels of nav bars

Process

Site Maps

Consult with others to see if they agree

Process

Site Maps

Super easy site mapping tool

Site Maps

wireframes

Determine the best way of representing the information you are trying to

communicate

Why?

Wireframes

Illustrator • Balsamiq • MockflowMockingbird • Lovely Charts • Cacoo • Gliffy

Tools

Wireframes

Getting started

Wireframes

Grids • Theme Screenshots

Wireframes

Wireframes

Wireframes

Puzzle Pieces

Wireframes

Call to Action • Headlines • CopyVideos • Pages • Images

Elements to Show

Wireframes

Dropdowns • Typography HierarchyColor Hierarchy

Wireframes

Wireframes

Wireframes

questions?

a deep dive into site maps & wireframes

#ATWP