1.
@michaelflint
03.20.14
Welcome!

2.
@michaelflint
03.20.14
Introduction
Michael Flint
Owner, Metropolis Creative in Boston
I have 3 kids
I like to brew beer and play hockey

3.
@michaelflint
03.20.14
Website design is process-based
1. Branding and Discovery
2. Architecture
3. Design
4. Technical (coding)
5. SEO and Social
6. Review

4.
@michaelflint
03.20.14
1. Branding and Discovery
All marketing materials tools
work together.
• Emails
• Social channels
• Printed materials
• Your staff
• Your office

5.
@michaelflint
03.20.14
1. Branding and Discovery
• Brand rediscovery/definition
• What are you really trying to do?
• Define target audience(s)
(prioritize them)
• Define your messaging for
each audience
• What is your UVP?
• Define your CTAs clearly
(and prioritize)
• Look at competitors
• Define technical functionality
• Lastly – what do you like visually?

6.
@michaelflint
03.20.14
2. Architecture: Sitemap

7.
@michaelflint
03.20.14
2. Architecture: Wireframe Sketches

8.
@michaelflint
03.20.14
3. Design
• Set the Brand
•Clean design
• Clear messaging
• Clear calls-to-action
• Great photography
• Use color intentionally

9.
@michaelflint
03.20.14
Before

10.
@michaelflint
03.20.14
After

11.
@michaelflint
03.20.14
Before

12.
@michaelflint
03.20.14
After

13.
@michaelflint
03.20.14
4. Development
• Involve the dev team from day one
•Lead with the concept, not the solution
•Discovery: include time to determine the best approach early
• CMS / platforms to consider
•Hosting: which host is right for you?
•Other tools / plugins: why reinvent the wheel?
• Responsive / mobile
•Prototypes &Staging
•Content entry: who and how?
•Testing, and launch

14.
@michaelflint
03.20.14
Published

15.
@michaelflint
03.20.14
Admin

16.
@michaelflint
03.20.14
5. SEO and Social
• Twitter, Facebook, and “more”
• Blogs, RSS, commenting
• Other social tools: Pinterest, Google Maps, Yelp
Social Engagement
• See my content: direct link to channel
•Subscribe to my channel: like, follow, subscribe
•Engage with me: retweet, comment

17.
@michaelflint
03.20.14
5. SEO and Social
S.E.O: Search Engine Optimization
1. What does Google want? Google wants what you want
2. Keywords are key phrases, so use them:
• in context
• consistently
• repetitively
• unique per page

18.
@michaelflint
03.20.14
5. SEO and Social: Key phrases
S.E.O. Technical Notes
• Domain name
• File names
• Page titles
• Headers
• Page content (and alt-tags)
• Meta description
• Links (in and out) with keywords

19.
@michaelflint
03.20.14
Thank you!