Did you know you can use a block-based approach with your WordPress website to gain more value from the platform, with significant advantages in flexibility, scalability, and ease-of-use? 

In this article, we’ll explain what blocks are, how they work, and how you can use them to build enterprise-grade websites quickly and efficiently, without compromising on quality.

—

WordPress is the most popular content management system (CMS) in the world right now, and it has been for a while. Unfortunately, though, some people still have the wrong impression that it is a CMS that can only be used to build more simple websites that do not have any real complex functionality or integrations, but this couldn’t be further from the truth. 

In fact, WordPress is far more intuitive and robust than most realise. The fact that around 45% of all websites online today are built on the platform goes a long way to prove that. WordPress also provides more scalable, agile capabilities that are perfectly suited to building enterprise-grade websites if leveraged in the right way.

There are intelligent – but still very straightforward – ways to use WordPress that can unlock more value from the CMS. If done with the right guidance, this can make WordPress a far better option than the more traditional, rigid approach of building websites.

This is an opportunity most large businesses are currently missing out on. In this article, we’ll show you how using blocks is a more flexible approach that can provide you with a wealth of benefits.

Understanding How Using Blocks In Your Website Backend works

In 2018, WordPress released a new block-based design and editing user interface (UI), known as Gutenberg. Instead of the typical page creation and editing functionality of a CMS, where you’d input text and images into a rich text editor, you can now build your site by creating and using a set of components. Components are blocks of code which have pre-defined style and input types. 

Each component is named, to denote what it is from the perspective of the front-end of your site on the web page. 

Note: Some agencies only provide a list of block names, but here at SoBold we also provide screenshots of each block so you can see it first. This makes the process much easier and saves you a great deal of time.

Each part of each web page is made up of these components, as pictured below.

However, taking a bespoke approach, you can design and construct unique blocks that are entirely your own. Blocks or components can be built for you by your agency so they’re bespoke to you, your style guidelines, your design preferences, and so on. And, when building your site, you can go into your pre-built components and edit things, like changing background colours, adding images, adding text, and so on. 

This can be set up for you by your agency, so you have everything you need to create, edit, and publish new pages with your pre-built blocks. Anytime you need to create a new page, you just have to pick the appropriate components and place them in the correct position to quickly and easily build the page. 

You can see a great real-world example of an intuitive, bespoke enterprise website built using this block-based design approach here. 

The Business Benefits of Using a Component-Based Approach

Scalability 

Scalability is one of the greatest benefits of using these blocks, especially if you are wanting to continue to build out your sitemap and build out the content. 

This scalability is where WordPress really shines, enabling simple, rapid, virtually limitless scaling of your website with a high level of accuracy. This is a cost-effective way of growing without having to compromise on the quality of your design.

Flexibility 

Blocks provide you with a great deal of flexibility in building, editing, and structuring of pages as well. The ability to customise all your components, along with the intuitive drag and drop functionality, allows you to effortlessly adapt and expand on your website.

Efficiency 

Building components, and repurposing them repeatedly across your website, is a highly efficient way of growing your site. It also makes it very difficult to make mistakes or take a wrong turn.

This efficiency of reusing blocks across your website will free up time for you to develop innovative new features, or focus on improving the service and experience you provide your clients.

Ease-of-Use 

If you have non-technical members of your team who would benefit from using WordPress, blocks will almost certainly improve the usability of the CMS for those people. 

An easier design and editing function helps more members of your team create web pages within clear, pre-set brand guidelines. That’s another aspect that frees up more time and resources to focus on higher value tasks. 

If you’re working with a design and development agency, this also makes it much easier for them to be able to train you and enable you to use the platform to manage your site. 

Faster Time-to-Market 

All this efficiency and ease-of-use will enable you to achieve a faster time-to-market for new web pages, extensions of your site, or even entirely new websites. 

That can, in turn, create competitive advantages for your business, particularly if your competitors are working with CMSs that are slower and harder to use.

Whether it’s you or your agency handling this, you can create and publish new web pages quicker than you could with any other approach.

Lower Costs and TCO

