SlideShare une entreprise Scribd logo
1  sur  60
The Web Farm ,[object Object]
Hi, I’m Emily Lonigro ,[object Object],[object Object]
Overview ,[object Object],[object Object],[object Object],[object Object],[object Object]
Big problems ,[object Object],[object Object],[object Object],[object Object],[object Object]
Specific to Nonprofits ,[object Object],[object Object],[object Object],[object Object],[object Object]
Why are these big problems? ,[object Object],[object Object],[object Object]
How to fix these problems ,[object Object],[object Object],[object Object],[object Object],[object Object]
Your Audiences ,[object Object],[object Object],[object Object]
Thinking about customers ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
 
Let’s do some user testing now
Audiences Audience Need Solution Utility Ongoing
GOALS, goals and more goals PAGE ACTION GOAL HOW HOME sign up for newsletter fill out sub request pop-out window with info ABOUT connect on linked in click on a button headlines, subheads, bullet copy SERVICES email quote request big, huge button to form page great copy, before & after, list of services
What’s really cool about this
Example
Usability rationale ,[object Object],[object Object],[object Object],[object Object],[object Object]
 
Usability best practices ,[object Object],This is a headline This is a subhead And some body copy CALL TO ACTION
Usability best practices ,[object Object],[object Object],[object Object],[object Object]
Usability best practices ,[object Object],[object Object]
Usability Best Practices ,[object Object],[object Object],[object Object]
Usability best practices ,[object Object],[object Object],[object Object],[object Object],[object Object]
[object Object],[object Object]
Usability best practices ,[object Object],[object Object]
Purpose of your homepage ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Content structure ,[object Object],[object Object],[object Object],[object Object]
How does this content and usability stuff fit into design? ,[object Object],[object Object],[object Object],[object Object]
Design best practices ,[object Object],[object Object]
Design best practices ,[object Object],[object Object],[object Object],[object Object],[object Object]
Design best practices ,[object Object],[object Object],[object Object],[object Object]
Design best practices ,[object Object],[object Object],[object Object],[object Object]
Design best practices ,[object Object],[object Object]
Let’s make some wireframes. ,[object Object],[object Object],[object Object]
Let’s start designing!
Leave design to the professionals Would you hire your neighbor to build you a house because he likes to tinker around in the garage? No.
Word list ,[object Object],[object Object],[object Object]
Sally’s great word list ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Image search ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Sally’s Moodboard
Sally’s Design concepts
Sally’s Website
 
 
 
 
Color palettes ,[object Object]
Recap: steps to redesign ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Advanced topics - web analytics ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Advanced topics -  multivariate testing ,[object Object],Headline one Headline two Headline three GO SUMBIT SEND +
 
 
 
Why testing is hard ,[object Object],IT Dept says: You want to put CODE on MY pages? No way.  Designer says: My design is rock solid. You’re an idiot and don’t know anything about design. Marketing says: I know what I’m doing. You want to prove me wrong? No way! So present it to the BOSS:  Long term, we can make more money/get more signups/ for a minimum cost. It’s stupid not to do it. Oh, and the utility is free.
Advanced topics: SEO ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Resources ,[object Object],[object Object],[object Object],[object Object]
 
 
 
 
 

Contenu connexe

Tendances

Little Things Make a Big Differece
Little Things Make a Big DiffereceLittle Things Make a Big Differece
Little Things Make a Big DiffereceMichelle Ames
 
The Little Things Make a Difference
The Little Things Make a DifferenceThe Little Things Make a Difference
The Little Things Make a DifferenceMichelle Ames
 
WordPress for Small Businesses, from WordCampNYC
WordPress for Small Businesses, from WordCampNYCWordPress for Small Businesses, from WordCampNYC
WordPress for Small Businesses, from WordCampNYCJacqueline DeVito
 
Little Things Make a Big Difference
Little Things Make a Big DifferenceLittle Things Make a Big Difference
Little Things Make a Big DifferenceMichelle Ames
 
It's the Little Things that Make a Difference
It's the Little Things that Make a DifferenceIt's the Little Things that Make a Difference
It's the Little Things that Make a DifferenceMichelle Ames
 
Take Control of Your Site w/ WordPress
Take Control of Your Site w/ WordPressTake Control of Your Site w/ WordPress
Take Control of Your Site w/ WordPressBecky Davis
 
Facebook Fundamentals for Business
Facebook Fundamentals for BusinessFacebook Fundamentals for Business
Facebook Fundamentals for BusinessCari Sultanik
 
What I've Learned from 10 Years of SEO
What I've Learned from 10 Years of SEOWhat I've Learned from 10 Years of SEO
What I've Learned from 10 Years of SEOKevin Gibbons
 
