Faster & Better with Modular Design

In this session, Corey Collins (of WebDevStudios fame) is going to teach us how to significantly improve our design workflows, both for client-facing projects and personal ones.

Become a Member

Already a member? Please sign in.

SKU: N/A Category:


Each of our sessions are digitally broadcast live and feature world-class speakers. Each presentation typically has 30-40 minutes set aside for instruction followed by another 15 minutes or so for Questions & Answers at the end.

About This Session

The world around us is ever-changing and, as it ever-changes, so are the ways in which we interact and exist in the world. Why should it be, then, that so many of our daily rituals and routines seem to be unflinching and unchanging as everything else moves around us? The answer is – they shouldn’t.

Photoshop and full-blown static website mockups have been a staple of website design for ages, but it’s time to shake loose from those shackles and embrace new, more efficient ways of providing our clients with visuals before we step into the browser.

We are now designing for a truly liquid web: an internet that alters its state to fit every differently shaped and sized container. How, then, can we expect a single graphical representation to capture all the ways in which a visitor might experience a website? The answer is, we can’t.

To this end, we’re going to spend some time digging into alternative ways that we can produce equally comprehensive deliverables for our clients that will better represent the overall look and feel of a functioning website. Instead of statically designed “paintings” of websites that are designed fully in Photoshop, we’re going to create more agile element collages.

We’re going to look at how we can take the most essential building blocks of a site and recompose them in a multitude of ways in order to more accurately represent the finished product. This has reverberating effects throughout the entire lifespan of a project and its benefits are numerous.

By adopting modular design we are able to improve client expectations, create more accurate representations of the final product, give us better tools and benchmarks for the QA process, and have a governing set of documents that best direct the future of a web property just as well as it does the current design phase.

Topics Covered

  • Introduction to Modular Development
  • The efficiencies of modular development
  • What is an element collage?
  • Transitioning from full-blown mockups to an element collage
  • How modular design can speed up the QA process
  • Changing client expectations
  • Putting it all together

About Corey Collins

Corey Collins is Design Lead and Chief Burrito Officer at WebDevStudios. To quote him directly, “I like pizza and punk rock and pro-wrestling. Anything that starts with a p, I guess.” He has been interested in web design and its ever-changing working towards bettering web design since 1996 (just like the Space Jam website).

Follow Corey on Twitter


There are no reviews yet.

Only logged in customers who have purchased this product may leave a review.