As a result of all of the above, you can reduce costs on development and design, and achieve a much better total cost of ownership (TCO) with the WordPress platform. 

Something that takes an inexperienced agency days to complete with the classic design approach can be done in hours using bespoke blocks. This drastically reduces development costs and gives you a lower TCO in the long-term.

The Importance of Finding a Capable Agency Partner 

As mentioned earlier, bespoke blocks provide you with a proven way to unlock more potential with WordPress and gain greater value from the platform. However, in order to do that, it’s important to find the right agency partner. You’ll need an agency with enterprise-grade expertise and a certain level of skill to guide and support you through this process. 

Taking this approach to building WordPress websites is nothing new, but the real value here comes in creating blocks that are completely unique and specific to you, then enabling your team to use those to scale your site. 

Many WordPress agencies may lean on the generic block editor. But to get this right, you should push beyond that to find a partner who can educate you on the opportunities of using a bespoke design system to build a high-performance website that’s effortless to manage and edit. 

A great partner will also facilitate this for you in a way that ensures you have control, removing the risk of any users making mistakes with the flexibility of this system. You won’t need to worry about the integrity or quality of your site being spoiled because all your components will be built specifically to prevent that.

You’ll gain tremendous value from receiving an intuitive, quality website that you can easily grow at will, but one that’s also managed and supported by an experienced partner. Sticking to these blocks helps you stay within brand guidelines, adhere to best practices, and keep your site consistent. 

You then have the choice to manage, edit, and expand your site yourself, or rely on your partner to do it for you quicker, easier, and more efficiently than they would with a traditional CMS. 

Making the Most of Your WordPress Platform 

Modern businesses today require a powerful, sophisticated CMS that can deliver great websites at scale with enterprise-grade performance. WordPress is a platform that’s built to provide all those qualities and more. Embracing this block-based approach is the most effective and efficient way to achieve that. 

With a skilled agency partner to help you maximise the value your business gains from the platform, you’ll quickly realise just how well WordPress can deliver agile, intuitive websites. 

If you’re in the process of evaluating platforms to deliver a bespoke web development project, check our comprehensive guide to assessing and selecting the right CMS here

Would you like these insights straight to your mailbox?

Your emailSubmit

I consent to my submitted data being processed and stored by SoBold in compliance with Privacy Policy

As of September 2017, SoBold has become the exclusive digital partner for Clanwilliam Group.

About Clanwilliam Group: Clanwilliam Group, headquartered in Dublin, Ireland, operate a number of industry leading brands in the private and public healthcare sectors across the Republic of Ireland, the UK, Australia, New Zealand as well as other worldwide locations. Formed in 2014, Clanwilliam has rapidly expanded in size, now with over 15 brands under the Clanwilliam Group umbrella. Clanwilliam is driven to establish itself as a global group of highly synergistic healthcare technology and services businesses.

About SoBold: SoBold Digital Marketing, founded by Managing Director Will Newland in 2014, work with companies and brands deriving from an impressive multitude of sectors including Healthcare, Fitness, Luxury, Hospitality and more. With a growing portfolio of over 80 brands, SoBold has a proven track record of delivering expertly crafted digital marketing solutions to help small and medium sized businesses grow and flourish.

We are delighted to become Clanwilliam Group’s exclusive digital partner. Clanwilliam is rapidly increasing their reach in the Healthcare sector and we at SoBold are proud to work with them to implement a powerful digital strategy.

Would you like these insights straight to your mailbox?

Your emailSubmit

I consent to my submitted data being processed and stored by SoBold in compliance with Privacy Policy

Making the best possible choice of content management system (CMS) is crucial for the success of your website. But, these days, not only do you have to navigate the many different options – from WordPress to Sitecore to Webflow – you also have the added challenge of deciding whether to go “headless” or not. 

Whether to take the less conventional headless approach with your CMS is a decision that could cause some confusion. It could even cause some challenges with your website if you end up making the wrong choice.

In this article, we’ll help you understand exactly what a headless CMS is, when you may need to take that approach, and highlight some key considerations to make before finalising your choice. 

What is a Headless CMS?

