When you’re responsible for managing a new website development process, you’ll have some difficult decisions to make. Two of the most difficult decisions will be finding an agency that you can trust, and finding a content management system (CMS) that will give you the flexibility and performance to drive your business forward online.  

Your CMS will play a significant role in helping you meet your specific website requirements and enabling you to achieve your strategic goals. 

We’ve compared lots of different CMSs in our recent series of articles, and each of them have their own strengths and weaknesses. In this article, we’ll compare WordPress and Craft.

Ease-of-Use

It’s vitally important to ensure that the platform you choose is straightforward to manage. You’ll want a platform that’s approachable, with a low barrier for entry, to avoid any challenges in the daily running of your website.

Craft’s Ease-of-Use

Whilst Craft is an open-source CMS, it requires technical development expertise in order to manage the platform once built. Management for non-technical teams will likely be difficult, thus limiting you in your ability to build out content and new features over time. 

If you do have expertise in-house, that will allow you to manage your website more easily, as the CMS itself is efficient for publishing and managing content.

Craft also makes it easy to collaborate and share responsibilities across teams without any interference or complications. For example, you can save draft versions of pages and share them with colleagues – with private links that don’t even require you to be signed in – before publishing live on your site. 

WordPress’s Ease-of-Use

Conversely, WordPress is specifically built so that content can be managed in-house. WordPress provides you with a convenient, intuitive user interface (UI) that allows quick and easy publishing, management, and editing of content on your sites.

Put simply, WordPress is a more traditional CMS that’s suitable for a wider range of users and teams. It allows you to easily manage the content on the front-end, whilst also facilitating a quick time-to-market for the development of your website.

This ease-of-use also helps to share responsibilities throughout your team.

Flexibility

Flexibility will always be high on your list of priorities when looking for a CMS. Tailoring your platform to fit your own unique requirements is a crucial capability in today’s digital business landscape. 

How Flexible is Craft?

Craft is all code-based, which allows you to build virtually any type of website you want, with great flexibility. The only limitations, really, will be with the platform-specific development capabilities of your agency.

How Flexible is WordPress?

WordPress also offers a great deal of flexibility and customisation, but the difference here is that it’s unlikely you’ll need to alter much about WordPress’s pre-existing tools and features to be able to build a website you’re happy with.

With WordPress, you have everything you need to build a high-performance website. But that’s complemented by the flexibility to make enhancements and seamlessly scale the platform with new bespoke features if you wish to. 

Integrations

Before you select a CMS, you’ll need to ensure it can easily integrate with any existing systems your business has in place. Whilst most CMSs will be able to integrate well with a variety of third party systems, it’s important to be aware of any limiting capabilities of the platforms.

Craft’s Integrations

Integrations with the most popular third-party platforms are typically supported in Craft through plugins. However, you may need to integrate manually with platforms using API’s.

While this gives you more control over your CMS’s functionality and security, it’s another area in which you’ll likely have to spend more time and money on agency development work. Those integrations will also need to be maintained and updated manually as well, which may be a financial and time burden on your agency. 

WordPress’s Integrations 

WordPress’s global popularity means that it’s readily compatible with most of the third-party systems you’ll already have within your business. 

You’ll have a wide range of native plugins available that will integrate your WordPress site with virtually any other tool. Even if you have more advanced requirements, it’s usually easier for your agency partner to do this bespoke development work in WordPress than it is with other CMSs. 

Developer Communities 

Investing in a platform that’s supported by a community of developers will provide you with additional benefits and advantages. It’s always helpful to have other users working to continuously create additions and updates to help the CMS grow and improve.

Craft’s Community 

Craft has a passionate community working hard to help enhance the platform, but it’s only a fraction of the size when compared to more mainstream CMSs like WordPress. 

Still, size isn’t all that counts here. Craft’s community is very supportive and highly active on channels like Slack and Discord. Craft also has a StackExchange, which is a Q&A forum that many developers use to share learnings as they work through projects.

The WordPress Community

At 20 years old now, WordPress’s popularity and global market share means it has an enormous community supporting it. 

WordPress’s community consists of millions of users who work tirelessly to offer support, collaboration, knowledge sharing, events, and much more. 

