the website owner's guide to working with web designers
DESCRIPTION
Presentation for Wordcamp Seattle 2013. A checklist of what website owners need to consider when working with web designers, from choosing the right designer to what they'll need to provide during the process.TRANSCRIPT
![Page 1: The Website Owner's Guide To Working With Web Designers](https://reader033.vdocument.in/reader033/viewer/2022061222/54c15e904a7959a9398b4595/html5/thumbnails/1.jpg)
The
Website Owner’s Guide To Working With Web Designers by
@KaneJamison
#wcsea hmny.co/GTWWWD
![Page 2: The Website Owner's Guide To Working With Web Designers](https://reader033.vdocument.in/reader033/viewer/2022061222/54c15e904a7959a9398b4595/html5/thumbnails/2.jpg)
What To Expect When You’re Expecting A Website:A Website Owner’s Guide to Working With Web Designers
@KaneJamison#wcsea hmny.co/GTWWWD
![Page 3: The Website Owner's Guide To Working With Web Designers](https://reader033.vdocument.in/reader033/viewer/2022061222/54c15e904a7959a9398b4595/html5/thumbnails/3.jpg)
Agenda
#wcsea
1 – Choosing The Right Designer.
@KaneJamisonhmny.co/GTWWWD
Let’s look at the pain points of web designfrom the client’s perspective:
![Page 4: The Website Owner's Guide To Working With Web Designers](https://reader033.vdocument.in/reader033/viewer/2022061222/54c15e904a7959a9398b4595/html5/thumbnails/4.jpg)
Agenda
#wcsea
1 – Choosing The Right Designer.
@KaneJamison
2 – What You Should Expect.
hmny.co/GTWWWD
Let’s look at the pain points of web designfrom the client’s perspective:
![Page 5: The Website Owner's Guide To Working With Web Designers](https://reader033.vdocument.in/reader033/viewer/2022061222/54c15e904a7959a9398b4595/html5/thumbnails/5.jpg)
Agenda
#wcsea
1 – Choosing The Right Designer.
@KaneJamison
2 – What You Should Expect.
3 – What You Need To Own.
hmny.co/GTWWWD
Let’s look at the pain points of web designfrom the client’s perspective:
![Page 6: The Website Owner's Guide To Working With Web Designers](https://reader033.vdocument.in/reader033/viewer/2022061222/54c15e904a7959a9398b4595/html5/thumbnails/6.jpg)
Agenda
#wcsea
1 – Choosing The Right Designer.
@KaneJamison
2 – What You Should Expect.
3 – What You Need To Own.
4 – What You Need To Provide.
hmny.co/GTWWWD
Let’s look at the pain points of web designfrom the client’s perspective:
![Page 7: The Website Owner's Guide To Working With Web Designers](https://reader033.vdocument.in/reader033/viewer/2022061222/54c15e904a7959a9398b4595/html5/thumbnails/7.jpg)
Agenda
#wcsea
1 – Choosing The Right Designer.
@KaneJamison
2 – What You Should Expect.
3 – What You Need To Own.
4 – What You Need To Provide.
5 – Tools For Communication.
hmny.co/GTWWWD
Let’s look at the pain points of web designfrom the client’s perspective:
![Page 8: The Website Owner's Guide To Working With Web Designers](https://reader033.vdocument.in/reader033/viewer/2022061222/54c15e904a7959a9398b4595/html5/thumbnails/8.jpg)
1/5 - Choosing A Designer
@KaneJamison#wcsea
3 Major Factors:
#1Purpose of
the Site?
#2Price, Speed, or Quality?
#3DesignStyle
hmny.co/GTWWWD
![Page 9: The Website Owner's Guide To Working With Web Designers](https://reader033.vdocument.in/reader033/viewer/2022061222/54c15e904a7959a9398b4595/html5/thumbnails/9.jpg)
1/5 - Choosing A Designer
@KaneJamison#wcsea
3 Major Factors:
#1Purpose of
the Site?
#2Price, Speed, or Quality?
#3DesignStyle
Figure out what you need.
hmny.co/GTWWWD
![Page 10: The Website Owner's Guide To Working With Web Designers](https://reader033.vdocument.in/reader033/viewer/2022061222/54c15e904a7959a9398b4595/html5/thumbnails/10.jpg)
1/5 - Choosing A Designer
@KaneJamison#wcsea
3 Major Factors:
#2Price, Speed, or Quality?
You’ll never get all 3, so pick 2 and try not to settle for
1.
#1Purpose of
the Site?
#3DesignStyle
hmny.co/GTWWWD
![Page 11: The Website Owner's Guide To Working With Web Designers](https://reader033.vdocument.in/reader033/viewer/2022061222/54c15e904a7959a9398b4595/html5/thumbnails/11.jpg)
1/5 - Choosing A Designer
@KaneJamison#wcsea
3 Major Factors:
#3DesignStyle
#1Purpose of
the Site?
#2Price, Speed, or Quality?
Their portfolio is the #1 way to judge
what you’re going to get.
hmny.co/GTWWWD
![Page 12: The Website Owner's Guide To Working With Web Designers](https://reader033.vdocument.in/reader033/viewer/2022061222/54c15e904a7959a9398b4595/html5/thumbnails/12.jpg)
1/5 - Choosing A Designer
@KaneJamison#wcsea
Questions You Should Ask:
#1 – What is their process?
hmny.co/GTWWWD
![Page 13: The Website Owner's Guide To Working With Web Designers](https://reader033.vdocument.in/reader033/viewer/2022061222/54c15e904a7959a9398b4595/html5/thumbnails/13.jpg)
1/5 - Choosing A Designer
@KaneJamison#wcsea
Questions You Should Ask:
#1 – What is their process?
#2 – What is their turnaround time?
hmny.co/GTWWWD
![Page 14: The Website Owner's Guide To Working With Web Designers](https://reader033.vdocument.in/reader033/viewer/2022061222/54c15e904a7959a9398b4595/html5/thumbnails/14.jpg)
1/5 - Choosing A Designer
@KaneJamison#wcsea
Questions You Should Ask:
#3 – What will they require from you?
hmny.co/GTWWWD
#1 – What is their process?
#2 – What is their turnaround time?
![Page 15: The Website Owner's Guide To Working With Web Designers](https://reader033.vdocument.in/reader033/viewer/2022061222/54c15e904a7959a9398b4595/html5/thumbnails/15.jpg)
1/5 - Choosing A Designer
@KaneJamison#wcsea
Questions You Should Ask:
#3 – What will they require from you?#4 – What type of software do they use?
hmny.co/GTWWWD
Pssst! The correct answer probably includes the word “Wordpress”
#1 – What is their process?
#2 – What is their turnaround time?
![Page 16: The Website Owner's Guide To Working With Web Designers](https://reader033.vdocument.in/reader033/viewer/2022061222/54c15e904a7959a9398b4595/html5/thumbnails/16.jpg)
@KaneJamison#wcsea
2/5 – What You Should Expect From The Designer
1 – Some sort of free consultation.
hmny.co/GTWWWD
Pre-Hire & Onboarding Phase:
![Page 17: The Website Owner's Guide To Working With Web Designers](https://reader033.vdocument.in/reader033/viewer/2022061222/54c15e904a7959a9398b4595/html5/thumbnails/17.jpg)
@KaneJamison#wcsea
2/5 – What You Should Expect From The Designer
1 – Some sort of free consultation.2 – Contract or Service Agreement.
hmny.co/GTWWWD
Pre-Hire & Onboarding Phase:
![Page 18: The Website Owner's Guide To Working With Web Designers](https://reader033.vdocument.in/reader033/viewer/2022061222/54c15e904a7959a9398b4595/html5/thumbnails/18.jpg)
@KaneJamison#wcsea
2/5 – What You Should Expect From The Designer
1 – Some sort of free consultation.
3 – Questionnaire.
2 – Contract or Service Agreement.
hmny.co/GTWWWD
Pre-Hire & Onboarding Phase:
![Page 19: The Website Owner's Guide To Working With Web Designers](https://reader033.vdocument.in/reader033/viewer/2022061222/54c15e904a7959a9398b4595/html5/thumbnails/19.jpg)
@KaneJamison#wcsea
2/5 – What You Should Expect From The Designer
1 – Some sort of free consultation.
3 – Questionnaire.
2 – Contract or Service Agreement.
hmny.co/GTWWWD
Pre-Hire & Onboarding Phase:
Build Out Phase…
![Page 20: The Website Owner's Guide To Working With Web Designers](https://reader033.vdocument.in/reader033/viewer/2022061222/54c15e904a7959a9398b4595/html5/thumbnails/20.jpg)
@KaneJamison#wcsea
2/5 – What You Should Expect From The Designer
1 – Some sort of free consultation.
3 – Questionnaire.
2 – Contract or Service Agreement.
hmny.co/GTWWWD
Pre-Hire & Onboarding Phase:
Build Out Phase…
5 – Testing.Launch Phase:
![Page 21: The Website Owner's Guide To Working With Web Designers](https://reader033.vdocument.in/reader033/viewer/2022061222/54c15e904a7959a9398b4595/html5/thumbnails/21.jpg)
@KaneJamison#wcsea
2/5 – What You Should Expect From The Designer
1 – Some sort of free consultation.
3 – Questionnaire.
2 – Contract or Service Agreement.
hmny.co/GTWWWD
Pre-Hire & Onboarding Phase:
Build Out Phase…
5 – Testing.Launch Phase:
6 – Proper Hand Off & Closure.
![Page 22: The Website Owner's Guide To Working With Web Designers](https://reader033.vdocument.in/reader033/viewer/2022061222/54c15e904a7959a9398b4595/html5/thumbnails/22.jpg)
@KaneJamison#wcsea
3/5 – What You Need To Own
hmny.co/GTWWWD
Please Please Please Own These:
#1The Domain
#2Google
Analytics
#3Hosting*
![Page 23: The Website Owner's Guide To Working With Web Designers](https://reader033.vdocument.in/reader033/viewer/2022061222/54c15e904a7959a9398b4595/html5/thumbnails/23.jpg)
@KaneJamison#wcsea
3/5 – What You Need To Own
hmny.co/GTWWWD
Please Please Please Own These:
#1The Domain
#2Google
Analytics
#3Hosting*
Register your own domain.This is your account, complete
with login and password.
![Page 24: The Website Owner's Guide To Working With Web Designers](https://reader033.vdocument.in/reader033/viewer/2022061222/54c15e904a7959a9398b4595/html5/thumbnails/24.jpg)
@KaneJamison#wcsea
3/5 – What You Need To Own
hmny.co/GTWWWD
Please Please Please Own These:
#1The Domain
#2Google
Analytics
#3Hosting*
Create your own account at Google.com/analytics using a
company email account, such [email protected]
![Page 25: The Website Owner's Guide To Working With Web Designers](https://reader033.vdocument.in/reader033/viewer/2022061222/54c15e904a7959a9398b4595/html5/thumbnails/25.jpg)
@KaneJamison#wcsea
3/5 – What You Need To Own
hmny.co/GTWWWD
Please Please Please Own These:
#1The Domain
#2Google
Analytics
#3Hosting*
*OK – hosting is less important – what you really have to own is
up-to-date site backups.
![Page 26: The Website Owner's Guide To Working With Web Designers](https://reader033.vdocument.in/reader033/viewer/2022061222/54c15e904a7959a9398b4595/html5/thumbnails/26.jpg)
@KaneJamison#wcsea
4/5 – What You Need To Provide
hmny.co/GTWWWD
It Takes Two:
#1 – Answers & Feedback
![Page 27: The Website Owner's Guide To Working With Web Designers](https://reader033.vdocument.in/reader033/viewer/2022061222/54c15e904a7959a9398b4595/html5/thumbnails/27.jpg)
@KaneJamison#wcsea
4/5 – What You Need To Provide
hmny.co/GTWWWD
It Takes Two:
#1 – Answers & Feedback
#2 – Examples & Ideas
![Page 28: The Website Owner's Guide To Working With Web Designers](https://reader033.vdocument.in/reader033/viewer/2022061222/54c15e904a7959a9398b4595/html5/thumbnails/28.jpg)
@KaneJamison#wcsea
4/5 – What You Need To Provide
hmny.co/GTWWWD
It Takes Two:
#1 – Answers & Feedback
#2 – Examples & Ideas
#3 – Copywriting
![Page 29: The Website Owner's Guide To Working With Web Designers](https://reader033.vdocument.in/reader033/viewer/2022061222/54c15e904a7959a9398b4595/html5/thumbnails/29.jpg)
@KaneJamison#wcsea
4/5 – What You Need To Provide
hmny.co/GTWWWD
It Takes Two:
#1 – Answers & Feedback
#2 – Examples & Ideas
#3 – Copywriting
#4 – Photography
![Page 30: The Website Owner's Guide To Working With Web Designers](https://reader033.vdocument.in/reader033/viewer/2022061222/54c15e904a7959a9398b4595/html5/thumbnails/30.jpg)
5/5 – Tools For Communication
@KaneJamison#wcsea hmny.co/GTWWWD
#1 – Tools for Mockups
#2 – Tools for Color
#3 – Tools for Fonts
#4 – Tools for Inspiration
How to give your designer feedback
when have no design skills whatsoever…
![Page 31: The Website Owner's Guide To Working With Web Designers](https://reader033.vdocument.in/reader033/viewer/2022061222/54c15e904a7959a9398b4595/html5/thumbnails/31.jpg)
5/5 – Tools For Communication
Tools for Mockups - Balsamiq
@KaneJamison#wcsea hmny.co/GTWWWD
Web App$12/mo
GoogleDrive Plugin$5/mo
![Page 32: The Website Owner's Guide To Working With Web Designers](https://reader033.vdocument.in/reader033/viewer/2022061222/54c15e904a7959a9398b4595/html5/thumbnails/32.jpg)
5/5 – Tools For Communication
Tools for Mockups – Powerpoint
@KaneJamison#wcsea hmny.co/GTWWWD
1 - Screenshot
Win:Ctrl + Alt + Prt
Scr
Mac:Ctrl + Shift + 4
2 – PasteCrtl + V
![Page 33: The Website Owner's Guide To Working With Web Designers](https://reader033.vdocument.in/reader033/viewer/2022061222/54c15e904a7959a9398b4595/html5/thumbnails/33.jpg)
5/5 – Tools For Communication
Tools for Mockups – Powerpoint
@KaneJamison#wcsea hmny.co/GTWWWD
3 – Go Nuts.Comments, arrows, text boxes, crop, whatever.
4 – Email toyour designer
![Page 34: The Website Owner's Guide To Working With Web Designers](https://reader033.vdocument.in/reader033/viewer/2022061222/54c15e904a7959a9398b4595/html5/thumbnails/34.jpg)
5/5 – Tools For Communication
Tools for Color – ColourLovers.com
@KaneJamison#wcsea hmny.co/GTWWWD
![Page 35: The Website Owner's Guide To Working With Web Designers](https://reader033.vdocument.in/reader033/viewer/2022061222/54c15e904a7959a9398b4595/html5/thumbnails/35.jpg)
5/5 – Tools For Communication
Tools for Color – Kuler.Adobe.com
@KaneJamison#wcsea hmny.co/GTWWWD
![Page 36: The Website Owner's Guide To Working With Web Designers](https://reader033.vdocument.in/reader033/viewer/2022061222/54c15e904a7959a9398b4595/html5/thumbnails/36.jpg)
5/5 – Tools For Communication
Tools for Color – ColorSchemeDesigner.com
@KaneJamison#wcsea hmny.co/GTWWWD
![Page 37: The Website Owner's Guide To Working With Web Designers](https://reader033.vdocument.in/reader033/viewer/2022061222/54c15e904a7959a9398b4595/html5/thumbnails/37.jpg)
5/5 – Tools For Communication
Tools for Fonts – Google.com/Fonts/
@KaneJamison#wcsea hmny.co/GTWWWD
![Page 38: The Website Owner's Guide To Working With Web Designers](https://reader033.vdocument.in/reader033/viewer/2022061222/54c15e904a7959a9398b4595/html5/thumbnails/38.jpg)
5/5 – Tools For Communication
Tools for Fonts – Google.com/Fonts/
@KaneJamison#wcsea hmny.co/GTWWWD
“awesome google font combinations”
![Page 39: The Website Owner's Guide To Working With Web Designers](https://reader033.vdocument.in/reader033/viewer/2022061222/54c15e904a7959a9398b4595/html5/thumbnails/39.jpg)
5/5 – Tools For Communication
Tools for Inspiration – Dribbble.com
@KaneJamison#wcsea hmny.co/GTWWWD
![Page 40: The Website Owner's Guide To Working With Web Designers](https://reader033.vdocument.in/reader033/viewer/2022061222/54c15e904a7959a9398b4595/html5/thumbnails/40.jpg)
5/5 – Tools For Communication
Tools for Inspiration – CSS Galleries
@KaneJamison#wcsea hmny.co/GTWWWD
#1 – CSSMania.com
#2 – Awwwards.com
#3 – Siiimple.com
There’s hundreds of others…
![Page 41: The Website Owner's Guide To Working With Web Designers](https://reader033.vdocument.in/reader033/viewer/2022061222/54c15e904a7959a9398b4595/html5/thumbnails/41.jpg)
5/5 – Tools For Communication
Tools for Inspiration – Use Your Google
@KaneJamison#wcsea hmny.co/GTWWWD
…shopping carts”
…rate tables”
…contact forms”
…landing pages”
…dental websites”
…blog footers”
…email signup forms”
“great examples of
![Page 42: The Website Owner's Guide To Working With Web Designers](https://reader033.vdocument.in/reader033/viewer/2022061222/54c15e904a7959a9398b4595/html5/thumbnails/42.jpg)
@KaneJamison
#wcsea
Thank you!
Slides, links, and transcript:
hmny.co/GTWWWD