DrupalCamp NJ 2017

Design Systems, Not Pages

For most of the web’s short lifetime, the primary way to design a website has been to create wire frames and comps (design compositions) of a site’s key pages. This page-based approach is clearly broken. The proliferation of smart phones and the increasing complexity of the interfaces we create make page-based design extremely time consuming, with even a relatively simple site requiring 25+ page comps. Perhaps more importantly, once you build out these pixel perfect page comps in Drupal they often end up looking very different, meaning that a good deal of fine tuning is required to get the production site looking right.

The last few years has seen designers move to a process that is more in tune with the way websites are actually built and function. They design overall styles and repeating elements that make up pages, instead of the pages themselves. In this session we will explain the system-based design concept, walk through some real world examples and explain how you can implement a system-based approach in Drupal.

Audience Level: 
Beginner (just starting, know basic terminology, content creation)
Intermediate (install and configure modules/themes)
Track: 
Front End & Design
Version: 
Drupal 8
Drupal 7
Prerequisites: 

Interest in and knowledge of web design process.  

Diamond Sponsor

Platinum Sponsors

Gold Sponsors

Silver Sponsors