32
Graphics Club Website 2.0 Design Process with Zak Linder

Graphics Club Website 2.0 Design Process with Zak Linder

Embed Size (px)

Citation preview

Page 1: Graphics Club Website 2.0 Design Process with Zak Linder

Graphics Club Website 2.0

Design Process with Zak Linder

Page 2: Graphics Club Website 2.0 Design Process with Zak Linder

Agenda

Current Graphics Club WebsiteWhere we stand today.

User ResearchWhat do the people want?

New Graphics Club WebsiteTrying to please the people.

Page 3: Graphics Club Website 2.0 Design Process with Zak Linder

Current Site

Page 4: Graphics Club Website 2.0 Design Process with Zak Linder

User Research — Survey

September 2008

Participants: Graphics Club Members

Length: Four Questions

Page 5: Graphics Club Website 2.0 Design Process with Zak Linder

Question One

Never

A few times a year

A few times a month

A few times a week

Every day

User Research — Survey

How often (roughly) do you visit the current Graphics Club site?

Page 6: Graphics Club Website 2.0 Design Process with Zak Linder

Question One

Never

A few times a year

A few times a month

A few times a week

Every day

User Research — Survey

How often (roughly) do you visit the current Graphics Club site?

Page 7: Graphics Club Website 2.0 Design Process with Zak Linder

Question Two — Part 1

User Research — Survey

If you do visit the site, what do you look for?

Page 8: Graphics Club Website 2.0 Design Process with Zak Linder

Question Two — Part 1

User Research — Survey

“Meeting information - Date, time location etc.”

“contact info, info about the club, upcoming events and meetings”

“I visit to check on workshop updates”

If you do visit the site, what do you look for?

Page 9: Graphics Club Website 2.0 Design Process with Zak Linder

Question Two — Part 1

User Research — Survey

Information about...

Events/Workshops

Meeting time/place

Members

If you do visit the site, what do you look for?

Page 10: Graphics Club Website 2.0 Design Process with Zak Linder

Question Two — Part 2

User Research — Survey

If you don’t visit the site, why not?

Page 11: Graphics Club Website 2.0 Design Process with Zak Linder

User Research — Survey

“It hasn’t informed me of anything important in four years, and it makes me very sad.”

“Had it been updated often, chances are I would have visited more.”

Question Two — Part 2

If you don’t visit the site, why not?

Page 12: Graphics Club Website 2.0 Design Process with Zak Linder

User Research — Survey

Not up to date

Unhelpful

Didn’t know about it

Question Two — Part 2

If you don’t visit the site, why not?

Page 13: Graphics Club Website 2.0 Design Process with Zak Linder

Question ThreeUser Research —

Survey

What would you like to be able to do on the new site?

Page 14: Graphics Club Website 2.0 Design Process with Zak Linder

Question ThreeUser Research —

Survey

Upload work for critique

Links to points of interest/reference

Blog

Submit proposals

Calendar of events

What would you like to be able to do on the new site?

Page 15: Graphics Club Website 2.0 Design Process with Zak Linder

Question FourUser Research —

Survey

Are there any sites you admire or wish the GC site could emulate parts of?

Page 16: Graphics Club Website 2.0 Design Process with Zak Linder

New Site ObjectivesUser Research —

Conclusion

Easy to Update

Upload Work for Critique

Information about Events, Workshops, Meetings, and Members

Resources and Points of Interest

Page 17: Graphics Club Website 2.0 Design Process with Zak Linder

And Now...Without further ado...

The New Graphics Club Website

Page 18: Graphics Club Website 2.0 Design Process with Zak Linder

Inspiration

Page 19: Graphics Club Website 2.0 Design Process with Zak Linder

Color Scheme

TextPaginationSecondary

LinksPrimaryLinks

Background

Page 20: Graphics Club Website 2.0 Design Process with Zak Linder

The Grid

Page 21: Graphics Club Website 2.0 Design Process with Zak Linder

Complete Comp

Page 22: Graphics Club Website 2.0 Design Process with Zak Linder

To the Code!

Page 23: Graphics Club Website 2.0 Design Process with Zak Linder

Blank Slate

Page 24: Graphics Club Website 2.0 Design Process with Zak Linder

Slicing and Dicing

Page 25: Graphics Club Website 2.0 Design Process with Zak Linder

Applying Style

Page 26: Graphics Club Website 2.0 Design Process with Zak Linder

Applying Style

Page 27: Graphics Club Website 2.0 Design Process with Zak Linder

Applying Style

Page 28: Graphics Club Website 2.0 Design Process with Zak Linder

Applying Style

Page 29: Graphics Club Website 2.0 Design Process with Zak Linder

Applying Style

Page 30: Graphics Club Website 2.0 Design Process with Zak Linder

Challenges & Compromises

Sometimes modifying the code is confusing

Dependency on other peoples’ code

Typeface availability

New ideas not reflected in the comp

Page 31: Graphics Club Website 2.0 Design Process with Zak Linder

Future Possibilities

More robust critiquing system

Personal portfolio pages

Public job listings

Mailing list integration

Candid information on graphic design-related RPI courses

Page 32: Graphics Club Website 2.0 Design Process with Zak Linder

FinThank you.