With a traditional CMS, the back-end and the front-end of the system are directly linked. This is how you use your CMS for both the content management (back-end) and to control how the content is presented to your website visitors (front-end). 

In this context, the back-end of the CMS is sometimes referred to as the “body” and the “head” is the front-end. In a headless CMS, that front-end is decoupled from the back-end of the system, hence the term headless. With this approach, you use the back-end as normal for content management and the presentation of content in the front-end is handled completely separately. 

This is valuable because it allows you to design your website front-end however you like, without any restrictions. However, it also requires more technical work from your development agency as a trade-off. 

With a headless CMS, your content is presented to your audience on your live website by using APIs that take it from the back-end of the CMS. This use of APIs also allows you to publish the same content in a variety of different formats via different channels as well, but more on that later. 

Scenarios in Which You Might Need a Headless CMS

It’s important to understand that you should only take a headless approach if it’s the most suitable way to meet a specific set of requirements or objectives.

Some scenarios in which you might need to take a closer look at adopting a headless CMS include: 

If a large volume of content is a key component of your marketing strategy. 

If you’re going to be producing and publishing a lot of content on your website, you may benefit from a headless CMS. Many people find it easier and more intuitive managing websites in the back-end of a headless CMS.

The decoupling of the front-end also means that your development agency will be the ones responsible for ensuring your audience is presented with dynamic, engaging content. 

If you expect to have high volumes of traffic and need to maintain performance. 

If the size of your website’s audience will put a heavy demand on your CMS’s performance, a headless system could be a worthwhile investment. Using APIs, and leveraging other intelligent techniques, the headless approach often delivers faster loading times, reduces the workload on your servers, and offers greater scalability.

If you have a multi-channel marketing strategy, or need to publish content across multiple digital touch-points. 

The headless approach allows you to take one piece of content, upload it into the back-end, and seamlessly publish it across several channels, including website, mobile app, social media, email, and even internet-of-things (IoT) devices.

This can help you maximise consistency, while providing your users in each channel an experience optimised for their preferred context.

If you’re prioritising personalisation. 

As personalisation is becoming much more important in modern marketing, headless CMSs are becoming more popular in enabling those tactics. 

If you need to create personalised experiences for your website visitors based on their demographic data, past behaviour, preferences, and so on, a headless CMS may be the right option. This is a useful approach for delivering tailored content to individual visitors, improving your engagement and increasing conversions.

If you have a multi-lingual or multi-regional website. 

Delivering the same content to visitors in different languages, across different locations, can also be made easier by using a headless CMS. Your localisation process can be streamlined by managing the content for all users just once in the back-end, then delivering it seamlessly in its different forms based on location or other conditions. 

Key Considerations and Potential Pitfalls

While a headless CMS can be a great choice to deliver on the requirements discussed here, it’s still not a straightforward decision in these scenarios. 

Firstly, it’s important to note that a traditional CMS like WordPress can still help you achieve all the things listed above, especially with the support of an experienced, talented agency. Secondly, there are some downsides to the headless approach that need to be considered while you’re evaluating your options.

Security

Security is an issue that needs careful consideration when looking into the headless approach. The headless architecture, and use of APIs, create more security vulnerabilities than you’d have with a traditional CMS.

It’s also common for a headless CMS to require more hands-on management in key areas such as hosting and compliance, as well as more thorough and frequent testing. 

Development Complexity

When you ask your development agency to build, manage, and maintain your website using a headless CMS, you’re asking them for more complex work than they’d be facing with a traditional system. This complexity is something you need to be aware of, both in your selection of an agency capable of delivering your requirements, and in the additional workload you’re asking them to complete for you. 

Time-to-Market 

Following on from the previous point, more complex development work often results in a longer time-to-market for your website. 

Developing a website using a headless CMS may require more time and resources from your agency to deliver the work for you. If you need to get your site up and running quickly, or if you may require future development work to be delivered quickly, a regular CMS may be a safer bet. 

Technical Skills 