Jane_clark_pres2016_FUP_web
Jane_clark_pres2016_FUP_webJane_clark_pres2016_FUP_web
Jane_clark_pres2016_FUP_webJane Clark
 
The website business! agr 399
The website business!   agr 399The website business!   agr 399
The website business! agr 399summerdaze
 
6 Key Principles Of Making A Web Design
6 Key Principles Of Making A Web Design6 Key Principles Of Making A Web Design
6 Key Principles Of Making A Web DesignClippingimages
 
Website designing company in delhi
Website designing company in delhiWebsite designing company in delhi
Website designing company in delhiCss Founder
 
Exposure=Imapact: Library Marketing, Promotion and Branding
Exposure=Imapact: Library Marketing, Promotion and BrandingExposure=Imapact: Library Marketing, Promotion and Branding
Exposure=Imapact: Library Marketing, Promotion and BrandingRene Erlandson
 

Tendances (16)

Little Things Make a Big Differece
Little Things Make a Big DiffereceLittle Things Make a Big Differece
Little Things Make a Big Differece
 
Portfolio/Test
Portfolio/TestPortfolio/Test
Portfolio/Test
 
The Little Things Make a Difference
The Little Things Make a DifferenceThe Little Things Make a Difference
The Little Things Make a Difference
 
WordPress for Small Businesses, from WordCampNYC
WordPress for Small Businesses, from WordCampNYCWordPress for Small Businesses, from WordCampNYC
WordPress for Small Businesses, from WordCampNYC
 
Little Things Make a Big Difference
Little Things Make a Big DifferenceLittle Things Make a Big Difference
Little Things Make a Big Difference
 
It's the Little Things that Make a Difference
It's the Little Things that Make a DifferenceIt's the Little Things that Make a Difference
It's the Little Things that Make a Difference
 
Take Control of Your Site w/ WordPress
Take Control of Your Site w/ WordPressTake Control of Your Site w/ WordPress
Take Control of Your Site w/ WordPress
 
Poster assignment - PR
Poster assignment - PRPoster assignment - PR
Poster assignment - PR
 
Facebook Fundamentals for Business
Facebook Fundamentals for BusinessFacebook Fundamentals for Business
Facebook Fundamentals for Business
 
What I've Learned from 10 Years of SEO
What I've Learned from 10 Years of SEOWhat I've Learned from 10 Years of SEO
What I've Learned from 10 Years of SEO
 
Camping Presentation
Camping PresentationCamping Presentation
Camping Presentation
 
Jane_clark_pres2016_FUP_web
Jane_clark_pres2016_FUP_webJane_clark_pres2016_FUP_web
Jane_clark_pres2016_FUP_web
 
The website business! agr 399
The website business!   agr 399The website business!   agr 399
The website business! agr 399
 
6 Key Principles Of Making A Web Design
6 Key Principles Of Making A Web Design6 Key Principles Of Making A Web Design
6 Key Principles Of Making A Web Design
 
Website designing company in delhi
Website designing company in delhiWebsite designing company in delhi
Website designing company in delhi
 
Exposure=Imapact: Library Marketing, Promotion and Branding
Exposure=Imapact: Library Marketing, Promotion and BrandingExposure=Imapact: Library Marketing, Promotion and Branding
Exposure=Imapact: Library Marketing, Promotion and Branding
 

Similaire à Twf homepagedesign sb_okey

Web Design & Internet Marketing Basics - Brody Dorland, Something Creative, Inc.
Web Design & Internet Marketing Basics - Brody Dorland, Something Creative, Inc.Web Design & Internet Marketing Basics - Brody Dorland, Something Creative, Inc.
Web Design & Internet Marketing Basics - Brody Dorland, Something Creative, Inc.Brody Dorland
 
Designbriefing
DesignbriefingDesignbriefing
DesignbriefingOnno Groen
 
Web Fundamentals
Web FundamentalsWeb Fundamentals
Web Fundamentalsjamescope
 
Taking it to Amazon and the 'Big Boys': How your Bookstore can compete in the...
Taking it to Amazon and the 'Big Boys': How your Bookstore can compete in the...Taking it to Amazon and the 'Big Boys': How your Bookstore can compete in the...
Taking it to Amazon and the 'Big Boys': How your Bookstore can compete in the...Clayton Wehner
 
Design for Product Managers
Design for Product ManagersDesign for Product Managers
Design for Product ManagersChristina Wodtke
 
