• Home
  • Work
  • About
  • Resumé
Birtch Design
  • Home
  • Work
  • About
  • Resumé
IBM_WH_Mockup.png
 
 

A modular template system

Our solution was to create a modular system of components and templates that would give them the flexibility they needed to launch small campaigns and gain more traction with prospective customers.

The template needed to be responsive, work with the brands 4 colour schemes, allow for many different content types and communication purposes all in a quick turnaround.

 
 

The 4 colour schemes

IBM_WH_Template_Blue_Teal.png
IBM_WH_Template_Green_Teal.png
IBM_WH_Template_Purple_Blue.png
IBM_WH_Template_Purple_Teal.png
 
 

Design exploration

Once we established with the client what the content types and components needed were, we had to quickly move right in to design exploration. Below is a sampling of some of that work. We took more of an 'element collage' approach for this work. This allowed us to think modularly out of the gate.

 
 
 
 

A sample page using the template

Below is an example of how the template system has been used. 

 
 
 
 

The full set of components

Below shows all components in the initial phase of the system in the blue-teal colour scheme. All components were created as responsive modules in all 4 colour schemes (the blue-teal colour scheme is shown here).

 
 
Featured
dark.png
dark.png
dark.png
light.png
light.png
light.png
Group 2.png
Group.png
Group 4.png
Group 5.png
Group 6.png
Group 7.png
Group 8.png
Group 9.png
Group 10.png
Group 11.png
Group 12.png
Group 13.png
callout-large.png
callout-medium.png
large.png
 

Email me  |  See my Resume