• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
Designing for CMS 2013
 

Designing for CMS 2013

on

  • 2,214 views

Static, brochureware websites are a thing of the past. These days, as web designers, we work with dynamic content that will change countless times before, during, and after we hand off our work to ...

Static, brochureware websites are a thing of the past. These days, as web designers, we work with dynamic content that will change countless times before, during, and after we hand off our work to clients. We're at a time where designing for Content Management Systems (CMS) is a must. In this lecture, Happy Cog's Allison Wagner and Yesenia Perez-Cruz will cover some best practices for designing CMS-driven websites, starting with square one, "What is a CMS?".

Statistics

Views

Total Views
2,214
Views on SlideShare
2,208
Embed Views
6

Actions

Likes
12
Downloads
32
Comments
0

1 Embed 6

https://twitter.com 6

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

    Designing for CMS 2013 Designing for CMS 2013 Presentation Transcript

    • DESIGNING FOR CMS AIGA ORLANDO Yesenia Perez-Cruz @YESENIAA Designer Allison Wagner @ A L L I WA G N E R DeveloperThursday, January 17, 13
    • CLIENTSThursday, January 17, 13
    • AN EVENT APARTThursday, January 17, 13
    • A LIST APARTThursday, January 17, 13
    • Thursday, January 17, 13
    • Thursday, January 17, 13
    • “I want to be able to update the site myself” - every client, everThursday, January 17, 13
    • 1 CMS FTW OMG AIGA ORLANDOThursday, January 17, 13
    • An interface to add/update content on the webThursday, January 17, 13
    • VIA TRENT WALTON,HTTP://TRENTWALTON.COM/Thursday, January 17, 13
    • BACK-END FRONT-ENDThursday, January 17, 13
    • P.O.D.E. Publish Once Distribute EverywhereThursday, January 17, 13
    • Thursday, January 17, 13
    • HomeThursday, January 17, 13
    • NewsThursday, January 17, 13
    • ListThursday, January 17, 13
    • RSS FeedThursday, January 17, 13
    • AVOIDING BOTTLENECKSThursday, January 17, 13
    • KNOW YOUR • • Content Providers Content Publishers ROLE • Super EditorsThursday, January 17, 13
    • VERSION CONTROLThursday, January 17, 13
    • INTO THE SUNSETThursday, January 17, 13
    • 2 Design Systems AIGA ORLANDOThursday, January 17, 13
    • YOU CAN’T DESIGN EVERY PAGEThursday, January 17, 13
    • SITE MAPThursday, January 17, 13
    • SITE MAPThursday, January 17, 13
    • THINK MODULARLYThursday, January 17, 13
    • LAYOUTS: THE FOUNDATIONThursday, January 17, 13
    • MODULES: THE BUILDING BLOCKSThursday, January 17, 13
    • Thursday, January 17, 13
    • Thursday, January 17, 13
    • Thursday, January 17, 13
    • Thursday, January 17, 13
    • MOMMY, WHERE DO MODULES COME FROM?Thursday, January 17, 13
    • Where User Needs and Business Requirements Intersect PROJECT DEFINITIONThursday, January 17, 13
    • R E Q U I R E M E N T S G AT H E R I N G : Define user needs & business goalsThursday, January 17, 13
    • REQUIREMENTS DOCUMENTThursday, January 17, 13
    • Requirements Inform Modules BUSINESS GOAL: MODULE: Display upcoming Events Module events to encourage users to visit the website frequently and stay informed.Thursday, January 17, 13
    • HTML Prototype • Show Interactions • Responsive • Low fidelity • HierarchyThursday, January 17, 13
    • TWITTER.GITHUB.COM/BOOTSTRAP/Thursday, January 17, 13
    • RESPONSIVEThursday, January 17, 13
    • LIST OF MODULES: Navigation Social Media Account Information News Events Did You Know? content Search Results Stock Ticker Presentations Workshops Current Outages etc, etcThursday, January 17, 13
    • MODULES PA G E T Y P E SThursday, January 17, 13
    • MODULES PA G E T Y P E SThursday, January 17, 13
    • MODULES PA G E T Y P E S MOBILE TA B L E TThursday, January 17, 13
    • SITE MAPThursday, January 17, 13
    • 3 Design Process AIGA ORLANDOThursday, January 17, 13
    • Thursday, January 17, 13
    • Style Tiles • Quick • Layout agnosticThursday, January 17, 13
    • STYLETIL.ESThursday, January 17, 13
    • Type System • Tailored to your content • Mobile first • typecast.comThursday, January 17, 13
    • TYPECAST.COMThursday, January 17, 13
    • Grid • Foundation • Future-thinking • Flexible • Eliminates indecisionThursday, January 17, 13
    • MODULARGRID.ORGThursday, January 17, 13
    • Page Title Page Title Page Title Grayboxes CENTERS & INSTITUTES NEWS & EVENTS • Basic sketches of JOURNALS RELATED LINKS JOURNALS CENTERS & INSTITUTES your layouts RELATED LINKS A B C • Ensure that your system will have Page Title Page Title Page Title range CENTERS & INSTITUTES NEWS & EVENTS RELATED LINKS JOURNALS CENTERS & INSTITUTES JOURNALS RELATED LINKS D E FThursday, January 17, 13
    • Design Blitz • Designing all the things!Thursday, January 17, 13
    • Home PageThursday, January 17, 13
    • Primary SubpageThursday, January 17, 13
    • Long-form ContentThursday, January 17, 13
    • Search ResultsThursday, January 17, 13
    • 4 Extensibility AIGA ORLANDOThursday, January 17, 13
    • ORDER & REPETITION Make deviations purposefulThursday, January 17, 13
    • DESIGN SYSTEM AT WORKThursday, January 17, 13
    • XThursday, January 17, 13
    • DESIGN SYSTEM AT WORKThursday, January 17, 13
    • Thursday, January 17, 13
    • Thursday, January 17, 13
    • PLAN FOR THINGS BREAKING DOWN They will.Thursday, January 17, 13
    • General Styles • Helps fill in the gaps that may not have been designedThursday, January 17, 13
    • PLAN FOR VARIATIONThursday, January 17, 13
    • PLAN FOR VARIATIONThursday, January 17, 13
    • PLAN FOR VARIATIONThursday, January 17, 13
    • 5 Putting the System to work AIGA ORLANDOThursday, January 17, 13
    • Template Build CMS Setup Client Gathers ContentThursday, January 17, 13
    • PORTING CONTENTThursday, January 17, 13
    • Bad Content EntryThursday, January 17, 13
    • Good Content EntryThursday, January 17, 13
    • THANK YOU! Yesenia Perez-Cruz Designer @YESENIAA Allison Wagner @ A L L I WA G N E R DeveloperThursday, January 17, 13