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

30
Michigan West Coast Chamber Tech Lunch Web Design Process October 18, 2012 ©2012 The Image Group

description

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.

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

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

©2012 The Image Group

Michigan West Coast ChamberTech Lunch

Web Design ProcessOctober 18, 2012

©2012 The Image Group

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

©2012 The Image Group

hello.

©2012 The Image Group

Page 3: Michigan West Coast Chamber of Commerce Tech Lunch: Web Design Process
Page 4: Michigan West Coast Chamber of Commerce Tech Lunch: Web Design Process
Page 5: Michigan West Coast Chamber of Commerce Tech Lunch: Web Design Process

©2012 The Image Group

The mystery of web.

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

©2012 The Image Group

Picking a partner.

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

©2012 The Image Group

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

©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

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

©2012 The Image Group

Process.

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

©2012 The Image Group

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

©2012 The Image Group

Discovery

Wireframe

Design

Build

Soft-Live & Hand-Off

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

©2012 The Image Group

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

©2012 The Image Group

0.0 Homepage - Full

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

©2012 The Image Group

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

©2012 The Image Group

Technologies.

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

©2012 The Image Group

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

©2012 The Image Group

Technologies...

CMS (open source vs. proprietary)

Hosting

Mobile (app vs. CSS vs. responsive)

HTML5 vs. Flash, etc.

Analytics

Browser compatibility

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

©2012 The Image Group

Technologies...

CMS (open source vs. proprietary)

Hosting

Mobile (app vs. CSS vs. responsive)

HTML5 vs. Flash, etc.

Analytics

Browser compatibility

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

©2012 The Image Group

Technologies...

CMS (open source vs. proprietary)

Hosting

Mobile (app vs. CSS vs. responsive)

HTML5 vs. Flash, etc.

Analytics

Browser compatibility

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

©2012 The Image Group

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

©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

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

©2012 The Image Group

Content.

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

©2012 The Image Group

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

©2012 The Image Group

Content...

It’s still king

Planning for upkeep

Good content = great SEO

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

©2012 The Image Group

Design.

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

©2012 The Image Group

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

©2012 The Image Group

Design & Content...

Clean, simple, basic

No Flash!

Beware of templates, stock photography

Think through navigation

Content strategy

De!ned roles

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

©2012 The Image Group

Q&A

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

©2012 The Image Group

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

JASON KEHRER.

[email protected] @jasonkehrer

@imagegroup | imagegroup.com | 616.393.9588

©2012 The Image Group