The Website Owner's Guide To Working With Web Designers

6,907 views

Published on

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.

Published in: Technology

The Website Owner's Guide To Working With Web Designers

  1. 1. TheWebsite Owner’s GuideTo Working WithWeb Designers#wcsea hmny.co/GTWWWD
  2. 2. What ToExpectWhen You’reExpectingA Website:A Website Owner’sGuide to WorkingWith Web Designers#wcsea hmny.co/GTWWWD
  3. 3. #wcsea1 – Choosing The Right Designer.hmny.co/GTWWWDLet’s look at the pain points of web designfrom the client’s perspective:
  4. 4. #wcsea1 – Choosing The Right Designer.2 – What You Should Expect.hmny.co/GTWWWDLet’s look at the pain points of web designfrom the client’s perspective:
  5. 5. #wcsea1 – Choosing The Right Designer.2 – What You Should Expect.3 – What You Need To Own.hmny.co/GTWWWDLet’s look at the pain points of web designfrom the client’s perspective:
  6. 6. #wcsea1 – Choosing The Right Designer.2 – What You Should Expect.3 – What You Need To Own.4 – What You Need To Provide.hmny.co/GTWWWDLet’s look at the pain points of web designfrom the client’s perspective:
  7. 7. #wcsea1 – Choosing The Right Designer.2 – What You Should Expect.3 – What You Need To Own.4 – What You Need To Provide.5 – Tools For Communication.hmny.co/GTWWWDLet’s look at the pain points of web designfrom the client’s perspective:
  8. 8. #wcsea3 Major Factors:#1Purpose ofthe Site?#2Price, Speed, orQuality?#3DesignStylehmny.co/GTWWWD
  9. 9. #wcsea3 Major Factors:#1Purpose ofthe Site?#2Price, Speed, orQuality?#3DesignStyleFigure out what you need.hmny.co/GTWWWD
  10. 10. #wcsea3 Major Factors:#2Price, Speed, orQuality?You’ll never get all 3,so pick 2 and try not to settle for 1.#1Purpose ofthe Site?#3DesignStylehmny.co/GTWWWD
  11. 11. #wcsea3 Major Factors:#3DesignStyle#1Purpose ofthe Site?#2Price, Speed, orQuality?Their portfolio is the #1 way to judgewhat you’re going to get.hmny.co/GTWWWD
  12. 12. #wcseaQuestions You Should Ask:#1 – What is their process?hmny.co/GTWWWD
  13. 13. #wcseaQuestions You Should Ask:#1 – What is their process?#2 – What is their turnaround time?hmny.co/GTWWWD
  14. 14. #wcseaQuestions You Should Ask:#3 – What will they require from you?hmny.co/GTWWWD#1 – What is their process?#2 – What is their turnaround time?
  15. 15. #wcseaQuestions You Should Ask:#3 – What will they require from you?#4 – What type of software do they use?hmny.co/GTWWWDPssst! The correct answer probablyincludes the word “Wordpress”#1 – What is their process?#2 – What is their turnaround time?
  16. 16. #wcsea1 – Some sort of free consultation.hmny.co/GTWWWDPre-Hire & Onboarding Phase:
  17. 17. #wcsea1 – Some sort of free consultation.2 – Contract or Service Agreement.hmny.co/GTWWWDPre-Hire & Onboarding Phase:
  18. 18. #wcsea1 – Some sort of free consultation.3 – Questionnaire.2 – Contract or Service Agreement.hmny.co/GTWWWDPre-Hire & Onboarding Phase:
  19. 19. #wcsea1 – Some sort of free consultation.3 – Questionnaire.2 – Contract or Service Agreement.hmny.co/GTWWWDPre-Hire & Onboarding Phase:Build Out Phase…
  20. 20. #wcsea1 – Some sort of free consultation.3 – Questionnaire.2 – Contract or Service Agreement.hmny.co/GTWWWDPre-Hire & Onboarding Phase:Build Out Phase…5 – Testing.Launch Phase:
  21. 21. #wcsea1 – Some sort of free consultation.3 – Questionnaire.2 – Contract or Service Agreement.hmny.co/GTWWWDPre-Hire & Onboarding Phase:Build Out Phase…5 – Testing.Launch Phase:6 – Proper Hand Off & Closure.
  22. 22. #wcsea hmny.co/GTWWWDPlease Please Please Own These:#1The Domain#2Google Analytics#3Hosting*
  23. 23. #wcsea hmny.co/GTWWWDPlease Please Please Own These:#1The Domain#2Google Analytics#3Hosting*Register your own domain.This is your account, complete withlogin and password.
  24. 24. #wcsea hmny.co/GTWWWDPlease Please Please Own These:#1The Domain#2Google Analytics#3Hosting*Create your own account atGoogle.com/analytics using a companyemail account, such ascompanyname@gmail.com
  25. 25. #wcsea hmny.co/GTWWWDPlease Please Please Own These:#1The Domain#2Google Analytics#3Hosting**OK – hosting is less important –what you really have to own isup-to-date site backups.
  26. 26. #wcsea hmny.co/GTWWWDIt Takes Two:#1 – Answers & Feedback
  27. 27. #wcsea hmny.co/GTWWWDIt Takes Two:#1 – Answers & Feedback#2 – Examples & Ideas
  28. 28. #wcsea hmny.co/GTWWWDIt Takes Two:#1 – Answers & Feedback#2 – Examples & Ideas#3 – Copywriting
  29. 29. #wcsea hmny.co/GTWWWDIt Takes Two:#1 – Answers & Feedback#2 – Examples & Ideas#3 – Copywriting#4 – Photography
  30. 30. #wcsea hmny.co/GTWWWD#1 – Tools for Mockups#2 – Tools for Color#3 – Tools for Fonts#4 – Tools for InspirationHow to give your designer feedbackwhen have no design skills whatsoever…
  31. 31. Tools for Mockups - Balsamiq#wcsea hmny.co/GTWWWDWeb App$12/moGoogleDrivePlugin$5/mo
  32. 32. Tools for Mockups – Powerpoint#wcsea hmny.co/GTWWWD1 - ScreenshotWin:Ctrl + Alt + Prt ScrMac:Ctrl + Shift + 42 – PasteCrtl + V
  33. 33. Tools for Mockups – Powerpoint#wcsea hmny.co/GTWWWD3 – Go Nuts.Comments, arrows, textboxes, crop, whatever.4 – Email toyour designer
  34. 34. Tools for Color – ColourLovers.com#wcsea hmny.co/GTWWWD
  35. 35. Tools for Color – Kuler.Adobe.com#wcsea hmny.co/GTWWWD
  36. 36. Tools for Color – ColorSchemeDesigner.com#wcsea hmny.co/GTWWWD
  37. 37. Tools for Fonts – Google.com/Fonts/#wcsea hmny.co/GTWWWD
  38. 38. Tools for Fonts – Google.com/Fonts/#wcsea hmny.co/GTWWWD“awesome google font combinations”
  39. 39. Tools for Inspiration – Dribbble.com#wcsea hmny.co/GTWWWD
  40. 40. Tools for Inspiration – CSS Galleries#wcsea hmny.co/GTWWWD#1 – CSSMania.com#2 – Awwwards.com#3 – Siiimple.comThere’s hundreds of others…
  41. 41. Tools for Inspiration – Use Your Google#wcsea hmny.co/GTWWWD…shopping carts”…rate tables”…contact forms”…landing pages”…dental websites”…blog footers”…email signup forms”“great examples of
  42. 42. #wcseaThank you!Slides, links, andtranscript:hmny.co/GTWWWD

×