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 ascompanyname@gmail.com

@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