SlideShare uma empresa Scribd logo
1 de 19
@michaelflint
03.20.14
Welcome!
@michaelflint
03.20.14
Introduction
Michael Flint
Owner, Metropolis Creative in Boston
I have 3 kids
I like to brew beer and play hockey
@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
@michaelflint
03.20.14
1. Branding and Discovery
All marketing materials tools
work together.
• Emails
• Social channels
• Printed materials
• Your staff
• Your office
@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?
@michaelflint
03.20.14
2. Architecture: Sitemap
@michaelflint
03.20.14
2. Architecture: Wireframe Sketches
@michaelflint
03.20.14
3. Design
• Set the Brand
•Clean design
• Clear messaging
• Clear calls-to-action
• Great photography
• Use color intentionally
@michaelflint
03.20.14
Before
@michaelflint
03.20.14
After
@michaelflint
03.20.14
Before
@michaelflint
03.20.14
After
@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
@michaelflint
03.20.14
Published
@michaelflint
03.20.14
Admin
@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
@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
@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
@michaelflint
03.20.14
Thank you!

Mais conteúdo relacionado

Semelhante a Website Design Presentation at The Hawthorne Hotel 03-20-14

Intro to Delve - SPSATL 2016
Intro to Delve - SPSATL 2016Intro to Delve - SPSATL 2016
Intro to Delve - SPSATL 2016Michael Oryszak
 
Website Redesign Tips and Tricks
Website Redesign Tips and TricksWebsite Redesign Tips and Tricks
Website Redesign Tips and TricksMichael Flint
 
007 Tools Tips & Techniques
007 Tools Tips & Techniques007 Tools Tips & Techniques
007 Tools Tips & TechniquesTony King
 
Week 7 - Tutorial 4 - LinkedIn
Week 7 -  Tutorial 4 - LinkedInWeek 7 -  Tutorial 4 - LinkedIn
Week 7 - Tutorial 4 - LinkedInBonnieCheng25
 
Building Apps with Great Design
Building Apps with Great DesignBuilding Apps with Great Design
Building Apps with Great Designjaredbrown
 
The Ultimate Website Development Roadmap
The Ultimate Website Development RoadmapThe Ultimate Website Development Roadmap
The Ultimate Website Development RoadmapAdina Zaiontz
 
Frye_Kennedy_DMBS_PB1_2022-10.pptx
Frye_Kennedy_DMBS_PB1_2022-10.pptxFrye_Kennedy_DMBS_PB1_2022-10.pptx
Frye_Kennedy_DMBS_PB1_2022-10.pptxKennedyFrye1
 
從初心者到獨當一面 - User Researcher Journey Map
從初心者到獨當一面 - User Researcher Journey Map從初心者到獨當一面 - User Researcher Journey Map
從初心者到獨當一面 - User Researcher Journey Map悠識學院
 
Frye_Kennedy_DMBS_PB1_2022-10 2.pdf
Frye_Kennedy_DMBS_PB1_2022-10 2.pdfFrye_Kennedy_DMBS_PB1_2022-10 2.pdf
Frye_Kennedy_DMBS_PB1_2022-10 2.pdfKennedyFrye1
 
UX 101 presentation (IDC miLAB)
UX 101 presentation (IDC miLAB)UX 101 presentation (IDC miLAB)
UX 101 presentation (IDC miLAB)Boaz Rossano
 
Personal Brand Exploration - Cody Reeves
Personal Brand Exploration - Cody ReevesPersonal Brand Exploration - Cody Reeves
Personal Brand Exploration - Cody ReevesCodyReeves11
 
Lessons Learned from Responsive Design
Lessons Learned from Responsive DesignLessons Learned from Responsive Design
Lessons Learned from Responsive DesignCharity Dynamics
 
Inbound Marketing: Targeting The Buyer's Journey || Mimi An of HubSpot
Inbound Marketing: Targeting The Buyer's Journey || Mimi An of HubSpotInbound Marketing: Targeting The Buyer's Journey || Mimi An of HubSpot
Inbound Marketing: Targeting The Buyer's Journey || Mimi An of HubSpotBoca Raton HubSpot User Group
 
