WordCamp Las Vegas Site Architecture & Branding
-
Upload
amanda-blum -
Category
Documents
-
view
1.695 -
download
0
description
Transcript of WordCamp Las Vegas Site Architecture & Branding
![Page 1: WordCamp Las Vegas Site Architecture & Branding](https://reader034.fdocuments.in/reader034/viewer/2022042814/555a385ad8b42ae1398b485e/html5/thumbnails/1.jpg)
WTF Do I Put On My Site?
Info Architecting
& Site Strategy
•Yes, slides will be online. In 10 minutes. I promise. Yes, I’m serious. And mostly honest. Really. Slideshare.net/hzp
•I really do try not to curse
•No, I really haven’t a clue why camps continue to allow me to speak
•Current dev track: how to make plugins
•Of course its mine. Why would anyone do this to their hair on purpose?
![Page 2: WordCamp Las Vegas Site Architecture & Branding](https://reader034.fdocuments.in/reader034/viewer/2022042814/555a385ad8b42ae1398b485e/html5/thumbnails/2.jpg)
How Websites are Born
![Page 3: WordCamp Las Vegas Site Architecture & Branding](https://reader034.fdocuments.in/reader034/viewer/2022042814/555a385ad8b42ae1398b485e/html5/thumbnails/3.jpg)
Developers think like this:
![Page 4: WordCamp Las Vegas Site Architecture & Branding](https://reader034.fdocuments.in/reader034/viewer/2022042814/555a385ad8b42ae1398b485e/html5/thumbnails/4.jpg)
Designers thinkLike this:
![Page 5: WordCamp Las Vegas Site Architecture & Branding](https://reader034.fdocuments.in/reader034/viewer/2022042814/555a385ad8b42ae1398b485e/html5/thumbnails/5.jpg)
EveryoneIs SellingSomething
![Page 6: WordCamp Las Vegas Site Architecture & Branding](https://reader034.fdocuments.in/reader034/viewer/2022042814/555a385ad8b42ae1398b485e/html5/thumbnails/6.jpg)
Step 1
What do you do?
![Page 7: WordCamp Las Vegas Site Architecture & Branding](https://reader034.fdocuments.in/reader034/viewer/2022042814/555a385ad8b42ae1398b485e/html5/thumbnails/7.jpg)
![Page 8: WordCamp Las Vegas Site Architecture & Branding](https://reader034.fdocuments.in/reader034/viewer/2022042814/555a385ad8b42ae1398b485e/html5/thumbnails/8.jpg)
![Page 9: WordCamp Las Vegas Site Architecture & Branding](https://reader034.fdocuments.in/reader034/viewer/2022042814/555a385ad8b42ae1398b485e/html5/thumbnails/9.jpg)
What do you do?
To (target market, location), (name of org) provides (services) by (unique methods) for (results).
![Page 10: WordCamp Las Vegas Site Architecture & Branding](https://reader034.fdocuments.in/reader034/viewer/2022042814/555a385ad8b42ae1398b485e/html5/thumbnails/10.jpg)
What do you do?
“ACAP trains organizations, teaches students and treats individuals seeking emotional health in Northern New Jersey through non
traditional methods resulting in practical tools and opportunities.
![Page 11: WordCamp Las Vegas Site Architecture & Branding](https://reader034.fdocuments.in/reader034/viewer/2022042814/555a385ad8b42ae1398b485e/html5/thumbnails/11.jpg)
Step 2
Define your visitors
![Page 12: WordCamp Las Vegas Site Architecture & Branding](https://reader034.fdocuments.in/reader034/viewer/2022042814/555a385ad8b42ae1398b485e/html5/thumbnails/12.jpg)
![Page 13: WordCamp Las Vegas Site Architecture & Branding](https://reader034.fdocuments.in/reader034/viewer/2022042814/555a385ad8b42ae1398b485e/html5/thumbnails/13.jpg)
Mobile users
![Page 14: WordCamp Las Vegas Site Architecture & Branding](https://reader034.fdocuments.in/reader034/viewer/2022042814/555a385ad8b42ae1398b485e/html5/thumbnails/14.jpg)
Mobile users
![Page 15: WordCamp Las Vegas Site Architecture & Branding](https://reader034.fdocuments.in/reader034/viewer/2022042814/555a385ad8b42ae1398b485e/html5/thumbnails/15.jpg)
Step 3
Define “success points” on your site
![Page 16: WordCamp Las Vegas Site Architecture & Branding](https://reader034.fdocuments.in/reader034/viewer/2022042814/555a385ad8b42ae1398b485e/html5/thumbnails/16.jpg)
Mobile usersHelp beacon
![Page 17: WordCamp Las Vegas Site Architecture & Branding](https://reader034.fdocuments.in/reader034/viewer/2022042814/555a385ad8b42ae1398b485e/html5/thumbnails/17.jpg)
Step 4
Create a “Path to Buy”
![Page 18: WordCamp Las Vegas Site Architecture & Branding](https://reader034.fdocuments.in/reader034/viewer/2022042814/555a385ad8b42ae1398b485e/html5/thumbnails/18.jpg)
The Four Questions
• Why do I want crap?
• Why do I want *your* crap?
• What’s the process to get your crap?
• Give me crap
![Page 19: WordCamp Las Vegas Site Architecture & Branding](https://reader034.fdocuments.in/reader034/viewer/2022042814/555a385ad8b42ae1398b485e/html5/thumbnails/19.jpg)
Mobile usersHelp beacon
![Page 20: WordCamp Las Vegas Site Architecture & Branding](https://reader034.fdocuments.in/reader034/viewer/2022042814/555a385ad8b42ae1398b485e/html5/thumbnails/20.jpg)
Step 5
Revel in Sitemap. Go get ice cream.
![Page 21: WordCamp Las Vegas Site Architecture & Branding](https://reader034.fdocuments.in/reader034/viewer/2022042814/555a385ad8b42ae1398b485e/html5/thumbnails/21.jpg)
Actual Step 5
Find the overlaps
![Page 22: WordCamp Las Vegas Site Architecture & Branding](https://reader034.fdocuments.in/reader034/viewer/2022042814/555a385ad8b42ae1398b485e/html5/thumbnails/22.jpg)
![Page 23: WordCamp Las Vegas Site Architecture & Branding](https://reader034.fdocuments.in/reader034/viewer/2022042814/555a385ad8b42ae1398b485e/html5/thumbnails/23.jpg)
Step 6
Simplify the wireframe.
• What’s important• What’s expected
![Page 24: WordCamp Las Vegas Site Architecture & Branding](https://reader034.fdocuments.in/reader034/viewer/2022042814/555a385ad8b42ae1398b485e/html5/thumbnails/24.jpg)
Who Needs Superheroes? Why Superman Services Contact
For citizens Help Services Contact FormFor Gov’t Agencies Corporate Accounts Appt Sched.For Schools Superman Foundation Press
Blog
Union Screw You Page
Homepage
Marketing message, calloutsReturn clients, govt agencies, fellow superheros, career day organizers, friends & family, competitors
![Page 25: WordCamp Las Vegas Site Architecture & Branding](https://reader034.fdocuments.in/reader034/viewer/2022042814/555a385ad8b42ae1398b485e/html5/thumbnails/25.jpg)
Determine
• What’s copy• What’s graphic• What functions can I use a plugin for?• What should I relegate to sidebar
(primary vs secondary)
![Page 26: WordCamp Las Vegas Site Architecture & Branding](https://reader034.fdocuments.in/reader034/viewer/2022042814/555a385ad8b42ae1398b485e/html5/thumbnails/26.jpg)
What’s Missing
• About me pages• Testimonials• Cute Puppies• Vague, unhelpful titles• Picture/video pages• Advertising• Roadblocks
![Page 27: WordCamp Las Vegas Site Architecture & Branding](https://reader034.fdocuments.in/reader034/viewer/2022042814/555a385ad8b42ae1398b485e/html5/thumbnails/27.jpg)
What *is* There
• Fewer pages• Less copy• Multiple Entry Points• Icons, Graphics, visualizations• Clear Branding• Calls to Action • (what does the user do next?)
![Page 28: WordCamp Las Vegas Site Architecture & Branding](https://reader034.fdocuments.in/reader034/viewer/2022042814/555a385ad8b42ae1398b485e/html5/thumbnails/28.jpg)
Use Your Tools
• Sidebars• Footers• Title/Descriptions• Author Display• Dynamic Content Gallery• Gravity Forms• Quotations Plugin
![Page 29: WordCamp Las Vegas Site Architecture & Branding](https://reader034.fdocuments.in/reader034/viewer/2022042814/555a385ad8b42ae1398b485e/html5/thumbnails/29.jpg)
Step 7
NOW, enter the design processMarry design to mission statement
![Page 30: WordCamp Las Vegas Site Architecture & Branding](https://reader034.fdocuments.in/reader034/viewer/2022042814/555a385ad8b42ae1398b485e/html5/thumbnails/30.jpg)
![Page 31: WordCamp Las Vegas Site Architecture & Branding](https://reader034.fdocuments.in/reader034/viewer/2022042814/555a385ad8b42ae1398b485e/html5/thumbnails/31.jpg)
Consider
• What is the brand imparting? (not what you like, even if you are the brand)
• Restaurants• Preschools• Clothing
![Page 32: WordCamp Las Vegas Site Architecture & Branding](https://reader034.fdocuments.in/reader034/viewer/2022042814/555a385ad8b42ae1398b485e/html5/thumbnails/32.jpg)
![Page 33: WordCamp Las Vegas Site Architecture & Branding](https://reader034.fdocuments.in/reader034/viewer/2022042814/555a385ad8b42ae1398b485e/html5/thumbnails/33.jpg)
![Page 34: WordCamp Las Vegas Site Architecture & Branding](https://reader034.fdocuments.in/reader034/viewer/2022042814/555a385ad8b42ae1398b485e/html5/thumbnails/34.jpg)
![Page 35: WordCamp Las Vegas Site Architecture & Branding](https://reader034.fdocuments.in/reader034/viewer/2022042814/555a385ad8b42ae1398b485e/html5/thumbnails/35.jpg)
![Page 36: WordCamp Las Vegas Site Architecture & Branding](https://reader034.fdocuments.in/reader034/viewer/2022042814/555a385ad8b42ae1398b485e/html5/thumbnails/36.jpg)
![Page 37: WordCamp Las Vegas Site Architecture & Branding](https://reader034.fdocuments.in/reader034/viewer/2022042814/555a385ad8b42ae1398b485e/html5/thumbnails/37.jpg)
![Page 38: WordCamp Las Vegas Site Architecture & Branding](https://reader034.fdocuments.in/reader034/viewer/2022042814/555a385ad8b42ae1398b485e/html5/thumbnails/38.jpg)
Testing is Never Done
testtesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttest
test testtesttesttesttesttesttest
& Don’t ask dumbass questions
![Page 39: WordCamp Las Vegas Site Architecture & Branding](https://reader034.fdocuments.in/reader034/viewer/2022042814/555a385ad8b42ae1398b485e/html5/thumbnails/39.jpg)
Examples of Dumbass Questions
• What do you think of this? • Do you like this?• Does this feel ______ to you?• Does this seem professional?
![Page 40: WordCamp Las Vegas Site Architecture & Branding](https://reader034.fdocuments.in/reader034/viewer/2022042814/555a385ad8b42ae1398b485e/html5/thumbnails/40.jpg)
Un – Dumbass, Qualitative, Objective Questions
• What does this person do? • What are some words that come to
mind when you see this?• What should you do first?• What is the first thing you notice?
![Page 41: WordCamp Las Vegas Site Architecture & Branding](https://reader034.fdocuments.in/reader034/viewer/2022042814/555a385ad8b42ae1398b485e/html5/thumbnails/41.jpg)
Measure, then test again
Google Analytics is *AWESOME*
![Page 42: WordCamp Las Vegas Site Architecture & Branding](https://reader034.fdocuments.in/reader034/viewer/2022042814/555a385ad8b42ae1398b485e/html5/thumbnails/42.jpg)
Mobile usersHelp beacon
![Page 43: WordCamp Las Vegas Site Architecture & Branding](https://reader034.fdocuments.in/reader034/viewer/2022042814/555a385ad8b42ae1398b485e/html5/thumbnails/43.jpg)
Who Needs Superheroes? Why Superman Services Contact
For citizens Help Services Contact FormFor Gov’t Agencies Corporate Accounts Appt Sched.For Schools Superman Foundation Press
Blog
Union Screw You Page
Homepage
Marketing message, calloutsReturn clients, govt agencies, fellow superheros, career day organizers, friends & family, competitors
![Page 44: WordCamp Las Vegas Site Architecture & Branding](https://reader034.fdocuments.in/reader034/viewer/2022042814/555a385ad8b42ae1398b485e/html5/thumbnails/44.jpg)
![Page 45: WordCamp Las Vegas Site Architecture & Branding](https://reader034.fdocuments.in/reader034/viewer/2022042814/555a385ad8b42ae1398b485e/html5/thumbnails/45.jpg)
![Page 46: WordCamp Las Vegas Site Architecture & Branding](https://reader034.fdocuments.in/reader034/viewer/2022042814/555a385ad8b42ae1398b485e/html5/thumbnails/46.jpg)
![Page 47: WordCamp Las Vegas Site Architecture & Branding](https://reader034.fdocuments.in/reader034/viewer/2022042814/555a385ad8b42ae1398b485e/html5/thumbnails/47.jpg)
![Page 48: WordCamp Las Vegas Site Architecture & Branding](https://reader034.fdocuments.in/reader034/viewer/2022042814/555a385ad8b42ae1398b485e/html5/thumbnails/48.jpg)
![Page 49: WordCamp Las Vegas Site Architecture & Branding](https://reader034.fdocuments.in/reader034/viewer/2022042814/555a385ad8b42ae1398b485e/html5/thumbnails/49.jpg)
On behalf of myself and #clementinethedoberman, we thank
you and remind you to be a good canine citizen
@amandablum [email protected] slideshare.net/hzp