Publishing content with a headless CMS may be easy, but if something goes wrong, or you need something changed, you’re unlikely to be able to do it yourself. A headless CMS requires more technical skills and development experience to maintain than a traditional CMS, even for small tasks. If you don’t have these skills in your team, you’ll be more reliant on your agency partner than you would be with a normal CMS.

Total Cost of Ownership 

All the points listed here will add up to a higher total cost of ownership (TCO). When accounting for the higher volume and greater complexity of work you’ll require from your agency, you’re likely to spend a lot more of your budget on a headless CMS. 

Unless you have specific complex requirements that demand the use of a headless CMS, it’s usually the more cost-efficient option to go with the more traditional approach.

Content Strategy

With all that said, it’s also important to consider whether a headless CMS is even necessary based on your content strategy. 

Unless you have an intricate, wide-ranging content strategy that spans various channels and platforms, it might not be worth adopting a headless CMS at all. 

Most of the requirements you have can likely be delivered by working with a reliable agency partner using a sophisticated, flexible CMS like WordPress. 

It’s also important to note that WordPress can be used in a headless context as well. This offers you a balance between a familiar, easy-to-use system and a more dynamic UX for your visitors in the front-end.

The Benefits of a Headless CMS 

If you do decide to take a headless approach, your CMS can deliver a wealth of benefits and strategic advantages. These include: 

Scalability

The headless architecture will enable you to build out your digital presence rapidly, on a large scale, across multiple channels. This scalability will be crucial for your website as your business grows and your requirements evolve. 

Customisation

Both the back-end of your headless CMS and the front-end presentation of your content are entirely customisable, tailored to your specific requirements. 

Flexibility

Headless CMSs provide a great deal of flexibility in terms of your selection of technology, content creation, and implementation of a multi-channel market strategy. 

Ease-of-Use

If you work with a skilled agency partner who can set up and manage your system for you, publishing and editing content with a headless CMS becomes quick, easy, and efficient. 

User Experience 

Delivering your content seamlessly – and consistently – across a wide range of channels and digital touch-points creates a far greater UX for your target audience. 

Performance

The headless architecture removes the need to render pages on your server. This creates the faster loading times and improved performance discussed previously, which also contributes to a better experience for your visitors. 

Competitive Differentiation

As mentioned earlier, the headless approach allows you to create a truly unique UX. In an increasingly crowded, noisy online landscape, this can help you differentiate your website and stand above your competitors. 

Future-Proofing

A headless CMS allows you to easily change or upgrade the technology you use for your front-end without having any impact on your back-end. This will help you become more agile and adapt quickly as new technology trends emerge in future. 

Making the Right Decision for Your Unique Requirements 

Ultimately, you should base your decision here on the specific requirements you have for your website and the circumstances you find yourself in. 

While a headless CMS does offer a range of innovative capabilities, the additional costs and resources you’ll need to invest may not be worthwhile. For example, the traditional use of WordPress can provide you with most of the benefits discussed earlier.

Carefully consider your objectives, your strategy, and the resources you have available. Use those to weigh up all the pros and cons listed in this article in relation to your own website project.  

The key thing is to clearly understand exactly what you need from your CMS, and use that to select the option that aligns best with your requirements.

Would you like these insights straight to your mailbox?

Your emailSubmit

I consent to my submitted data being processed and stored by SoBold in compliance with Privacy Policy

March 8th is still an important date to remind us of the brilliance of being a woman in our society. Even though it can be a struggle every day, we know that women are capable of anything and we are very proud to celebrate the achievements of these creative and intelligent women.

Hedy Lamarr

Who can live without Wi-Fi nowadays? In 1942, Hedy invented the technology that later helped the creation of wireless signals. 

Rear Admiral Grace Hopper

If you’re not in the programming world, you may not have heard of COBOL. This programming language created in 1952 is still used on business applications to this day. Grace was one of the first ever compilers and her work led to the creation of COBOL.

Margaret Calvert

Even in the age of Sat Nav, you’ve probably relied on a road sign at some point, right? Either driving or walking down the street, the reliable signs are a source of comfort when technology fails. Margaret was part of the team that redesigned the whole UK road sign system. It all started in the late 1950s and her work still guides us even to this day.

Carolyn Davidson