Solving the Planning Puzzle - Plan Your Next Project with Ease!
Solving the Planning Puzzle - Plan Your Next Project with Ease!Solving the Planning Puzzle - Plan Your Next Project with Ease!
Solving the Planning Puzzle - Plan Your Next Project with Ease!UXPA International
 
#SP24 #SP24S066 Before Uou Make Sharepoint Public
#SP24 #SP24S066 Before Uou Make Sharepoint Public#SP24 #SP24S066 Before Uou Make Sharepoint Public
#SP24 #SP24S066 Before Uou Make Sharepoint Publicdavidlozzi
 
Online Branding
Online BrandingOnline Branding
Online BrandingVbout.com
 
Grogan presentation9 15-10
Grogan presentation9 15-10Grogan presentation9 15-10
Grogan presentation9 15-10cgrogan
 

Semelhante a Website Design Presentation at The Hawthorne Hotel 03-20-14 (20)

Intro to Delve - SPSATL 2016
Intro to Delve - SPSATL 2016Intro to Delve - SPSATL 2016
Intro to Delve - SPSATL 2016
 
Website Redesign Tips and Tricks
Website Redesign Tips and TricksWebsite Redesign Tips and Tricks
Website Redesign Tips and Tricks
 
007 Tools Tips & Techniques
007 Tools Tips & Techniques007 Tools Tips & Techniques
007 Tools Tips & Techniques
 
Week 7 - Tutorial 4 - LinkedIn
Week 7 -  Tutorial 4 - LinkedInWeek 7 -  Tutorial 4 - LinkedIn
Week 7 - Tutorial 4 - LinkedIn
 
Building Apps with Great Design
Building Apps with Great DesignBuilding Apps with Great Design
Building Apps with Great Design
 
The Ultimate Website Development Roadmap
The Ultimate Website Development RoadmapThe Ultimate Website Development Roadmap
The Ultimate Website Development Roadmap
 
Frye_Kennedy_DMBS_PB1_2022-10.pptx
Frye_Kennedy_DMBS_PB1_2022-10.pptxFrye_Kennedy_DMBS_PB1_2022-10.pptx
Frye_Kennedy_DMBS_PB1_2022-10.pptx
 
從初心者到獨當一面 - User Researcher Journey Map
從初心者到獨當一面 - User Researcher Journey Map從初心者到獨當一面 - User Researcher Journey Map
從初心者到獨當一面 - User Researcher Journey Map
 
Frye_Kennedy_DMBS_PB1_2022-10 2.pdf
Frye_Kennedy_DMBS_PB1_2022-10 2.pdfFrye_Kennedy_DMBS_PB1_2022-10 2.pdf
Frye_Kennedy_DMBS_PB1_2022-10 2.pdf
 
UX 101 presentation (IDC miLAB)
UX 101 presentation (IDC miLAB)UX 101 presentation (IDC miLAB)
UX 101 presentation (IDC miLAB)
 
Understanding Your Project Before You Start
Understanding Your Project Before You StartUnderstanding Your Project Before You Start
Understanding Your Project Before You Start
 
Personal Brand Exploration - Cody Reeves
Personal Brand Exploration - Cody ReevesPersonal Brand Exploration - Cody Reeves
Personal Brand Exploration - Cody Reeves
 
The SharePoint Business Analyst Guide
The SharePoint Business Analyst GuideThe SharePoint Business Analyst Guide
The SharePoint Business Analyst Guide
 
Lessons Learned from Responsive Design
Lessons Learned from Responsive DesignLessons Learned from Responsive Design
Lessons Learned from Responsive Design
 
Inbound Marketing: Targeting The Buyer's Journey || Mimi An of HubSpot
Inbound Marketing: Targeting The Buyer's Journey || Mimi An of HubSpotInbound Marketing: Targeting The Buyer's Journey || Mimi An of HubSpot
Inbound Marketing: Targeting The Buyer's Journey || Mimi An of HubSpot
 
