The Website Owner's Guide To Working With Web Designers
-
Upload
kane-jamison -
Category
Technology
-
view
3.172 -
download
0
description
Transcript of The Website Owner's Guide To Working With Web Designers
The
Website Owner’s Guide To Working With Web Designers by
@KaneJamison
#wcsea hmny.co/GTWWWD
What To Expect When You’re Expecting A Website:A Website Owner’s Guide to Working With Web Designers
@KaneJamison#wcsea hmny.co/GTWWWD
Agenda
#wcsea
1 – Choosing The Right Designer.
@KaneJamisonhmny.co/GTWWWD
Let’s look at the pain points of web designfrom the client’s perspective:
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:
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:
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:
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:
1/5 - Choosing A Designer
@KaneJamison#wcsea
3 Major Factors:
#1Purpose of
the Site?
#2Price, Speed, or Quality?
#3DesignStyle
hmny.co/GTWWWD
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
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
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
1/5 - Choosing A Designer
@KaneJamison#wcsea
Questions You Should Ask:
#1 – What is their process?
hmny.co/GTWWWD
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
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?
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?
@KaneJamison#wcsea
2/5 – What You Should Expect From The Designer
1 – Some sort of free consultation.
hmny.co/GTWWWD
Pre-Hire & Onboarding Phase:
@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:
@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:
@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…
@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:
@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.
@KaneJamison#wcsea
3/5 – What You Need To Own
hmny.co/GTWWWD
Please Please Please Own These:
#1The Domain
#2Google
Analytics
#3Hosting*
@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.
@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]
@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.
@KaneJamison#wcsea
4/5 – What You Need To Provide
hmny.co/GTWWWD
It Takes Two:
#1 – Answers & Feedback
@KaneJamison#wcsea
4/5 – What You Need To Provide
hmny.co/GTWWWD
It Takes Two:
#1 – Answers & Feedback
#2 – Examples & Ideas
@KaneJamison#wcsea
4/5 – What You Need To Provide
hmny.co/GTWWWD
It Takes Two:
#1 – Answers & Feedback
#2 – Examples & Ideas
#3 – Copywriting
@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
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…
5/5 – Tools For Communication
Tools for Mockups - Balsamiq
@KaneJamison#wcsea hmny.co/GTWWWD
Web App$12/mo
GoogleDrive Plugin$5/mo
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
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
5/5 – Tools For Communication
Tools for Color – ColourLovers.com
@KaneJamison#wcsea hmny.co/GTWWWD
5/5 – Tools For Communication
Tools for Color – Kuler.Adobe.com
@KaneJamison#wcsea hmny.co/GTWWWD
5/5 – Tools For Communication
Tools for Color – ColorSchemeDesigner.com
@KaneJamison#wcsea hmny.co/GTWWWD
5/5 – Tools For Communication
Tools for Fonts – Google.com/Fonts/
@KaneJamison#wcsea hmny.co/GTWWWD
5/5 – Tools For Communication
Tools for Fonts – Google.com/Fonts/
@KaneJamison#wcsea hmny.co/GTWWWD
“awesome google font combinations”
5/5 – Tools For Communication
Tools for Inspiration – Dribbble.com
@KaneJamison#wcsea hmny.co/GTWWWD
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…
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
@KaneJamison
#wcsea
Thank you!
Slides, links, and transcript:
hmny.co/GTWWWD