Each design was evaluated through three criteria: experience quality, brand DNA, and development effort.
I soon realised that our role was not only to define and describe components behaviour. We had to help the different stakeholders in their decision process. We created visualisation tools to enable them weighing components against each other at a macro and micro-scale.
We had to steer away from a page template-based CMS, and try to transform it into a component-based tool. This approach required a lot of pedagogy, as the technical structure of the tool was not adapted for it. But we knew it would offer much more flexibility to the different brands in time.
For each component, we described its behaviour and expected flexibility. Then we mapped components within the different websites. This approach was iterative, to keep the amount of components and their overrides reasonable. This component library ended up being our main discussion tool. As both the development team and the brands Art directors could relate to it.
Image below: Building blocks – versions and behaviours.