Dynamic Shopping–Content Conversion Analytics
Dynamic Shopping–Content Conversion AnalyticsDynamic Shopping–Content Conversion Analytics
Dynamic Shopping–Content Conversion AnalyticsAffiliate Summit
 
Web Marketing Week4
Web Marketing Week4Web Marketing Week4
Web Marketing Week4cghb1210
 
Everything You Need to Know for a Better Website in 2014 | Crystal Olig | Oxi...
Everything You Need to Know for a Better Website in 2014 | Crystal Olig | Oxi...Everything You Need to Know for a Better Website in 2014 | Crystal Olig | Oxi...
Everything You Need to Know for a Better Website in 2014 | Crystal Olig | Oxi...Lessing-Flynn
 
Designing better web hosting sites
Designing better web hosting sitesDesigning better web hosting sites
Designing better web hosting sitesheartinternet
 
Creating a Website For Your Business
Creating a Website For Your BusinessCreating a Website For Your Business
Creating a Website For Your BusinessClayton Wehner
 
Making Your Website Sing!
Making Your Website Sing!Making Your Website Sing!
Making Your Website Sing!Embolden
 
Making Your Website Sing!
Making Your Website Sing!Making Your Website Sing!
Making Your Website Sing!Embolden
 
Enhance website ROI through usability
Enhance website ROI through usabilityEnhance website ROI through usability
Enhance website ROI through usabilityAlterSage
 
eMarketing: a Strategic Approach
eMarketing: a Strategic ApproacheMarketing: a Strategic Approach
eMarketing: a Strategic Approachquirkemarketing
 
Recommendations for bettermeans.com
Recommendations for bettermeans.comRecommendations for bettermeans.com
Recommendations for bettermeans.comslideme52
 
Recommendations for bettermeans
Recommendations for bettermeans Recommendations for bettermeans
Recommendations for bettermeans Shereef Bishay
 
Web Optimization Playbook
Web Optimization PlaybookWeb Optimization Playbook
Web Optimization Playbookmtwocomms
 
Joomla Day Austin Part 1
Joomla Day Austin Part 1Joomla Day Austin Part 1
Joomla Day Austin Part 1Kyle Ledbetter
 
Website Planning 101 with Jen McKibben
Website Planning 101 with Jen McKibbenWebsite Planning 101 with Jen McKibben
Website Planning 101 with Jen McKibbenJohn Coonen
 

Similaire à Twf homepagedesign sb_okey (20)

Web Design & Internet Marketing Basics - Brody Dorland, Something Creative, Inc.
Web Design & Internet Marketing Basics - Brody Dorland, Something Creative, Inc.Web Design & Internet Marketing Basics - Brody Dorland, Something Creative, Inc.
Web Design & Internet Marketing Basics - Brody Dorland, Something Creative, Inc.
 
Designbriefing
DesignbriefingDesignbriefing
Designbriefing
 
Web Fundamentals
Web FundamentalsWeb Fundamentals
Web Fundamentals
 
Taking it to Amazon and the 'Big Boys': How your Bookstore can compete in the...
Taking it to Amazon and the 'Big Boys': How your Bookstore can compete in the...Taking it to Amazon and the 'Big Boys': How your Bookstore can compete in the...
Taking it to Amazon and the 'Big Boys': How your Bookstore can compete in the...
 
Website best-practices
Website best-practicesWebsite best-practices
Website best-practices
 
Design for Product Managers
Design for Product ManagersDesign for Product Managers
Design for Product Managers
 
Dynamic Shopping–Content Conversion Analytics
Dynamic Shopping–Content Conversion AnalyticsDynamic Shopping–Content Conversion Analytics
Dynamic Shopping–Content Conversion Analytics
 
Web Marketing Week4
Web Marketing Week4Web Marketing Week4
Web Marketing Week4
 
Everything You Need to Know for a Better Website in 2014 | Crystal Olig | Oxi...
Everything You Need to Know for a Better Website in 2014 | Crystal Olig | Oxi...Everything You Need to Know for a Better Website in 2014 | Crystal Olig | Oxi...
Everything You Need to Know for a Better Website in 2014 | Crystal Olig | Oxi...
 
Designing better web hosting sites
Designing better web hosting sitesDesigning better web hosting sites
Designing better web hosting sites
 
Creating a Website For Your Business
Creating a Website For Your BusinessCreating a Website For Your Business
Creating a Website For Your Business
 
Making Your Website Sing!
Making Your Website Sing!Making Your Website Sing!
Making Your Website Sing!
 
Making Your Website Sing!
Making Your Website Sing!Making Your Website Sing!
Making Your Website Sing!
 
Enhance website ROI through usability
Enhance website ROI through usabilityEnhance website ROI through usability
Enhance website ROI through usability
 
