Simplify website design with Sitecore components
Sitecore’s object-based architecture lets us design and build enterprise websites using Sitecore components. Rather than designing for page types, we have a component-based approach that encourages our designers to think holistically. This is often referred to as a Pattern Library.
Kagool design with a ‘mobile first’ approach using representative content. This framework is built to manage components. Where appropriate, we use a specific grid system and responsive layouts.
A Sitecore component is a single piece of data sourced content that can be added to a Sitecore page. The Sitecore Experience Editor is designed to let you build up a page using Sitecore components. To help editors maintain consistency these components can have set rules as to where they can and can’t appear on the page.
The beauty of this is that components can be reused across the site, on multiple pages.
It’s also easy to swap out the components of a page for more personalised, contextual content. Which components you present to a visitor can be personalised based on their current activity. Or by their previous engagements stored in the Sitecore Experience Database. Plus marketers can easily use A/B testing or Multi-variate testing.
Our responsive design is driven by content and guided by device interactions.
So you have to ask yourself:
The answer? Simple, you need a Pattern Library.
A pattern library is not a style guide. A Pattern Library covers the whole experience of digital branding. Some of the most successful and globally recognised brands have a Pattern Library. And for good reason.
The BBC call their Pattern Library, ‘Global Experience Language (GEL)’. They use this to maintain a consistent brand perception across multiple websites. This type of approach is essential for big businesses. Especially those with lots of websites under the same brand.
This method helps you recognise the repeated elements and patterns while guiding you to a holistic approach. This helps designers and developers work together. Our collaborative approach produces great Sitecore websites.
Documenting the visual style of your brand and maintaining a consistent identity is essential. Over time many team members will collaborate on a project so documentation enables designers and developers to ensure consistency. This is a shared language across Kagool. Whether the touchpoint is digital or not, your Pattern Library will apply.
We use Sitecore components to simplify the entire design process. Sitecore’s object-based architecture lends itself to this approach.
A snapshot of our design approach:
Our component-based approach gives designers (and our customers) flexibility and consistency. Our designers always think holistically. They consider how each of the Sitecore components will support the full digital experience.
Sitecore is perfect for this kind of approach. Which is one of the many reasons it’s an extremely effective platform for developers, designers and editors. The Sitecore content management system gives power to editors and marketers, without the need for technical know-how. And there are plenty more reasons to love Sitecore design features. It’s adaptive, device responsive and very easy to personalise.
As a leading UK Sitecore Platinum Partner, we know a thing or two about Sitecore. We work exclusively in Sitecore. So our UX, UI and Visual designers are always working on getting the best from the platform. And they’re a pretty talented bunch!