‘Just do it’ – the famous tagline from a brand you might have heard of, called Nike. The tick logo was first developed by Carolyn when she was just starting design and the idea behind it to represent speed and motion. Even though the Nike tick is now one of the top 10 most recognised logos worldwide, Carolyn has only made $35 from her design.

Susan Kare

We all know Apple. We all know that they’ve conquered the world of technology by consistently presenting unique designs with both their hardware and software. What you probably didn’t know was that Susan was the designer responsible for developing all the typefaces, icons and other elements that serve as the core for what we now know as the Apple brand.

Would you like these insights straight to your mailbox?

Your emailSubmit

I consent to my submitted data being processed and stored by SoBold in compliance with Privacy Policy

When a visitor lands on your website, the visual design is likely to be the first thing they’ll notice. It’s also usually the thing they’ll remember most. 

75% of consumers reportedly judge a business’s credibility based on its website design. This first impression can make or break a prospective client’s interest in working with you. 

The ultimate goal of your website is to attract and retain as many prospects as possible, and then convert them into clients. But most websites are designed in a way that leaves those goals unfulfilled, failing to reach their full potential. 

With that in mind, your visual identity should be treated as a top priority within the overall design of your website. Believe it or not, this can have a significant influence on the growth and success of your business.

When working on a web design project, you should always go through a careful visual exploration phase to find the right visual identity for your website. 

Whether you’re going through a full company rebrand or just refreshing the style of your website, it’s important to ensure your design is tailored to your specific target audience. This is how you begin to drive business growth through your website. 

Without a visual exploration process, your website may not convey your company’s brand identity and values as clearly as you’d like it to. 

In this article, we’ll outline the steps taken so you’ll know what to expect when working on a website design project. 

What Does the Process Involve?

The purpose of this process is to define the best visual direction to take with your site. 

This is a crucial aspect of your overall design, with aesthetic elements being brought together to create a look and feel that engages your site’s visitors and retains their attention. To achieve that, your visual design needs to establish a connection between your audience and your brand immediately. It should also demonstrate why your visitors should work with you. 

Exploring your visual identity will cover a wide range of elements, including: 

• Your brand 
• Your company values
• Your colour scheme 
• Your typography
• Imagery and other visual content
• Structuring of pages
• And other visual components that are used to tell your brand’s story across your website’s design. 

What are Mood Boards and How Can You Use them? 

The main tool used to help determine the right visual identity is a set of mood boards. 

These are a visual compilation of all the various elements that make up your website’s visual design. Each mood board is essentially just a single-page collage of design styles based on previous discussions and the findings from the research and planning phase of the process.

The aim of these is to capture your brand’s visual style and tone. This will give the stakeholders, and your designers, a shared understanding of the design you’re working towards. 

Mood-boarding helps you visualise the work on your website’s design before it begins and agree on a design aesthetic that accurately reflects your brand identity and values. 

Think of this like a problem-solving exercise. Your design agency will take a research and data-driven approach to conveying your brand identity, while also catering to your target audience and accommodating the latest industry trends.

Collaboration and Iteration

Like most processes within web design and development, this visual exploration process should be collaborative and iterative. 

You’ll typically be presented with a mood board and a set of ideas by your agency partner, then given the chance to provide feedback across several rounds of revisions. 

Rounds and revisions are always important in any creative process. It’s usually necessary for your agency to develop and present a minimum of three mood boards before the optimum aesthetic is agreed upon. This is a crucial step towards the ultimate goal of creating a new website that accurately reflects your brand and has a positive impact on your target audience. 

Connecting with Your Clients Through Design

Your website’s visual identity is what makes your brand resonate with your target audience. Your design needs to clearly convey the values of your business, the quality of your products and services, and the reason why your visitors would benefit from working with you. 

Working through this visual exploration phase is an important step towards designing a website that will attract more visitors and increase your conversions. 

Once this visual exploration is complete, the next phase of your web design process will be to craft your website’s user experience (UX).

Would you like these insights straight to your mailbox?

Your emailSubmit

I consent to my submitted data being processed and stored by SoBold in compliance with Privacy Policy