eMarketing: a Strategic Approach
eMarketing: a Strategic ApproacheMarketing: a Strategic Approach
eMarketing: a Strategic Approach
 
Recommendations for bettermeans.com
Recommendations for bettermeans.comRecommendations for bettermeans.com
Recommendations for bettermeans.com
 
Recommendations for bettermeans
Recommendations for bettermeans Recommendations for bettermeans
Recommendations for bettermeans
 
Web Optimization Playbook
Web Optimization PlaybookWeb Optimization Playbook
Web Optimization Playbook
 
Joomla Day Austin Part 1
Joomla Day Austin Part 1Joomla Day Austin Part 1
Joomla Day Austin Part 1
 
Website Planning 101 with Jen McKibben
Website Planning 101 with Jen McKibbenWebsite Planning 101 with Jen McKibben
Website Planning 101 with Jen McKibben
 

Dernier

How to use Ai for UX UI Design | ChatGPT
How to use Ai for UX UI Design | ChatGPTHow to use Ai for UX UI Design | ChatGPT
How to use Ai for UX UI Design | ChatGPTThink 360 Studio
 
Designing for privacy: 3 essential UX habits for product teams
Designing for privacy: 3 essential UX habits for product teamsDesigning for privacy: 3 essential UX habits for product teams
Designing for privacy: 3 essential UX habits for product teamsBlock Party
 
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptx
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptxWCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptx
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptxHasan S
 
Create Funeral Invites Online @ feedvu.com
Create Funeral Invites Online @ feedvu.comCreate Funeral Invites Online @ feedvu.com
Create Funeral Invites Online @ feedvu.comjakyjhon00
 
Construction Documents Checklist before Construction
Construction Documents Checklist before ConstructionConstruction Documents Checklist before Construction
Construction Documents Checklist before ConstructionResDraft
 
The future of UX design support tools - talk Paris March 2024
The future of UX design support tools - talk Paris March 2024The future of UX design support tools - talk Paris March 2024
The future of UX design support tools - talk Paris March 2024Alan Dix
 
Embroidery design from embroidery magazine
Embroidery design from embroidery magazineEmbroidery design from embroidery magazine
Embroidery design from embroidery magazineRivanEleraki
 
AMBER GRAIN EMBROIDERY | Growing folklore elements | Barbara Rakovska
AMBER GRAIN EMBROIDERY | Growing folklore elements | Barbara RakovskaAMBER GRAIN EMBROIDERY | Growing folklore elements | Barbara Rakovska
AMBER GRAIN EMBROIDERY | Growing folklore elements | Barbara RakovskaBarusRa
 
Unlocking Conversion_ The Art of Turning Visitors into Loyal Customers.pdf
Unlocking Conversion_ The Art of Turning Visitors into Loyal Customers.pdfUnlocking Conversion_ The Art of Turning Visitors into Loyal Customers.pdf
Unlocking Conversion_ The Art of Turning Visitors into Loyal Customers.pdfIBM
 
Math Group 3 Presentation OLOLOLOLILOOLLOLOL
Math Group 3 Presentation OLOLOLOLILOOLLOLOLMath Group 3 Presentation OLOLOLOLILOOLLOLOL
Math Group 3 Presentation OLOLOLOLILOOLLOLOLkenzukiri
 
Models of Disability - an overview by Marno Retief & Rantoa Letšosa
Models of Disability - an overview by Marno Retief & Rantoa LetšosaModels of Disability - an overview by Marno Retief & Rantoa Letšosa
Models of Disability - an overview by Marno Retief & Rantoa Letšosaannemarleenolthof1
 
UX Conference on UX Research Trends in 2024
UX Conference on UX Research Trends in 2024UX Conference on UX Research Trends in 2024
UX Conference on UX Research Trends in 2024mikailaoh
 
Design mental models for managing large-scale dbt projects. March 21, 2024 in...
Design mental models for managing large-scale dbt projects. March 21, 2024 in...Design mental models for managing large-scale dbt projects. March 21, 2024 in...
Design mental models for managing large-scale dbt projects. March 21, 2024 in...Ed Orozco
 
High-Quality Faux Embroidery Services | Cre8iveSkill
High-Quality Faux Embroidery Services | Cre8iveSkillHigh-Quality Faux Embroidery Services | Cre8iveSkill
High-Quality Faux Embroidery Services | Cre8iveSkillCre8iveskill
 
Khushi sharma undergraduate portfolio...
Khushi sharma undergraduate portfolio...Khushi sharma undergraduate portfolio...
Khushi sharma undergraduate portfolio...khushisharma298853
 
