Templating; it’s a fantastic web design idea for pulling together a business’ online presence, and creating the appearance of consistency.
It’s especially useful when there are multiple sites, product lines, and/or tons of content. Either way, the last thing you want is a clamor of different voices diluting the brand and confusing customers.
What is templating
Templating is a way to treat a page as a fixed layout that accommodates changing content over time and in different locations. Think of templates as storefronts. Rather than rebuilding every time the store’s inventory (or typical customer) changes, you would simply place the newest or most relevant products in the window displays; the shop sign stays the same, the positions of windows and doors never varies, the paint and window trim rarely (if ever) change, and only to colors strictly prescribed on a short list.
Keeping to the storefront analogy, a set of websites or landing pages can be treated rather like a franchise or chain. No matter where we are in the world, we’ll know we’ve arrived at our favorite restaurant or clothing store because it looks exactly the same in San Diego as it does in New Delhi. So, for example, an entertainment brand with multiple events can simply drop different event info and photos into each of its event sites, which all have identical layouts.
Of course, there is also the idea of the web design template as a saleable product, which many designers have explored as a way to generate additional income, with varying degrees of success. In this case, a template is developed purely for the purpose of purchasing and customizing by others. It’s a jumping-off point, a framework, even a creative spark, that other designers can bend or expand in varying degrees, depending on time, need and inspiration.
The pros of templating
For both business development and design, a smart template system can practically eliminate the cost (and stress) of a full redesign and, in the case of an entertainment brand, fans (and investors) will immediately recognize that the event was organized by the same company.
For content-heavy sites, templating is a way to coral articles and images into databases so that it can be managed by non-designers. Biz dev, marketing, and other departments can contribute their unique knowledge by tagging articles according to their importance to the company, directing it to display where the right audience will see it, at the right time. Content that lives in a database, independent of any particular page, can also be repurposed for multiple uses, and fed to a templated page based on tags and/or categories as needed.
For designers, the process of establishing a template system can be a satisfying web design challenge, because template design carries with it its own set of strategic requirements, such as relating to content in its most abstract form — title, subtitle, synopsis, lead-in, etc. — rather than the concrete, specific content of a single article.
The cons of templating
There’s a dark side to templating. It’s similar to the dangers of an overworked styleguide or brand guidelines document. In a word, the danger is rigidity.
Excessive rigidity is what stalls and stagnates what may have once been a vital brand. Rather than building lively avenues for reaching customers, it erects walls, enforces tense boundaries and stunts potential relationships. Resources that could be spent championing the brand are instead spent policing it.
The same types of things will happen in web design when templating is overused. In a large company, underutilized designers will find themselves in a repetitive rut. From a business point of view, customers will begin to sense a crust forming: a brand that stops shifting, growing and reinventing itself is no longer alive. Reassuring consistency has given way to oppressive repetitiveness.
To be sure, consistency, at its best, is reassuring. Traditionally-minded customers are wary of change, and in industries like finance even moreso. They don’t want an “exciting” experience; they want something that they believe will be exactly the same the day they go to withdraw their cash as it was the day they deposited it.
On the other hand, businesses that are currently emerging — even in finance — have a need to express vitality, currency, and a capacity to quickly adapt in the face of change and adversity.
To template is human
The concept of templates has been around since long before the web, when Bronze Age craftspeople first created molds for forming spear blades. The word itself originates in medieval France: a temple was a device that insured woven cloth would always be the correct width.
As a layout device, templates have saved businesses incalculable sums of money. Printing companies still use stationery and brochure templates to create inexpensive ephemera for small business customers. The template concept has found new meaning with the evolution of blog software, and its accompanying content management systems, which popularized the practice of separating content from page layout.
A good example of a rigid, but successful, template is Sony Pictures’ Movies and Television sections. Everything gets the same treatment: a hero image, a trailer, a media scroller, signup/social links, a synopsis, and top level credits (oh, and an “if you like this, then you’ll like that…” footer). If users want more, a click takes them either to a dedicated, unique website, or the network page for the television show.
Sony Movies (left) and Sony Television (right).
In Sony’s case, this works because the content itself is so varied. Users are exploring crime, supernatural suspense, comedy and more. By the time they click on their second show title, they know what kind of information they can expect and where on the page it will be. The rest is entertainment.
To deviate from a template is also human
What do you do, however, when a show title or other subject needs to break out? In Sony’s case, when budget and popularity have justified it, the title gets its own unique online experience. Designed into the template is a place for a link to an external site. The user gets to decide whether it’s time to experience something different.
Templates are basically a set of design and content decisions that have been made so that they don’t have to be constantly re-made. Deviating from a template means making new decisions: somebody’s got to think. That’s a good thing.
Here are a few examples of how and when it may be time to stop, think, and break the template:
- We have new content that doesn’t fit into the template.
- We have new content that isn’t served by the template.
- The type of content we are getting lately is no longer served by the current template.
- User feedback (in person, via analytics, etc.) is telling us the current template is no longer adequate.
The point is to remain vigilant. This is one of those critical moments where design is so much more than decoration. Change isn’t a maybe: you can count on it.
An interesting case to study is the Coca Cola brand. Poke around on the website. They are definitely templating, but they are also thinking hard about when and where to do things differently. The Food section is structurally the same, but definitely has its own feel. Localized versions of the site introduce their own unique elements. Partner and other external sites (such as the Beverage Institute for Health & Wellness website) may be completely different — the template is gone, but still reflect Coca Cola’s brand values in their aesthetics.
Coca Cola (left), Coca Cola Food (center) and The Beverage Institute for Health & Wellness (right).
Takeaways
The idea that eliminating design will save resources may be a myth. The downside of rigidity is that it makes a thing brittle, and very easy to shatter.
While non-designers can now — and should — be involved in the strategic placement and deployment of content, the most successful templated site designs have ongoing involvement from a solid design team.
If you’ve got some sort of say in the process, consider carving out a bit of space for fresh design opportunities. If you don’t have a decision-making role, there may still be ways to either sound the alarm or inspire some healthy rebellion.
Have you built a brand using templates? Is templating essential in web design? Let us know your thoughts in the comments.
Featured image/thumbnail, storefront image via Shutterstock.