Any questions, problems, or requirements you have are often answered very quickly by members of the WordPress community. This also results in exciting new enhancements and features being released on a near-constant basis to drive the platform forward. 

Being part of the WordPress community will also give you access to free events that help users learn to get as much value as possible from the platform. 

Cost and TCO 

Cost is a key factor when choosing a CMS. It’s also important to remember the up-front costs aren’t the only thing you need to consider here. Since your CMS is a long-term investment, you should be looking for a low total cost of ownership (TCO) for all your related costs over time.

Craft’s Initial Investment and Ongoing Costs

With Craft, you’ll need to purchase either the pro or enterprise plan. Pro comes with a one-time payment of £250 per project, and an additional annual payment to continue receiving updates. The cost of the enterprise plan will vary depending on your requirements and usage.

As mentioned earlier, the costs associated with the platform may also be high. This is due to the need for agency support across many aspects of your project, from setting up your website, to integrations, to ongoing maintenance. 

The actual costs of development with Craft may also be higher than with other CMSs because of the smaller scale and more specialist nature of the platform. 

It’s also worth mentioning that Craft CMS hosting services are more limited than those of WordPress, again likely making them more expensive.

WordPress Cost and TCO 

On the most part, WordPress is a more cost-effective platform than Craft, with a lower TCO.

WordPress is free-to-use, limiting your initial costs to just hosting, development agency fees, and post-deployment support. 

As touched on earlier, achieving a much faster time-to-market will allow you to launch a quality website quickly so you can begin gaining strong ROI right away.

Another cost-related benefit of WordPress’s ease-of-use is that if there’s bespoke development work you need your agency to complete, it will usually come at a reasonable cost. Because Craft is such a niche and technical platform, bespoke development work often comes at a premium in comparison to the more widely-used WordPress.

When the WordPress platform receives updates, it’s often fairly quick and straightforward for your agency partner to test and maintain your site.

These advantages add up to create a lower TCO for WordPress than you’ll have with other enterprise CMSs.

Conclusion 

Both Craft and WordPress are both great CMSs in their own right, and would serve most businesses. Although, it’s difficult to deny that WordPress is a much more approachable platform than Craft for the average user.

If you’re a team with a great selection of existing development skills, Craft can provide you with some innovative capabilities and could be the right platform for you. 

The key thing to remember when making this evaluation is that you should select the platform that directly aligns with your own specific circumstances and requirements. 

Every business, and every web development project, is different. Carefully consider your objectives, budget, users, in-house skills, and any other factors that may come into play. That should allow you to determine which CMS is the right one to deliver what you need. 

If you need more help finding a CMS for your new website project, read our comprehensive guide to understanding and evaluating the options for large businesses here.

SoBold announce their Cyber Essentials certification for the third consecutive year which demononstrates their commitment to delivering secure technical solutions to their new and existing clients. 
Cyber Essentials is scheme which helps guard your organisation against a range of common cyber threats. SoBold’s resilience across a range of internet facing devices was tested and approved, ensuring there were not any major critical vulnerabilities discovered

SoBold Technical Director, Sam Phillips said:

With an ever growing cyber threat, Cyber Essentials certification is becoming more and more important to maintain. Protecting both our clients data and websites is of the upmost importance and successfully passing the more thorough Cyber Essentials guidelines new for 2022 shows our commitment to this.

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

Approaching a website development project can be daunting if you’re unfamiliar with the process and unsure what to expect. In this article, we’ll provide a detailed overview of the web development process to help you understand what’s involved, making it easier for you to approach a project yourself and avoid any pitfalls.

Your Role as the Client 

If you read our recent series of in-depth guides through the end-to-end process of web design, you’ll know that process will usually involve a lot of collaboration between you, your team members, and the agency you’re working with. 

Once you’ve been through that process and your design is complete, you’ll need to move to the development stage of the project to bring your designs to life. 

You’ll likely have less involvement in the development stage, and less collaboration will be required, so your role will primarily be to sit back and relax while a team of skilled developers do their thing.