UI UX Process for SaaS Product Design Success
UI UX Process for SaaS Product Design SuccessUI UX Process for SaaS Product Design Success
UI UX Process for SaaS Product Design SuccessThink 360 Studio
 
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024Ted Drake
 
LRFD Bridge Design Specifications-AASHTO (2014).pdf
LRFD Bridge Design Specifications-AASHTO (2014).pdfLRFD Bridge Design Specifications-AASHTO (2014).pdf
LRFD Bridge Design Specifications-AASHTO (2014).pdfHctorFranciscoSnchez1
 

Dernier (18)

How to use Ai for UX UI Design | ChatGPT
How to use Ai for UX UI Design | ChatGPTHow to use Ai for UX UI Design | ChatGPT
How to use Ai for UX UI Design | ChatGPT
 
Designing for privacy: 3 essential UX habits for product teams
Designing for privacy: 3 essential UX habits for product teamsDesigning for privacy: 3 essential UX habits for product teams
Designing for privacy: 3 essential UX habits for product teams
 
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptx
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptxWCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptx
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptx
 
Create Funeral Invites Online @ feedvu.com
Create Funeral Invites Online @ feedvu.comCreate Funeral Invites Online @ feedvu.com
Create Funeral Invites Online @ feedvu.com
 
Construction Documents Checklist before Construction
Construction Documents Checklist before ConstructionConstruction Documents Checklist before Construction
Construction Documents Checklist before Construction
 
The future of UX design support tools - talk Paris March 2024
The future of UX design support tools - talk Paris March 2024The future of UX design support tools - talk Paris March 2024
The future of UX design support tools - talk Paris March 2024
 
Embroidery design from embroidery magazine
Embroidery design from embroidery magazineEmbroidery design from embroidery magazine
Embroidery design from embroidery magazine
 
AMBER GRAIN EMBROIDERY | Growing folklore elements | Barbara Rakovska
AMBER GRAIN EMBROIDERY | Growing folklore elements | Barbara RakovskaAMBER GRAIN EMBROIDERY | Growing folklore elements | Barbara Rakovska
AMBER GRAIN EMBROIDERY | Growing folklore elements | Barbara Rakovska
 
Unlocking Conversion_ The Art of Turning Visitors into Loyal Customers.pdf
Unlocking Conversion_ The Art of Turning Visitors into Loyal Customers.pdfUnlocking Conversion_ The Art of Turning Visitors into Loyal Customers.pdf
Unlocking Conversion_ The Art of Turning Visitors into Loyal Customers.pdf
 
Math Group 3 Presentation OLOLOLOLILOOLLOLOL
Math Group 3 Presentation OLOLOLOLILOOLLOLOLMath Group 3 Presentation OLOLOLOLILOOLLOLOL
Math Group 3 Presentation OLOLOLOLILOOLLOLOL
 
Models of Disability - an overview by Marno Retief & Rantoa Letšosa
Models of Disability - an overview by Marno Retief & Rantoa LetšosaModels of Disability - an overview by Marno Retief & Rantoa Letšosa
Models of Disability - an overview by Marno Retief & Rantoa Letšosa
 
UX Conference on UX Research Trends in 2024
UX Conference on UX Research Trends in 2024UX Conference on UX Research Trends in 2024
UX Conference on UX Research Trends in 2024
 
Design mental models for managing large-scale dbt projects. March 21, 2024 in...
Design mental models for managing large-scale dbt projects. March 21, 2024 in...Design mental models for managing large-scale dbt projects. March 21, 2024 in...
Design mental models for managing large-scale dbt projects. March 21, 2024 in...
 
High-Quality Faux Embroidery Services | Cre8iveSkill
High-Quality Faux Embroidery Services | Cre8iveSkillHigh-Quality Faux Embroidery Services | Cre8iveSkill
High-Quality Faux Embroidery Services | Cre8iveSkill
 
Khushi sharma undergraduate portfolio...
Khushi sharma undergraduate portfolio...Khushi sharma undergraduate portfolio...
Khushi sharma undergraduate portfolio...
 
UI UX Process for SaaS Product Design Success
UI UX Process for SaaS Product Design SuccessUI UX Process for SaaS Product Design Success
UI UX Process for SaaS Product Design Success
 
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024
 
LRFD Bridge Design Specifications-AASHTO (2014).pdf
LRFD Bridge Design Specifications-AASHTO (2014).pdfLRFD Bridge Design Specifications-AASHTO (2014).pdf
LRFD Bridge Design Specifications-AASHTO (2014).pdf
 

Twf homepagedesign sb_okey