©2012 The Image Group
Michigan West Coast
Chamber
Tech Lunch
Web Design Process
October 18, 2012
©2012 The Image Group
©2012 The Image Group
hello.
©2012 The Image Group
©2012 The Image Group
The mystery of
web.
©2012 The Image Group
Picking a partner.
©2012 The Image Group
©2012 The Image Group
Picking a partner...
Designer vs. developer vs.
architect vs. copywriter vs.
graphic designer
Proces...
©2012 The Image Group
Process.
©2012 The Image Group
©2012 The Image Group
Discovery
Wireframe
Design
Build
Soft-Live & Hand-Off
©2012 The Image Group
©2012 The Image Group
0.0 Homepage - Full
©2012 The Image Group
©2012 The Image Group
Technologies.
©2012 The Image Group
©2012 The Image Group
Technologies...
CMS (open source vs.
proprietary)
Hosting
Mobile (app vs. CSS vs.
responsive)
HTML5 ...
©2012 The Image Group
Technologies...
CMS (open source vs.
proprietary)
Hosting
Mobile (app vs. CSS vs.
responsive)
HTML5 ...
©2012 The Image Group
Technologies...
CMS (open source vs.
proprietary)
Hosting
Mobile (app vs. CSS vs.
responsive)
HTML5 ...
©2012 The Image Group
©2012 The Image Group
"By and large, mobile users want
different things from your product
than desktop users do. If you’re...
©2012 The Image Group
Content.
©2012 The Image Group
©2012 The Image Group
Content...
It’s still king
Planning for upkeep
Good content = great
SEO
©2012 The Image Group
Design.
©2012 The Image Group
©2012 The Image Group
Design & Content...
Clean, simple, basic
No Flash!
Beware of templates,
stock photography
Think thro...
©2012 The Image Group
Q&A
©2012 The Image Group
JASON KEHRER.
jason.kehrer@imagegroup.com @jasonkehrer
@imagegroup | imagegroup.com | 616.393.9588
©2012 The Image Group
Michigan West Coast Chamber of Commerce Tech Lunch: Web Design Process
Michigan West Coast Chamber of Commerce Tech Lunch: Web Design Process
Upcoming SlideShare
Loading in...5
×

Michigan West Coast Chamber of Commerce Tech Lunch: Web Design Process

117

Published on

Part of the monthly "Tech Lunch" series with the Michigan West Coast Chamber. Presentation gives a high-level view on how to undertake a website project, including design and development. Overview of best practices, and how to work with outside resources. Presented at the Herrick District Library (Holland, MI) on 10/18/12.

Published in: Business, Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
117
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
1
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Michigan West Coast Chamber of Commerce Tech Lunch: Web Design Process

  1. 1. ©2012 The Image Group Michigan West Coast Chamber Tech Lunch Web Design Process October 18, 2012 ©2012 The Image Group
  2. 2. ©2012 The Image Group hello. ©2012 The Image Group
  3. 3. ©2012 The Image Group The mystery of web.
  4. 4. ©2012 The Image Group Picking a partner.
  5. 5. ©2012 The Image Group
  6. 6. ©2012 The Image Group Picking a partner... Designer vs. developer vs. architect vs. copywriter vs. graphic designer Process Experience/portfolio Cost Technologies Mobile strategy Other costs
  7. 7. ©2012 The Image Group Process.
  8. 8. ©2012 The Image Group
  9. 9. ©2012 The Image Group Discovery Wireframe Design Build Soft-Live & Hand-Off
  10. 10. ©2012 The Image Group
  11. 11. ©2012 The Image Group 0.0 Homepage - Full
  12. 12. ©2012 The Image Group
  13. 13. ©2012 The Image Group Technologies.
  14. 14. ©2012 The Image Group
  15. 15. ©2012 The Image Group Technologies... CMS (open source vs. proprietary) Hosting Mobile (app vs. CSS vs. responsive) HTML5 vs. Flash, etc. Analytics Browser compatibility
  16. 16. ©2012 The Image Group Technologies... CMS (open source vs. proprietary) Hosting Mobile (app vs. CSS vs. responsive) HTML5 vs. Flash, etc. Analytics Browser compatibility
  17. 17. ©2012 The Image Group Technologies... CMS (open source vs. proprietary) Hosting Mobile (app vs. CSS vs. responsive) HTML5 vs. Flash, etc. Analytics Browser compatibility
  18. 18. ©2012 The Image Group
  19. 19. ©2012 The Image Group "By and large, mobile users want different things from your product than desktop users do. If you’re a restaurant, desktop users may want photos of your place, a complete menu, and some information about your history. But mobile users probably just want your address and operating hours." - Jeff Croft
  20. 20. ©2012 The Image Group Content.
  21. 21. ©2012 The Image Group
  22. 22. ©2012 The Image Group Content... It’s still king Planning for upkeep Good content = great SEO
  23. 23. ©2012 The Image Group Design.
  24. 24. ©2012 The Image Group
  25. 25. ©2012 The Image Group Design & Content... Clean, simple, basic No Flash! Beware of templates, stock photography Think through navigation Content strategy Defined roles
  26. 26. ©2012 The Image Group Q&A
  27. 27. ©2012 The Image Group
  28. 28. JASON KEHRER. jason.kehrer@imagegroup.com @jasonkehrer @imagegroup | imagegroup.com | 616.393.9588 ©2012 The Image Group
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×