Solving the Planning Puzzle - Plan Your Next Project with Ease!
Solving the Planning Puzzle - Plan Your Next Project with Ease!Solving the Planning Puzzle - Plan Your Next Project with Ease!
Solving the Planning Puzzle - Plan Your Next Project with Ease!
 
SEMPO Cities KC
SEMPO Cities KCSEMPO Cities KC
SEMPO Cities KC
 
#SP24 #SP24S066 Before Uou Make Sharepoint Public
#SP24 #SP24S066 Before Uou Make Sharepoint Public#SP24 #SP24S066 Before Uou Make Sharepoint Public
#SP24 #SP24S066 Before Uou Make Sharepoint Public
 
Online Branding
Online BrandingOnline Branding
Online Branding
 
Grogan presentation9 15-10
Grogan presentation9 15-10Grogan presentation9 15-10
Grogan presentation9 15-10
 

Último

Optimizing Your Marketing with AI-Powered Prompts
Optimizing Your Marketing with AI-Powered PromptsOptimizing Your Marketing with AI-Powered Prompts
Optimizing Your Marketing with AI-Powered PromptsVbout.com
 
The 9th May Incident in Pakistan A Turning Point in History.pptx
The 9th May Incident in Pakistan A Turning Point in History.pptxThe 9th May Incident in Pakistan A Turning Point in History.pptx
The 9th May Incident in Pakistan A Turning Point in History.pptxelizabethella096
 
Mastering Affiliate Marketing: A Comprehensive Guide to Success
Mastering Affiliate Marketing: A Comprehensive Guide to SuccessMastering Affiliate Marketing: A Comprehensive Guide to Success
Mastering Affiliate Marketing: A Comprehensive Guide to SuccessAbdulsamad Lukman
 
Resumé Karina Perez | Digital Strategist
Resumé Karina Perez | Digital StrategistResumé Karina Perez | Digital Strategist
Resumé Karina Perez | Digital StrategistKarina Perez
 
SALES-PITCH-an-introduction-to-sales.pptx
SALES-PITCH-an-introduction-to-sales.pptxSALES-PITCH-an-introduction-to-sales.pptx
SALES-PITCH-an-introduction-to-sales.pptx23397013
 
Digital-Marketing-Into-by-Zoraiz-Ahmad.pptx
Digital-Marketing-Into-by-Zoraiz-Ahmad.pptxDigital-Marketing-Into-by-Zoraiz-Ahmad.pptx
Digital-Marketing-Into-by-Zoraiz-Ahmad.pptxZACGaming
 
Elevate Your Advertising Game: Introducing Billion Broadcaster Lift Advertising
Elevate Your Advertising Game: Introducing Billion Broadcaster Lift AdvertisingElevate Your Advertising Game: Introducing Billion Broadcaster Lift Advertising
Elevate Your Advertising Game: Introducing Billion Broadcaster Lift AdvertisingVikasYadav194549
 
Tata Punch brochure with complete detail of all the variants
Tata Punch brochure with complete detail of all the variantsTata Punch brochure with complete detail of all the variants
Tata Punch brochure with complete detail of all the variantsRiteshVishambhari
 
Elevating Your Digital Presence by Evitha.pdf
Elevating Your Digital Presence by Evitha.pdfElevating Your Digital Presence by Evitha.pdf
Elevating Your Digital Presence by Evitha.pdfevithatojoparel
 
Unveiling the Legacy of the Rosetta stone A Key to Ancient Knowledge.pptx
Unveiling the Legacy of the Rosetta stone A Key to Ancient Knowledge.pptxUnveiling the Legacy of the Rosetta stone A Key to Ancient Knowledge.pptx
Unveiling the Legacy of the Rosetta stone A Key to Ancient Knowledge.pptxelizabethella096
 
