• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
AIGA: Designing for CMS
 

AIGA: Designing for CMS

on

  • 3,289 views

 

Statistics

Views

Total Views
3,289
Views on SlideShare
3,287
Embed Views
2

Actions

Likes
2
Downloads
23
Comments
0

2 Embeds 2

http://paper.li 1
http://a0.twimg.com 1

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    AIGA: Designing for CMS AIGA: Designing for CMS Presentation Transcript

    • PENCIL TO PIXEL DESIGNING FOR CMS AIGA PhiladelphiaTuesday, November 15, 2011
    • WHO IS HAPPY COG? EducationTuesday, November 15, 2011
    • Tuesday, November 15, 2011
    • Tuesday, November 15, 2011
    • Tuesday, November 15, 2011
    • WHO IS HAPPY COG? Collaborative StudioTuesday, November 15, 2011
    • 2 DEMYSTIFYING THE CMSTuesday, November 15, 2011
    • “ I know the CMS is this black box youd really rather not look into. —KAREN MCGRANE, CONTENT STRATEGISTTuesday, November 15, 2011
    • VITSOE 606 Dieter Rams, 1960 http://www.vitsoe.com/en/usTuesday, November 15, 2011
    • ID CHAIR CONCEPT Vitra, 2011 http://www.vitra.com/en-no/office/ products/id-chair-concept/overview/Tuesday, November 15, 2011
    • “ Design is like architecture; we structure space to facilitate the experience. Are you creating a minimal, modernist masterpiece, or a dense maze of information? —JENNIFER MORLA, 2010 AIGA MEDALIST http://morladesign.com/designisms/Tuesday, November 15, 2011
    • DESIGNING FOR A CITY’S WORTH OF CONTENTTuesday, November 15, 2011
    • Tuesday, November 15, 2011
    • WILLIAM PENN’S PLAN FOR PHILADELPHIA 1683Tuesday, November 15, 2011
    • MANHATTAN EXTINSIBLE PHILADELPHIA 1755 http://www.flickr.com/photos/thisisbossi/ 2011 6200063720/sizes/l/in/photostream/Tuesday, November 15, 2011
    • Tuesday, November 15, 2011
    • Tuesday, November 15, 2011
    • Tuesday, November 15, 2011
    • Tuesday, November 15, 2011
    • Tuesday, November 15, 2011
    • “ Content precedes design. Design in the absence of content is not design, its decoration. —JEFFREY ZELDMAN http://twitter.com/#!/zeldman/status/804159148Tuesday, November 15, 2011
    • JUST SAY “NO”Tuesday, November 15, 2011
    • 3 WHAT IS CONTENT?Tuesday, November 15, 2011
    • CONTENT IS ABOUT PEOPLETuesday, November 15, 2011
    • TEXTTuesday, November 15, 2011
    • Tuesday, November 15, 2011
    • Tuesday, November 15, 2011
    • CONTENT needs to be managedTuesday, November 15, 2011
    • THE OLD WAY: STATICTuesday, November 15, 2011
    • Tuesday, November 15, 2011
    • Tuesday, November 15, 2011
    • Tuesday, November 15, 2011
    • CMS FTW!Tuesday, November 15, 2011
    • Tuesday, November 15, 2011
    • Tuesday, November 15, 2011
    • Tuesday, November 15, 2011
    • Tuesday, November 15, 2011
    • Tuesday, November 15, 2011
    • Tuesday, November 15, 2011
    • CHOOSING A CMS is it always the answer?Tuesday, November 15, 2011
    • “ I want to be able to update the site myself. —EVERY CLIENT, EVERTuesday, November 15, 2011
    • Benefits ‣ No coding experience required ‣ Streamlines the editorial process ‣ Edit/publish from anywhere ‣ Decrease site maintenance costsTuesday, November 15, 2011
    • TEXTTuesday, November 15, 2011
    • 4 Our Process PROJECT INFORMATION GRAPHIC DEVELOPMENT DEFINITION ARCHITECTURE DESIGNTuesday, November 15, 2011
    • Project Definition 1. Stakeholder Interviews 2. Comparative Analysis & Benchmarking 3. Kickoff & Workshop 4. Business Requirements 5. Communications BriefTuesday, November 15, 2011
    • MOOD BOARD Style and tone for a healthcare websiteTuesday, November 15, 2011
    • WIREFRAMESTuesday, November 15, 2011
    • Tuesday, November 15, 2011
    • Tuesday, November 15, 2011
    • 5 SYSTEM PLANNINGTuesday, November 15, 2011
    • SITE MAPTuesday, November 15, 2011
    • “VIP” PAGESTuesday, November 15, 2011
    • WIREFRAMESTuesday, November 15, 2011
    • LET’S SKETCH!Tuesday, November 15, 2011
    • LET’S SKETCH!Tuesday, November 15, 2011
    • THE GRAYBOX PLANTuesday, November 15, 2011
    • Tuesday, November 15, 2011
    • Tuesday, November 15, 2011
    • ‣ Full-Column “Hero” ‣ Primary Events ‣ Secondary News ‣ Secondary Events ‣ Donate Module ‣ Related Links TEMPLATE ATuesday, November 15, 2011
    • ‣ Full-Column “Hero” ‣ Primary Events ‣ Secondary News ‣ Secondary Events ‣ Donate Module ‣ Related Links TEMPLATE ATuesday, November 15, 2011
    • ‣ Full-Column “Hero” ‣ Primary Events ‣ Secondary News ‣ Secondary Events ‣ Donate Module ‣ Related Links TEMPLATE ATuesday, November 15, 2011
    • ‣ Full-Column “Hero” ‣ Primary Events ‣ Secondary News ‣ Secondary Events ‣ Donate Module ‣ Related Links TEMPLATE ATuesday, November 15, 2011
    • ‣ Full-Column “Hero” ‣ Primary Events ‣ Secondary News ‣ Secondary Events ‣ Donate Module ‣ Related Links TEMPLATE ATuesday, November 15, 2011
    • ‣ Full-Column “Hero” ‣ Primary Events ‣ Secondary News ‣ Secondary Events ‣ Donate Module ‣ Related Links TEMPLATE ATuesday, November 15, 2011
    • ‣ Full-Column “Hero” ‣ Primary Events ‣ Secondary News ‣ Secondary Events ‣ Donate Module ‣ Related Links TEMPLATE ATuesday, November 15, 2011
    • Page Title Page Title Page Title CENTERS & INSTITUTES NEWS & EVENTS JOURNALS RELATED LINKS JOURNALS CENTERS & INSTITUTES RELATED LINKS A B C Page Title Page Title Page Title CENTERS & INSTITUTES NEWS & EVENTS RELATED LINKS JOURNALS CENTERS & INSTITUTES JOURNALS RELATED LINKS D E FTuesday, November 15, 2011
    • REVISIT THE SITEMAPTuesday, November 15, 2011
    • A REVISIT THE SITEMAPTuesday, November 15, 2011
    • A B REVISIT THE SITEMAPTuesday, November 15, 2011
    • A C B REVISIT THE SITEMAPTuesday, November 15, 2011
    • A A A C F B B B B B B E C C C C B F A A C C C C B F F D C C D C B C D C C D C D C C C C C F F C C C D D B B F F D B B D D B B D B B D B B REVISIT THE SITEMAPTuesday, November 15, 2011
    • PRIMARY NEWS SECONDARY NEWS PRIMARY EVENTS SECONDARY EVENTS PHOTO SLIDESHOW RELATED LINKS RECENT SCHOLARSHIP PRIMARY VIDEOTuesday, November 15, 2011 SECONDARY VIDEO
    • DONATE - VERTICAL RECENT YOUTUBE VIDEOS CALENDAR DATE SWITCHER FROM THE BOOKSTORE LARGE PROMO AREA SMALL PROMO AREA PRIMARY NEWSTuesday, November 15, 2011 SECONDARY NEWS
    • THAT’S A LOT OF PATTERNS!Tuesday, November 15, 2011
    • Page Title CENTERS & INSTITUTES NEWS & EVENTS JOURNALS RELATED LINKS PLAN YOUR GRIDTuesday, November 15, 2011
    • 6 GRID SYSTEMSTuesday, November 15, 2011
    • WILLIAM PENN’S PLAN FOR PHILADELPHIA 1683Tuesday, November 15, 2011
    • NATIONAL PARK SERVICE UNIGRID 1977Tuesday, November 15, 2011
    • NATIONAL PARK SERVICE FOLD-OUTS http://www.peterme.com/images/ nps_mesa_dv_sidebyside.jpgTuesday, November 15, 2011
    • “ There are infinite ways of [applying content] and that is why the grid is a useful tool, rather than a constricting device. However, one should learn to use it so as to retrieve the most advantageous results. — MASSIMO VIGNELLI http://www.vignelli.com/canon.pdfTuesday, November 15, 2011
    • 960: LOVED & LOATHEDTuesday, November 15, 2011
    • MODULAR TYPE SCALES http://modularscale.com/Tuesday, November 15, 2011
    • MODULAR TYPE SCALES http://modularscale.com/Tuesday, November 15, 2011
    • MODULAR TYPE SCALES http://modularscale.com/Tuesday, November 15, 2011
    • MODULAR TYPE SCALES http://modularscale.com/Tuesday, November 15, 2011
    • MODULAR TYPE SCALES http://modularscale.com/Tuesday, November 15, 2011
    • MODULAR TYPE SCALES http://modularscale.com/Tuesday, November 15, 2011
    • MODULAR GRID http://modulargrid.org/#appTuesday, November 15, 2011
    • It’s just a few pages. We’ll be fine without “ a grid. —SOME DESIGNER, RIGHT NOW, NOT THINKING ABOUT THE CMSTuesday, November 15, 2011
    • CMS WITHOUT A FLEXIBLE GRID How pages are made.Tuesday, November 15, 2011
    • DON’T LACK DISCIPLINE Think modularly.Tuesday, November 15, 2011
    • 7 CONTENT PATTERNSTuesday, November 15, 2011
    • Tuesday, November 15, 2011
    • Tuesday, November 15, 2011
    • CONTENT LEADS DESIGNTuesday, November 15, 2011
    • Tuesday, November 15, 2011
    • Tuesday, November 15, 2011
    • Tuesday, November 15, 2011
    • EXTENSIBILITY Planning for the Future!Tuesday, November 15, 2011
    • PATTERN LIBRARYTuesday, November 15, 2011
    • PATTERN LIBRARYTuesday, November 15, 2011
    • ID CHAIR CONCEPT Vitra, 2011 http://www.vitra.com/en-no/office/ products/id-chair-concept/overview/Tuesday, November 15, 2011
    • Tuesday, November 15, 2011
    • ZAPPOSTuesday, November 15, 2011
    • Tuesday, November 15, 2011
    • Tuesday, November 15, 2011
    • Tuesday, November 15, 2011
    • EXTENDING THE BRANDTuesday, November 15, 2011
    • WHAT IF IT BREAKS?!Tuesday, November 15, 2011
    • Tuesday, November 15, 2011
    • Tuesday, November 15, 2011
    • Tuesday, November 15, 2011
    • Tuesday, November 15, 2011
    • Tuesday, November 15, 2011
    • Tuesday, November 15, 2011
    • Tuesday, November 15, 2011
    • Tuesday, November 15, 2011
    • Tuesday, November 15, 2011
    • Tuesday, November 15, 2011
    • Tuesday, November 15, 2011
    • Tuesday, November 15, 2011
    • Tuesday, November 15, 2011
    • Tuesday, November 15, 2011
    • Tuesday, November 15, 2011
    • 8 General Styles ALL THE TAGSTuesday, November 15, 2011
    • Tuesday, November 15, 2011
    • Tuesday, November 15, 2011
    • 9 DEVELOPMENTTuesday, November 15, 2011
    • AUDIT THE BLITZTuesday, November 15, 2011
    • HANDOFF MEETINGTuesday, November 15, 2011
    • PSDS TO TEMPLATESTuesday, November 15, 2011
    • ALL THE MODULESTuesday, November 15, 2011
    • ALL THE MODULESTuesday, November 15, 2011
    • HTML CSSTuesday, November 15, 2011
    • CMS INTEGRATIONTuesday, November 15, 2011
    • Tuesday, November 15, 2011
    • ‣ Title ‣ Image ‣ Date ‣ Location ‣ Time ‣ Ticket price ‣ CopyTuesday, November 15, 2011
    • ‣ Title: {title} ‣ Image: {event-feature-image} ‣ Date: {event-date} ‣ Location {event-location} ‣ Time: {event-time} ‣ Ticket price: {event-price} ‣ Copy: {event-body}Tuesday, November 15, 2011
    • {title} {event-feature-image} {event-location}Tuesday, November 15, 2011
    • {event-date} {event-time} {event-body} {event-price}Tuesday, November 15, 2011
    • CREATE EACH PAGE IN THE SITE MAPTuesday, November 15, 2011
    • CONTENT ENTRYTuesday, November 15, 2011
    • LAUNCH!Tuesday, November 15, 2011
    • 10 Takeaways 1. Don’t be afraid of Content Management Systems! 2. Plan your system before diving into Photoshop 3. Think modularly 4. Look aheadTuesday, November 15, 2011
    • THANK YOU! ‣ Michael Johnson (@mleland), Senior Designer ‣ Yesenia Perez-Cruz (@yeseniaa), Designer ‣ Allison Wagner (@alliwagner), DeveloperTuesday, November 15, 2011
    • QUESTIONS?Tuesday, November 15, 2011