Upload
mickey-mellen
View
143
Download
0
Tags:
Embed Size (px)
Citation preview
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