Depending on the project size, complexity and project management approach, you may have some touch-points with your agency partner throughout the process. If you are taking an Agile approach, this may include sprint retrospective meetings, or if you are working in a different way, this may just include short demonstrations, walk-throughs of certain pieces of bespoke functionality, or it could just be allowing you to start familiarising yourself with different features as they’re being built. 

A Smooth Handover from Design to Development 

One of our core qualities here at SoBold is ensuring the design and development processes work closely together. That’s achieved by not only having a very integrated design and development team in the office, but also ensuring we hold a thorough, detailed handover meeting between the designers and the developers at this stage. This serves as a key aspect of every project we work on. 

The purpose of this is to give the developers a full understanding of the website or platform they need to build before any work begins, reducing the risk of error and accelerating the delivery time.

Every agency will have their own approach to this. It should usually involve the project designer(s) and project manager(s) walking the development team through everything that took place during the design process and explaining the thought process behind the decisions they’ve made. They’ll also give suggestions and guidance for how the design might be best approached from a development point of view. 

Any questions the developers have about their task at hand can be answered during the handover meeting, and at any time throughout the development process, allowing the development work to flow efficiently and effectively. 

The Benefits of Working with a Full-Service Web Design and Development Agency 

It’s so important to align your web designers and developers, because, more often than not, there are fundamental differences in how they think and approach their work. If you decide to work with an out-and-out web design agency to design your site, with a separate development agency building it, you may encounter gaps in understanding between the two processes. 

Working with an agency partner that has specialist expertise for both disciplines in-house will ensure your website is delivered on time, within budget, and directly aligned with your requirements. Having designers and developers in the same team who can share knowledge throughout the processes will almost always result in the delivery of a higher quality project too.

Building Your Website

With the handover complete, the developers will begin building your website. 

Most development agencies will likely start with setting up the base. This involves setting up the base styles of the site which includes and is not limited to default colours, typography styles and global components – including button and link styles.

Once the base is set up, your developers would typically move onto the navigation and footer set up before moving onto building out all the page templates and blocks in the design should they be taking a block based approach. 

Part of this process will often involve integrating certain components of your site with other systems you use within your business. 

Peer Reviews and Testing to Maintain High-Performance Standards 

It’s important for your agency to review and test internally all the elements that have been built, so any bugs are identified and rectified as early as possible.

Again, different agencies will have differing approaches to this. Here at SoBold, we leverage the size and experience of our team to conduct a thorough peer review process on every single component we build.

Following this internal review process, you’ll usually be given a link to your site in a staging environment.

All your content will have likely been carried over from your existing site and redirects should also be in place so that when you push the site live, any old redundant links will be redirected to the appropriate page on your new site. 

If you have any live marketing campaigns running, it’s important to ensure your development agency and your marketing team (or agency) are in regular communication prior to this, so they can keep your campaigns updated in line with your new site’s launch. 

Smooth Sailing Post-Launch 

Once your new website is live, you’ll likely have a period of time whereby your agency will be on hand to fix any bugs that relate to the content on the new site. Here at SoBold we work with our clients for a period of 30 days following the launch of their sites, and any ongoing support beyond this 30-day bug-fix window will require a separate maintenance agreement. 

Your agency should also go through the back-end of your platform with you, so you know exactly how to make changes to your website. For the most part, agencies will understand how important it is for you to be able to manage the site yourselves internally, and this is something we believe is crucial for you to be shown in detail at the end of the development process.

Providing your website’s visitors with a great user experience (UX) is a challenge. Especially for corporate websites that require sophisticated features and functionality, this can be an ongoing struggle. But it’s a challenge you need to solve if you want to stay relevant and remain competitive in today’s digital business landscape.

Usability is the measurement of how easy or difficult your website is to use for your audience. Good usability makes the experience of using your website as convenient and simple as possible for all your site’s visitors.

Despite the obvious value of this, usability is often neglected by businesses when building a website. That could be because you don’t have the time or budget to follow best practices, you don’t have the in-house design expertise, or you simply aren’t aware of just how important usability is today. Whatever the reason, you can’t afford to take the risk of releasing a site with a poor UX. 

Understanding the Importance of Web Usability 

You’d be amazed by how many websites these days fail to give their users an experience that delivers on their basic expectations. If your website falls in that category, poor usability may have an influence on whether your users adopt or reject your site. This could be the difference between a visitor abandoning a poorly designed page or sticking around and converting to become a customer.