Hannah Brady - Powering Up Your Brand with Content @ Force24 All leads
Hannah Brady - Powering Up Your Brand with Content @ Force24 All leadsHannah Brady - Powering Up Your Brand with Content @ Force24 All leads
Hannah Brady - Powering Up Your Brand with Content @ Force24 All leadsHannahBrady19
 
Distribution Ad Platform_ The Role of Distribution Ad Network.pdf
Distribution Ad Platform_ The Role of  Distribution Ad Network.pdfDistribution Ad Platform_ The Role of  Distribution Ad Network.pdf
Distribution Ad Platform_ The Role of Distribution Ad Network.pdfTransports Advertising
 
Instant Digital Issuance: An Overview With Critical First Touch Best Practices
Instant Digital Issuance: An Overview With Critical First Touch Best PracticesInstant Digital Issuance: An Overview With Critical First Touch Best Practices
Instant Digital Issuance: An Overview With Critical First Touch Best PracticesMedia Logic
 
Press Release Distribution Evolving with Digital Trends.pdf
Press Release Distribution Evolving with Digital Trends.pdfPress Release Distribution Evolving with Digital Trends.pdf
Press Release Distribution Evolving with Digital Trends.pdfPR Wires
 
Unlocking the Mystery of the Voynich Manuscript
Unlocking the Mystery of the Voynich ManuscriptUnlocking the Mystery of the Voynich Manuscript
Unlocking the Mystery of the Voynich Manuscriptelizabethella096
 
Micro-Choices, Max Impact Personalizing Your Journey, One Moment at a Time.pdf
Micro-Choices, Max Impact Personalizing Your Journey, One Moment at a Time.pdfMicro-Choices, Max Impact Personalizing Your Journey, One Moment at a Time.pdf
Micro-Choices, Max Impact Personalizing Your Journey, One Moment at a Time.pdfPiyush Kumar
 
How consumers use technology and the impacts on their lives
How consumers use technology and the impacts on their livesHow consumers use technology and the impacts on their lives
How consumers use technology and the impacts on their livesMathuraa
 
Best 5 Graphics Designing Course In Chandigarh
Best 5 Graphics Designing Course In ChandigarhBest 5 Graphics Designing Course In Chandigarh
Best 5 Graphics Designing Course In Chandigarhhamitthakurdma01
 
Social Media Marketing Portfolio - Maharsh Benday
Social Media Marketing Portfolio - Maharsh BendaySocial Media Marketing Portfolio - Maharsh Benday
Social Media Marketing Portfolio - Maharsh BendayMaharshBenday
 

Último (20)

Optimizing Your Marketing with AI-Powered Prompts
Optimizing Your Marketing with AI-Powered PromptsOptimizing Your Marketing with AI-Powered Prompts
Optimizing Your Marketing with AI-Powered Prompts
 
The 9th May Incident in Pakistan A Turning Point in History.pptx
The 9th May Incident in Pakistan A Turning Point in History.pptxThe 9th May Incident in Pakistan A Turning Point in History.pptx
The 9th May Incident in Pakistan A Turning Point in History.pptx
 
Mastering Affiliate Marketing: A Comprehensive Guide to Success
Mastering Affiliate Marketing: A Comprehensive Guide to SuccessMastering Affiliate Marketing: A Comprehensive Guide to Success
Mastering Affiliate Marketing: A Comprehensive Guide to Success
 
Resumé Karina Perez | Digital Strategist
Resumé Karina Perez | Digital StrategistResumé Karina Perez | Digital Strategist
Resumé Karina Perez | Digital Strategist
 
SALES-PITCH-an-introduction-to-sales.pptx
SALES-PITCH-an-introduction-to-sales.pptxSALES-PITCH-an-introduction-to-sales.pptx
SALES-PITCH-an-introduction-to-sales.pptx
 
Digital-Marketing-Into-by-Zoraiz-Ahmad.pptx
Digital-Marketing-Into-by-Zoraiz-Ahmad.pptxDigital-Marketing-Into-by-Zoraiz-Ahmad.pptx
Digital-Marketing-Into-by-Zoraiz-Ahmad.pptx
 
