Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

WordPress site planning, WordCamp Jerusalem 2013


Published on

Published in: Technology
  • Be the first to comment

WordPress site planning, WordCamp Jerusalem 2013

  1. 1. WordPress website planning – sitemaps, wireframes and more February 20, 2013 Jerusalem By: Deena Levenstein Follow us: Follow us!
  2. 2. Me is Deena• Deena Levenstein, BSc (in nutrition?!)• From Canada, ay?• Web planning and project management @ illuminea• – I’m the next big writer! (You proud, Kimanzi?) Follow us!
  3. 3. OK, so first of all….Man plans and God laughs.Or is it the client who laughs? Follow us!
  4. 4. How illuminea works – then and nowCUSTOM WEBSITEDEVELOPMENT PROJECTS Follow us!
  5. 5. The way we used to work• Plan• Proposal• Plan• Design• Plan• Development• Plan• QA• Launch Follow us!
  6. 6. What’s really going on in other companies? Follow us!
  7. 7. Custom site projects – the rulesDifferentiate between non-billable and billable work.Differentiate between work within the scope and work outside of it.Don’t let stages overlap with each other.Always be open to improving the process. Follow us!
  8. 8. Custom site projects – the stages• Planning• Design• Development• QA• Training• Launch• Support Follow us!
  9. 9. Let’s beginSITE PLANNING Follow us!
  10. 10. Examples of initial questionsQuestions like:• 1-3 ideas for a tagline• Do you already have a website?• What will be the domain of the new site?• Do you have social media profiles?• Do you have or will you want a newsletter signup form?• The primary goal of your site is…• The secondary goal(s) of your site is/are…• Sites you like/don’t like and why… Follow us!
  11. 11. The site planning stage includes…1. Sitemap2. Wireframe3. Discussion about other elements Follow us!
  12. 12. Why it’s important and how to create itSITEMAP Follow us!
  13. 13. What is a sitemap• A list of all the content(pages, posts, etc.) that will be in the site and their relationship to each other• Sort of a main navigation Follow us!
  14. 14. The benefits of a sitemap• Helps us brainstorm with the client• Helps us figure out how to best use WordPress functionality like: – Categories – Page templates – Custom post types – Plugins• Helps with the setup of the menus• Helps the client organize and enter their content Follow us!
  15. 15. Example of a sitemap• In Word doc• But first to wake you up: Follow us!
  16. 16. Sitemaps for sites off a theme?• Sitemap – yes• Wireframe – no (IMH(yc)O)• Homepage – prioritized list of elements Follow us!
  17. 17. Tips for creating a sitemap• Try to go through all the pages from the old site• See what worked and what didn’t work in the old site• Ask the client a lot of specific questions. For example: – “Will you want this page on the new site?” – “How do you imagine this type of content working?” – Does it make sense for ___ to be a child of ___? Follow us!
  18. 18. Why it’s so much fun to make and how to do itWIREFRAME Follow us!
  19. 19. Wireframes – what?• A layout of all the page templates and functionality of the site• The backbone for the design• Has no design Follow us!
  20. 20. Wireframes – how?• First create a list of elements per page template• Start with the homepage Follow us!
  21. 21. Wireframe examplesTRAFFIX - WIREFRAME Follow us!
  22. 22. Wireframe examplesTRAFFIX – FINAL PRODUCT Follow us!
  23. 23. Wireframe examplesJCPA - WIREFRAME Follow us!
  24. 24. Wireframe examplesJCPA – FINAL PRODUCT Follow us!
  25. 25. Sitemap final product• Has information regarding each page – what template it will use, what custom post type, what special functionality will be in the page, and what content it will contain from the old site. Follow us!
  26. 26. Categories, logos, domains. Oh my!SOME OF THE OTHER THINGS TODISCUSS Follow us!
  27. 27. Their old site• What do they need to migrate from the old site?• Will it be best to move the content manually or set up an automatic migration?• Is there anything that should be saved before the site disappears?• Back it up.• Screenshots of the old site for before and after pictures in your portfolio Follow us!
  28. 28. Domains• Their domain registrar• What will be the main domain?• Are there other domains that will be forwarded?• Redirects from old site links Follow us!
  29. 29. Design• What is the logo situation?• Make notes of any design preferences that arose during the spec process. Follow us!
  30. 30. Content• Who will be creating the content?• Do they need assistance with the content?• Language – right-to-left and/or left-to- right? Follow us!
  31. 31. Header, Sidebars, Footer• What elements will be in each?• How many sidebars? Unlimited?• Which custom widgets will be in this site? Follow us!
  32. 32. And some other stuff• Categories, tags• Other taxonomy• Mobile• Social• SEO• Search• Breadcrumbs• Comments• Meta info Follow us!
  33. 33. IN CONCLUSION… Follow us!
  34. 34. Keeping WordPress in mind• Categories• Other taxonomy• Page templates• Custom post types• Meta boxes• Permalinks• Breadcrumbs• Slugs Follow us!
  35. 35. Good practice• Use the team - balance between working alone and working in a team. – SEO, other site planner, designer, developer, friendly CEO• Make your sites very dynamic.• Clarify that the site might evolve more later.• Budget – update client on hours used.• Have the client sign on the site spec. Follow us!
  36. 36. Follow us!
  37. 37. illuminea ▪ ▪ available at! Follow us!