So, how do you ensure your website doesn’t end up on this ever-growing list of failures? 

The key is to focus on your users’ needs, and put yourself in their shoes when planning, designing, and developing your site. 

Even if your site isn’t customer-facing, good usability is also crucial for internal systems. Employees are users too, and their adoption – or rejection – of your technology will also have an impact on your business.

This is easier said than done, we know. That’s why we’ve provided a selection of tips and advice to help you overcome this challenge.

How to Improve the Usability of Your Website

1 – Keep it Simple 

Whenever you’re thinking about UX, always follow the rule that simplicity is best. If a website has a design or functionality that’s complicated, its usability will suffer. Try to keep things as simple as possible at all times.

2 – Nail the Fundamentals 

While some design choices, like colour and font, can be argued as subjective, there are certain aspects of usability that are more objective. Getting the fundamentals right will help you ensure you’re delivering great usability. 

For example, optimising your site to ensure its pages load quickly, organising your pages with proper headings and sub-headings, making sure clickable buttons and links stand out, avoiding making any text or touch-points too small, even providing clear, useful error messages, and so on.

You can read a more extensive list of fundamentals and best practices for UX design in our related article on usability here.

3 – Adhere to Accessibility Guidelines 

Usability shouldn’t be confused with accessibility. Accessibility’s purpose is to make all technology accessible and easy-to-use for everyone, equally, with a significant focus on those with disabilities and other difficulties. 

To ensure your website meets the current requirements for accessibility, you need to follow a set of principles and standards known as the Web Content Accessibility Guidelines (WCAG), linked here. 

If you’re working with an agency, they should have best practices for accessibility already incorporated into their approach. Make sure you check this anytime you’re evaluating agency partners for a website project. 

4 – Learn from Experience 

We’re all users of websites, and we all know how it feels to encounter a frustrating UX. Use your own experience of this to try and build empathy for your users and what they might like and dislike. Any time you come across a website that gives you a bad experience online, make note of this and ensure you don’t allow similar problems to creep into your own site.

5 – Don’t Make Assumptions 

While the previous point is important, it’s also crucial to realise it’s not enough. Using your own experience will only get you so far and, in some cases, it could even cause additional problems.

Remember that usability is dependent on delivering for your target audience’ personal preferences when interacting with your website. It’s always risky to assume you know how your users think and feel.

Don’t make decisions about design and functionality without considering who the target users are and what they need from their experience. This leads us nicely into the next point.

6 – Test With Real Users

It’s always necessary to test the usability of your site with real people who are part of your target audience. The best way to ensure your website will provide a great UX is by asking real-life users to test it out, collect their input, and put that feedback into the final version. This is known as usability testing, which is a phase of the design and development process that every successful project requires. 

7 – Know When to Ask for Help

All of these tips are helpful to be aware of, but for the average business they can be daunting and difficult to put into practice. That’s why the majority of large businesses with outstanding websites have worked alongside a specialist agency partner with expertise in user-centric design. To ensure your site has great usability, it’s often necessary to find the support of an agency who has proven experience delivering similar projects successfully. 

Usability Should be a Priority 

Usability is crucial to the success of any website, but it’s something most businesses are still struggling to get right. Ultimately, though, your users are the ones who will determine the success or failure of your investment. 

You have to put yourself in their perspective when designing and developing your site, and that includes getting real people’s feedback and approval. Only then will you create something that meets your target audience’s expectations for speed, convenience, and simplicity. 

If your website provides a clunky or frustrating UX, most users today won’t hesitate to go elsewhere rather than waiting around to complete their task on your site. If that task in question is purchasing a product or service, you’ll see that poor usability will eventually begin to have a negative impact on your business.

Following the tips and best practices listed in this article will help you avoid that trap and create a UX that’s better than most websites. Doing that will begin to drive positive outcomes like greater adoption rates, improved customer retention and loyalty, and a stronger return on investment. 

To continue learning with a deeper dive into the topic of web usability, including more insight into its principles, additional guidance on design best practices, and current trends and future predictions, read our related article here.