Elevate Your Advertising Game: Introducing Billion Broadcaster Lift Advertising
Elevate Your Advertising Game: Introducing Billion Broadcaster Lift AdvertisingElevate Your Advertising Game: Introducing Billion Broadcaster Lift Advertising
Elevate Your Advertising Game: Introducing Billion Broadcaster Lift Advertising
 
4 TRIK CARA MENGGUGURKAN JANIN ATAU ABORSI KANDUNGAN
4 TRIK CARA MENGGUGURKAN JANIN ATAU ABORSI KANDUNGAN4 TRIK CARA MENGGUGURKAN JANIN ATAU ABORSI KANDUNGAN
4 TRIK CARA MENGGUGURKAN JANIN ATAU ABORSI KANDUNGAN
 
Tata Punch brochure with complete detail of all the variants
Tata Punch brochure with complete detail of all the variantsTata Punch brochure with complete detail of all the variants
Tata Punch brochure with complete detail of all the variants
 
Elevating Your Digital Presence by Evitha.pdf
Elevating Your Digital Presence by Evitha.pdfElevating Your Digital Presence by Evitha.pdf
Elevating Your Digital Presence by Evitha.pdf
 
Unveiling the Legacy of the Rosetta stone A Key to Ancient Knowledge.pptx
Unveiling the Legacy of the Rosetta stone A Key to Ancient Knowledge.pptxUnveiling the Legacy of the Rosetta stone A Key to Ancient Knowledge.pptx
Unveiling the Legacy of the Rosetta stone A Key to Ancient Knowledge.pptx
 
Hannah Brady - Powering Up Your Brand with Content @ Force24 All leads
Hannah Brady - Powering Up Your Brand with Content @ Force24 All leadsHannah Brady - Powering Up Your Brand with Content @ Force24 All leads
Hannah Brady - Powering Up Your Brand with Content @ Force24 All leads
 
Distribution Ad Platform_ The Role of Distribution Ad Network.pdf
Distribution Ad Platform_ The Role of  Distribution Ad Network.pdfDistribution Ad Platform_ The Role of  Distribution Ad Network.pdf
Distribution Ad Platform_ The Role of Distribution Ad Network.pdf
 
Instant Digital Issuance: An Overview With Critical First Touch Best Practices
Instant Digital Issuance: An Overview With Critical First Touch Best PracticesInstant Digital Issuance: An Overview With Critical First Touch Best Practices
Instant Digital Issuance: An Overview With Critical First Touch Best Practices
 
Press Release Distribution Evolving with Digital Trends.pdf
Press Release Distribution Evolving with Digital Trends.pdfPress Release Distribution Evolving with Digital Trends.pdf
Press Release Distribution Evolving with Digital Trends.pdf
 
Unlocking the Mystery of the Voynich Manuscript
Unlocking the Mystery of the Voynich ManuscriptUnlocking the Mystery of the Voynich Manuscript
Unlocking the Mystery of the Voynich Manuscript
 
Micro-Choices, Max Impact Personalizing Your Journey, One Moment at a Time.pdf
Micro-Choices, Max Impact Personalizing Your Journey, One Moment at a Time.pdfMicro-Choices, Max Impact Personalizing Your Journey, One Moment at a Time.pdf
Micro-Choices, Max Impact Personalizing Your Journey, One Moment at a Time.pdf
 
How consumers use technology and the impacts on their lives
How consumers use technology and the impacts on their livesHow consumers use technology and the impacts on their lives
How consumers use technology and the impacts on their lives
 
Best 5 Graphics Designing Course In Chandigarh
Best 5 Graphics Designing Course In ChandigarhBest 5 Graphics Designing Course In Chandigarh
Best 5 Graphics Designing Course In Chandigarh
 
Social Media Marketing Portfolio - Maharsh Benday
Social Media Marketing Portfolio - Maharsh BendaySocial Media Marketing Portfolio - Maharsh Benday
Social Media Marketing Portfolio - Maharsh Benday
 

Website Design Presentation at The Hawthorne Hotel 03-20-14