Deciding between two content management systems (CMS) is no easy task. Your CMS is an important long-term investment, so you must ensure you choose a platform that will meet all your requirements, both now and in future.

If you’re currently weighing up the pros and cons between Contentful and WordPress, there are some key differences between the two platforms that you should be aware of. 

To make this evaluation process easier for you, and help you pick the best option for your business, this article provides a direct, objective comparison between these platforms.

Platform Overviews

Different types of software will provide you with different capabilities and limitations. The Contentful and WordPress platforms can both deliver quality enterprise-grade websites, but they each take a slightly different approach.

Contentful 

Contentful is a cloud-based “headless” CMS. Being headless means that the back-end of the platform you use to publish, edit, and manage content is not directly connected to the front-end of your live website.

Your content is managed and stored in one central hub, hosted within the cloud, and this is the back-end of your platform (also known as the “body”). APIs are then used to take your content from the back-end and present it in website form. 

A headless CMS gives you a high level of flexibility and customisation with your website’s front-end. These same APIs allow you to publish your content in different formats in different channels as well, facilitating a multi-channel approach to marketing. 

This makes Contentful a flexible platform that can meet a range of different content requirements, but it is admittedly more complicated than the traditional approach to website management.

WordPress 

WordPress is a traditional CMS that provides a more straightforward approach to managing your website. You can use WordPress to build sophisticated, dynamic sites with a simple, user-friendly set of tools. 

While most  businesses use WordPress in the traditional way, the platform can be leveraged with a headless approach as well, allowing it to match the scalability and multi-channel capabilities of solutions like Contentful. 

WordPress gives you the flexibility to choose how you’d like to develop your website, based on the complexity and size of the project, and the objectives you’re trying to achieve. In the likely case that you’re working with a web design and development agency, that can all be handled for you by your partner. 

The Scalability of Each Platform 

Your business will grow and evolve over time, so you need a platform that can quickly and easily scale up with new features and functionality. You also need to ensure the platform can handle high volumes of traffic and maintain performance as your audience grows. That’s why scalability is one of the most important aspects to consider when choosing a CMS. 

How Scalable is Contentful? 

One of the main benefits of a headless CMS is that the infrastructure allows you to grow your digital presence rapidly, on a large scale. 

The back-end offers easy customisation, and the cloud-based nature of the platform allows you to scale up dynamically whenever you need to. 

Its multi-channel capabilities also inherently promote the idea of developing your content in different formats at a larger scale, while always maintaining consistency. This enables you to produce individual pieces of content once and easily repurpose them across different channels a number of times, saving valuable time and resources. 

This can all be done without any concerns over technical issues like server capacity or network bandwidth, because the platform is delivered in a software-as-a-service (SaaS) model. 

How Scalable is WordPress? 

WordPress is a highly scalable platform in its own right, currently used to power the websites of some of the largest and most successful businesses in the world.

The platform is agile and scalable enough to grow seamlessly alongside your business and adapt to your changing requirements, whichever way you decide to use it.

As mentioned earlier, taking the headless approach with WordPress can provide the same enhanced scalability and pervasive multi-channel capabilities as Contentful, if you require those aspects from your CMS. This can also deliver benefits with speed of development and time-to-market, saving you valuable costs with your agency partner. 

Expanding your WordPress site with the more traditional approach is made even easier than most other CMSs as well, thanks to the platform’s unique block-based editor. This is a method of building websites that provides great benefits in the areas of flexibility, efficiency, and ease-of-use. 

WordPress also allows you to continually enhance your site with new features and functionality through bespoke development, with almost no limitations on what can be achieved. 

Ease-of-Use

Like all technology, some tools are more approachable for the majority of users, while others will require some existing skills. This makes ease-of-use a key part of your criteria when selecting a platform to manage your website. You’ll be using it almost every day, after all, so you need to be comfortable with it.

How Easy is Contentful to Use?

While Contentful being solely a headless CMS does have its advantages, such as scalability and customisation, this approach also creates some challenges for the average user.

For example, adding content to Contentful can be difficult because it doesn’t provide you with a way to preview how your content will look in the front-end of the website. 

Contentful doesn’t have a simple editing interface on the front-end, so there’s a much higher risk of error with this platform than with most others. 

Granted, Contentful’s user interface (UI) is well structured and intuitive, but it’s also known for being more difficult for non-technical users than platforms like WordPress.

Handling the API rules is also complicated without the help of an experienced web development team. If you’re working with an agency, you may end up calling on them regularly for tasks that you could likely handle yourself in other CMSs.

How Easy is WordPress to Use?

Conversely, WordPress is renowned for its simplicity and ease-of-use. Even if you don’t have any existing knowledge of coding or content management, WordPress is very approachable and easy to learn. 

When you first get started with WordPress, virtually everything you need to set up and manage your website will be readily available within the platform.

Publishing, managing, and editing in WordPress are all quick and convenient, thanks to an intuitive back-end that provides you with everything you need to build out a content-rich website.

Thanks to this ease-of-use, most of the people within your team will be able to use WordPress, allowing you to share the responsibility of the daily management and running of your site. 

It is worth noting that taking a headless approach with WordPress does also require experienced web developers to be able to manage the platform though.

Security 

Security should always be a top priority with any software you introduce into your business. If you’re considering a CMS that seems like it could be unable to provide the enterprise-grade security you need, it’s wise to continue looking for more reliable alternatives. 

How Secure is Contentful?

As a cloud-based SaaS product, Contentful comes with useful in-built security features, including HTTPS data encryption, role-based access controls, and multi-factor authentication.

Headless CMSs also take a different approach to security compared to traditional platforms like WordPress. Its use of APIs allows you to control access to your content through a token-based authentication system, and it uses industry-standard encryption and secure storage measures to protect your data. With that in mind, Contentful should be seen as a very secure and robust platform. 

How Secure is WordPress?

WordPress is a secure, platform. To find proof of this, you only need to look as far as the wealth of global enterprise businesses that have chosen WordPress as their CMS.

As with any software, though, there will always be vulnerabilities or potential risks that can arise in certain scenarios. For example, WordPress regularly releases updates to its software, and failing to test your platform upon these releases could lead to bugs or security issues creeping in. Similarly, certain plugins can create security problems if taken from the wrong sources or left untested for too long.

Finding an experienced agency partner you can depend on is usually a wise move to reinforce the security of your website. That partner will also be able to support you with important related services like hosting, maintenance, and ongoing optimisation. 

Discover how the WordPress platform can deliver enterprise-grade security in our related article here. 

Cost and TCO 

Your CMS also needs to deliver good value for money and a low total cost of ownership (TCO).

To understand your long-term TCO, you’ll need to take into account things like license fees, hosting costs, maintenance, bespoke development with your agency, and more.

Contentful’s Initial Costs and Ongoing Investment 

Contentful has basic and premium pricing plans for businesses, although you can use the platform for free to see if it’s a good fit first. 

The basic plan starts at around £250 per month and supports up to twenty users, so it’s only suitable for small businesses. The premium plan is priced based on the resources you’ll use, such as number of users, API requests, and storage. You can usually expect this to start at around £450 per month.

However, as mentioned earlier, most businesses will require a lot of support from an agency to get the platform set up in both the back-end and front-end. You’ll likely need ongoing work from an agency to ensure you can use the platform to its full potential as well, which won’t come cheap. 

All these things tend to add up to a high TCO over time, making Contentful less cost-efficient than some of the other CMSs around today.

WordPress’s Low TCO

WordPress is one of those solutions that is far more cost-efficient than Contentful, with a much more reasonable TCO. 

Its software is open-source and the platform free to use. This means your initial costs are limited to just hosting, agency fees, and any other support you may need once your site is live. Plugins and extensions of the platform are licensed and paid for separately.

As WordPress is such an intuitive and easy-to-use platform, it’s also affordable to run it and manage it, even if you do use an agency to handle that for you. This includes any bespoke development or customisation requirements you may have, which experienced agencies can often deliver with a very fast time-to-market as well.

Which Platform is Right for You?

Both these CMSs will enable you to build sophisticated, high-performance websites that will support your business goals and allow you to gain an edge over your competition.

As you’ve seen throughout this comparison article, they each have their strengths and weaknesses, as do all the other CMSs available today. That means you need to base your decision on which one is the best fit for your specific business.

For example, a headless CMS, whether that’s Contentful or WordPress, may be too complex in many cases. But if you’re looking to execute a holistic multi-channel marketing strategy, it might be the right choice for you. 

In the early stages of your evaluation process, it’s crucial to carefully consider your own unique requirements, objectives, budget, resources, agency relationships, and various other factors.  

In order to make the right decision between two CMSs, you need to understand which one will be more suitable to deliver on your needs and expectations, both in the immediate term and for years to come. 

Still not convinced? Discover five key benefits of WordPress’s industry-leading scalability in our related article 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 a business in the financial services industry, you have to navigate a range of sector-specific challenges that make it difficult to meet current user expectations with technology. This article will explain why a bespoke development project is often the most effective way to solve those challenges, and provide guidance on how to approach such a project.

For a long time, apprehension towards cyber security and data protection, alongside challenges with decades-old legacy systems, meant that many businesses in the financial services sector were a bit behind the technology curve. Banks and other financial services companies weren’t typically known for their impressive websites or sleek digital processes, at least not until fairly recently. Those days are long gone now, though, as digital transformation and technology-driven innovation have changed the financial services industry forever. 

Today, both your clients and employees alike expect a seamless digital experience when interacting with your services and processes. And meeting these expectations has become increasingly important over the past 10 years or so, as the more traditional finance businesses have faced disruption from trends like FinTech and digital banking. 

But whether you’re a long-standing financial institution, or an early-stage FinTech start-up, there’s a common priority among businesses in this industry – you simply must keep up with the pace of technology in order to stay relevant with your customers and maintain your competitive edge.

Changing Demands from Your Audience of End-Users 

The technology trends we’ve highlighted there will have caused you to shift large parts of your business model online over the past few years. Consequently, that will have created a range of new challenges for you.

Self-Service 

Whatever services or products you provide, your clients now expect the same convenient, effortless experience they’re used to with the technology they use on their smartphones every day.  

When interacting with businesses, most people want to be able to do everything for themselves online, ideally without having to interact with a sales-person or customer service rep. If you can’t enable this self-service in a simple and efficient way, your customers will be left frustrated. 

Cyber Security and Data Protection

The amount of data passing through your business is mind-blowing. All that data can be placed at risk if any technology attached to your corporate network is not secure. When you’re working with such highly sensitive financial data and strict industry regulations, all your technology must be highly secure.

Responsive Design 

Your digital systems need to be highly intuitive, dynamic, and, perhaps most importantly, simple and easy-to-use. That should ideally be the case for all systems, both client-facing and internal. 

User Retention 

If your current website feels clunky, unintuitive, or difficult to navigate, your clients will not hesitate to go elsewhere. While that may have been acceptable with cumbersome legacy systems in the financial services market 20 years ago, it’s simply not an option today.

People will leave a company’s website forever after one poor experience. This demonstrates just how important an excellent user experience (UX) is in retaining your user base.

Similarly, with internal systems like staff training portals or corporate knowledge bases, a poor UX will stifle adoption and usage of the technology. In turn, that will have a negative impact on your return on investment (ROI). 

Using Bespoke Development to Overcome Business Challenges 

In order to break down those barriers and overcome those challenges, many of the leading financial services companies have developed websites that are entirely bespoke. 

Modern enterprise systems need to be dynamic, intuitive, and user-centric. Delivering on all those attributes often requires bespoke development, especially in an industry as nuanced and complex as financial services. 

Your customers, partners, and clients must be able to interact with your services and access their data online, from anywhere, at any time. Not only that, but they also expect personalised content, tailored to their specific needs or challenges, at every stage of their user journey. 

For that reason, it’s often necessary to take the route of a bespoke development project to ensure that your business gains exactly what it needs – and that your users get exactly what they want – in terms of both functionality and capability. 

This covers all the possibilities and ensures your digital presence is tailored to your specific business objectives, the preferences of your users, and unique requirements, including:

• A bespoke website that differentiates you from your competitors
• An online portal, either for training internal users or providing a more engaging experience for your clients
• A new platform that can better integrate with your legacy systems
• A new content management system (CMS) that can provide greater flexibility and scalability 
• A way to transform time-consuming, inefficient manual processes into a unique, easy-to-use digital tool.

Whatever it is your business requires, you can follow the simple, proven process outlined below to ensure your investment in new technology is a successful one.

How to Approach a Bespoke Development Project for a Financial Services Business 

Understand the Purpose of What You’re Building

The first thing you need to do is reach a clear understanding of exactly what you’re trying to achieve with your website. Whatever you’re looking to build, it should align with, and support, your company’s strategic business objectives. 

It should also meet a specific need or solve a specific challenge for the users it’s aimed at. This will help you begin to determine exactly what you need in terms of design, usability, and any other bespoke functionality. 

Define Your Requirements in a Project Brief 

A brief is a simple written document that lists all the key ideas and details you think are relevant to the website or platform you’re looking to build. Use this to list all your functional and non-functional requirements, as that will make the project as clear as possible for the design and development agencies you speak to. 

Try to be as specific as possible to give yourself the best chance of having the project delivered on time, within your budget, and to your bespoke specifications. Without that specificity, you’ll likely be disappointed and could even end up drastically over-spending.

For a comprehensive guide to creating a brief that will set you up for a successful web design and development project, read our useful article here. 

Evaluate Your Technology Options 

In most cases, you’ll use a content management system (CMS) to build your bespoke site. This is a type of software-based platform that allows you to create, edit, and publish digital content across a range of online channels and devices.

Every bespoke development project will be different, so you should aim to select the CMS that best aligns with your objectives, requirements, budget, and other factors.

For example, WordPress is fast-becoming the platform of choice for many forward-thinking financial services businesses, because of the flexibility and fast time-to-market it offers.

To learn more  about how to understand and evaluate the enterprise CMS options for bespoke development, read our helpful related article here.

Find and Select an Agency Partner 

Building, managing, and maintaining a high-performance website in the current technology landscape can be very complex. It requires a wealth of expertise and experience, and also takes time. For that reason, the vast majority of businesses work with a web design and development agency to bring their vision to life. 

The choice you make about which agency to partner with will have a significant influence on the success or failure of your project, so approach this decision with a great deal of care. 

When you’re dealing with such a high volume of sensitive financial data, you must find an agency that understands and respects the critical nature of the work they’ll deliver for you. 

You should consider the following qualities as non-negotiable for your an agency: 

• Proven financial services sector experience and success 
• A strong track record with complex bespoke development projects 
• A long-term partner who can advise and guide you to make the correct decisions
• Certifications and accreditations 
• Compliance with financial services industry regulations
• Secure hosting, with back-up, disaster recovery, and risk mitigation plans
• Security built into the core of every project 
• Automated monitoring, maintenance, and support services
• Ongoing updates and optimisation for your platform
• Training and learning to help you gain maximum value from your investment. 

What Are the Key Components of a Successful Bespoke Development Project in the Financial Services Sector?

There are some key components of a web development project that you can specifically include in your requirements before you speak to any agencies. These will ensure you minimise your risks and mitigate potential problems, both during and after the delivery of the project. 

You should use these as criteria when assessing your agencies and your technology platform, as they should all be non-negotiable for any business in the financial services sector.

Hosting and Performance 

Hosting refers to the physical and virtual data centres used to house your website. It’s crucial to ensure your site will be hosted in a secure environment, with an experienced, trustworthy provider, because this will have a significant influence on things like security and performance. You’re likely expecting to deal with a high volume of data and a large audience of users, so it’s crucial to ensure your website or platform can handle that. 

Enterprise-Grade Security 

Security is not an after-thought, it’s a critical priority. From your choice of hosting services, to your data back-up and disaster recovery, right through to the frequent testing of your live site. Always place this at the very top of your list of questions when speaking to an agency or a technology provider about developing something bespoke.

Personalisation

Providing your users with personalised services and content is another crucial capability for modern financial services companies, but not all platforms can facilitate this. 

In order to ensure your end-users are having their experiences tailored to each individual, some bespoke functionality could be necessary.

Scalability and Multi-Site Development

As business growth is likely one of your key strategic objectives, your site must be able to support that. A scalable platform will allow you to seamlessly expand your online presence as your business grows and your needs change. 

Integration with Back-End Systems 

Like most financial services companies, your corporate network probably includes a variety of old and new systems and applications across all your different departments. If you’re going to have something new developed, you’ll need to build it on a technology platform that can seamlessly integrate with all those relevant systems. 

Ease-of-Use 

Whether or not a technology solution is a good investment or a bad one often depends on how easy it is to use, both for your team internally and your end-users. Usability is a key criteria 

Time-to-Market

One of the great advantages of developing a bespoke site is that you can continue to iterate and improve it based on user feedback. However, you’ll want to ensure you’re able to do so quickly and efficiently. 

Working with an agency, and a technology platform, that enables a fast time-to-market with your development projects is an important part of the process in terms of achieving positive ROI.

Ongoing Development and Optimisation

Following on from the previous point, your web development project shouldn’t stop at the delivery and deployment of your solution. Once your site is live, measure and analyse its adoption and usage. You can use that feedback to continue optimising its capabilities and functionality for the best possible results.

The Business Benefits of Bespoke Development  

While technology does create its fair share of challenges for businesses that are unprepared or unwilling to adapt, it also presents a vast range of opportunities to those who embrace it. 

A bespoke development project delivers something entirely unique and specific to your business, giving you a range of benefits and advantages, including: 

• Improving your internal UX, creating greater operational efficiency
• Improving your external UX, providing more convenient, intuitive services to customers 
• Streamlining mission-critical processes to reduce costs 
• Building enterprise-grade security into the core of your systems
• Enabling real-time interactions with data 
• Increasing customer retention and loyalty 
• Achieving competitive differentiation
• Accelerating business growth. 

In Summary

Financial services has always been a highly competitive industry, but with recent technology trends and changing consumer behaviour, it’s now more important than ever to have a strong, user-centric digital presence.

Not only do your clients and partners demand their data be handled in a secure, compliant way, they also expect a seamless, consumer-grade performance from all digital processes and services they use. Unexpected down-time, poor UX, or any similar frustrations will leave your customers unsatisfied and may put their loyalty in question.

In order to avoid these challenges and minimise your risks, it’s important to find the right agency, with the right technology, to create a website tailored to meet your strategic objectives and exceed your clients’ expectations.

To learn more, read our comprehensive guide to understanding and evaluating the enterprise options for bespoke development here.

Discover how global private equity advisory firm, Rede Partners LLP, transformed a time-consuming manual process into a game-changing client-facing online portal 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

Summary

In the first few months of 2023, generative AI has burst on to the scene and begun to change our relationship with technology forever. Already, there’s plenty of evidence to suggest that people in a wide range of jobs will have to adapt quickly or risk being replaced. In this article, we explore the impact AI is having on the web design and development industry, as well as how businesses, and people, should approach working with this innovative technology. 

———

AI tools are nothing new. We’ve all been using them for years, from chatbots to predictive text to voice-controlled assistants like Siri and Alexa. But the recent mainstream adoption of AI tools such as Chat GPT, and the rapid advancement of the technology itself, has caused huge disruption across a number of industries. 

Many assumed that people like marketers, software developers, and UX and UI designers would be some of the last ones at risk of having their jobs taken by AI, due to their need for creative skill and use of human emotion. Ironically, these roles have been some of the first to come “under threat” over the past few months.

AI’s speed and efficiency is already forcing us to ask questions about the future of the web design and development industry. With that in mind, one question in particular has dominated discussion online so far this year:

Are our jobs in danger of being taken by AI? 

By now, you’re almost certainly aware that AI offers incredible value by accelerating workflows and augmenting skills. Some of the most beneficial use cases lie in: 

• Brainstorming and ideation
• Assistance in research and information-gathering
• Writing copy
• Writing code 
• Image and video creation 
• Data analysis 
• Automating manual processes.

AI can also devise entire business and marketing strategies, solve complex problems, and even create its own AI-powered applications from scratch. Perhaps most importantly, it can do all these tasks in a matter of seconds, when most of them would take a human several hours, days or even months. 

The Latest News and Tools (at the Time of Writing)

Over the past few months, there are more and more AI-powered tools being released on an almost daily basis. 

The number of AI tools that have been released recently is staggering, and the capabilities of some of them is truly mind-blowing. Just last month, in March 2023: 

• GPT-4 was released as an upgrade to Chat GPT. GPT-4 can understand images, process 25,000 words in one go, earn a top 10% score on complex exams, and even demonstrate some advanced reasoning capabilities. 

• Adobe released Firefly, which is a programme with a range of new generative AI features. It can create outstanding new content using simple language, with almost-unlimited creative options like turning 3D compositions into photorealistic images and automating advanced video editing processes. 

• GitHub launched CoPilotX, which can supposedly boost coding speed by up to 55%. CoPilotX has similar features to Chat GPT, but will be used by software engineers and developers to boost productivity and time-to-market. 

• And, just last week, Stability AI released its Stable Diffusion XL model, offering photorealism through an intricate editing interface. It’s reportedly built with around 2.3 billion parameters. 

It’s both exciting and terrifying to think these highly intelligent tools are just the tip of the AI iceberg. When you consider how common it’s now become to use AI to develop even more advanced AI, it seems that the rate of evolution will only continue to increase exponentially from here. 

How is AI Transforming Design and Development?

While these AI tools are extremely impressive, it’s not as straightforward as simply plugging them in and sitting back while they literally do your work for you. It’s possible we may get there one day, but right now we believe we’re a long way off.

These tools are highly sophisticated and intuitive, and their adoption is probably going to change the way we all work forever. However, this should be seen as technology that will augment and enhance people’s ability to do their jobs, or create new jobs entirely, rather than “steal” them away from us. 

The current use cases for AI are mostly just ways for you to do your work, much faster and more effectively. This could either be done by automating processes to save time, or by supplementing your existing skill-set with new capabilities with the help of AI. For example, if you wanted to convert your code from one language into multiple languages, you would be able to do this with the help of Chat GPT. 

When it comes to user experience (UX) design, one crucial thing AI will always be missing is human empathy, emotion, and understanding. A company looking to create a high-performance website that supports their strategic business goals and engages their target audience will fail if they don’t take into account human understanding and collaboration between them and their web development agency.

Outlining the What and the How is important, but the Why is arguably what drives great UX and UI.

“Design is not just a visual experience, it’s an emotional one. It should make people feel something.”

Nathan Shedroff, Author and Professor of Design Strategy

UX design is a nuanced, collaborative process, focusing on the specific requirements of the business and the specific needs of the target audience. You can save a lot of time using AI to produce a high volume of early conceptual designs or accelerate your copywriting process. But without the human element, none of these things will be authentic or anywhere near the required standard.

Potential Concerns and Risks with AI

Of course, we’ve not even mentioned the rising concerns and risks associated with AI yet. Just last month, over 1,000 technology leaders and influencers signed a petition to halt the development of generative AI until more governance can be introduced to ensure its safety.

There are still some serious grey areas regarding the use of this technology in business as well, from regulations and legal implications to the copyright of creative work like logos and images. These are providing opportunities for a wide range of new forms of cyber crime, phishing, and “deep-fake” imitations which could spiral out of control if left unchecked. 

There are also plenty of moral issues surrounding AI that we must consider. For example, what implications will there be for our society if global businesses do begin replacing humans with AI on a large scale? 

A key concern is that Generative AI is also having a significant impact on the environment, which is a conversation most people seem to be avoiding for the time being. With the global fight to reduce carbon emissions intensifying, and more businesses placing sustainability at the core of their values, there needs to be some action taken to balance those priorities with the efficiency and speed enabled by AI.  

The SoBold Perspective 

From our perspective, as a leading design and development agency, we believe that people will always want and need to work with other people. Personable relationships, real-life experience, and critical thinking are all essential parts of our work. In many cases, that’s also what many of our clients value most about our services. 

Granted, we’re always looking for innovative new ways to push the boundaries, and AI is an incredible tool that will help us do that. But it won’t replace crucial human characteristics like empathy, emotion, and subjective opinions. 

It will, however, help us spend less time on low-value tasks, and more time to focus on building stronger relationships and gaining a deeper understanding of our clients’ needs. That will only result in improving the work we deliver, which is something we’re always striving to achieve. 

The Verdict on AI (for Now)

This year will probably be looked back on as a turning point in history when AI was introduced to the world. But this technology won’t replace too many jobs just yet. Instead, it will enhance our ability to work smarter, faster, and more efficiently. 

For now, the only people at risk of losing their jobs to AI are those who fail – or refuse – to adapt to this new way of working and embrace the change. Similarly, if you’re using AI because you’re being lazy or complacent, that will also cause problems. You should never use work produced by a generative AI tool without checking its quality and accuracy, and you’ll always need to add a human touch before considering it finished. 

On the other hand, if you’re forward-thinking and agile, embracing AI will make you exponentially better at your job. Here at SoBold, we’re personally most excited by how AI has the potential to help us vastly improve the service we deliver for our clients.

Of course, this technology is evolving so fast that it’s difficult to predict where we’ll stand a year from now. We’ll be discussing this, and lots of other important trends, in our new monthly newsletter.

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

If you’ve never been to a conference of any type before, you possibly think you already know the important areas of your profession and can find out any developments from your colleagues or the internet. At least that’s what I thought prior to attending Pixel Pioneers 2022.

Which option sounds more appealing to you? Pick up extra skills on occasion, or go to a conference and absorb a mega-dose of industry knowledge, make connections and enjoy exploring fresh surroundings? Luckily at SoBold we have the opportunity to do both.

The conference covered both ends of the telescope – from broad topics such as energy consumption, to a fifty minute talk about the brief three milliseconds your screen goes blank in between webpage loads. How the visually impaired experience the internet, to technical developments in styling / fonts.

My personal hero was Chris How – his mantra of valuing your customer’s time and giving them small moments of delight strongly resonated with me. In accordance, I want to guide you through the content of the conference, with links to the core material that will best replicate what the SoBold team saw, whilst valuing your precious time.

GAVIN STRANGE : Less Thinkering, More Tinkering

A must watch to boost your levels of creativity. Gavin shares his personal and professional projects with Aardman Studios. Lots of useful insights into reaching the pinnacle of creativity. Highly engaging delivery, visuals and plenty of ‘further reading’ material. Definitely worth watching in entirety. Gavin Strange website – will give you a sense of his creative flair and influences. https://www.jam-factory.com/

“It’s better to beg for forgiveness, than ask for permission.”

Gavin Strange

BIANCA BERNING : Variable Fonts – WTF?

From a technical and design standpoint, learning about variable fonts is incredibly useful. Towards the end Bianca veers into the potential application of variable fonts – imagine a world where your computer mutates its content to fit the viewer’s specific needs. If you’re looking for new avenues for unique artistic features for your website – this talk is for you. Everyone should have a play with variable fonts – try it here https://v-fonts.com/

CHRIS HOW : You Got to Fight for the Right to Delight

Chris’s choice of examples and commentary is intentionally entertaining and eclectic. His approach to design changes your criteria for success and also would decisively influence your next project. Essential viewing. Whether you’re a seasoned designer or developer short of a design, this talk will give you a guiding direction. Information on the Kano product roadmap here. https://www.productplan.com/glossary/kano-model/

LÉONIE WATSON : Accessibility: The Land That Time to Interactive Forgot

Visually impaired people experience the internet through screen readers – the internet described in words. Léonie’s valuable insight will definitely re-balance your priorities and appreciation for how websites should function. Some of the technical history she overviews was a bit lost on the audience but the switch in mindset is valuable. Important to dip into, especially for gleaming a deeper understanding of how a web document is compiled and loaded. It might sound ‘techy’ but it’s like understanding how our lungs work – illuminating. If you haven’t viewed any of your own websites using a screen reader – you definitely should. For a great sense of how the net is best experienced for visually impaired users – just check out her website – tink.uk

LUKE MURPHY : Lightning Talk: Design Tokens – Searching for a Source of Truth

Design Tokens act as a very useful tool for blending the boundaries of where design and development meet, in fact, they act as a technical element that affect design and development in equal measures. If you have no idea what a design token is – this talk could unlock a tonne of structure for your product. Here’s an overview article on design tokens 

HANNAH SMITH : How to Make Digital Services More Sustainable

Hannah Smith’s talk invited us to critique our energy consumption and make changes to our habits as both consumers and producers of digital content. She makes the case that space travel is a waste of resources, and that using less lays the path to fulfilment. See if her arguments resonate with you.  Hannah’s book recommendation – Doughnut Economics by Kate Raworth

JHEY TOMPKINS : Supercharge Your Skills with Creative Coding

A mad professor of CSS and JavaScript – Jhey has a mixture of technical tricks and interesting libraries for speech recognition. Deadpan yet full of colourful examples, Jhey clumsily demonstrates his collection of magical creations and challenges you, the developer, to break out of your ‘siloed’ mentality for visual  presentation. Check out his catalogue of wondrous CSS/JS creations here

STUART LANGRIDGE : You Really Don’t Need All That JavaScript, I Promise

Painting with the broad brushes down to the nat-hair infinitesimally small details, Stuart reminds us of the importance of returning to the basics in order to best utilise the web. Unfortunately some of the libraries he suggests do not have extensive compatibility and thus aren’t for mainstream production… yet. His insight does provide a deeper understanding of the mechanics of the tools we use, although the message is quite drawn out. Example of the shared transitions js library https://codepen.io/drenther/pen/NjzeOO

RACHEL ANDREW : What’s New in CSS?

Rachel Andrew – new css features either in or emerging from or newly arrived from CSS-land. Truly at the coalface of emerging CSS features. For a frontend developer it was akin to being shown new letters in the alphabet that were being proposed. A summary of similar information can be found here – https://www.smashingmagazine.com/2022/03/new-css-features-2022/

Bristol itself is well worth a visit – a centre for nightlife, hedonism and youthful idealism. Simply walking around the harbour area in the daytime will refresh your appreciation for one-of-a-kind shops and overflowing street art. Make sure you have plenty of free space in your phone for all the photos. The SoBold team had a very enriching experience and bonded even tighter as a team. I hope to see you at the next one!

Links to the conference videos will be available via the Pixel Pioneers website.

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

Summary

In this article, we’ll outline the end-to-end steps of what takes place in a thorough user experience (UX) and user interface (UI) web design process and discuss what modern web design requires to be successful.

—

You may have read our in-depth guide to creating a brief for a web design and development project. A brief can be used to capture all your ideas and requirements before discussing your project with any web design and development agencies. 

Once you’ve completed your brief, and evaluated your options for agency partners, you’ll be ready to launch into your website project. 

An end-to-end website project is typically organised into phases, which will usually be structured as follows: 

1. Design
2. Development
3. Quality Assurance Testing
4. Migration and Launch.

We’ve provided a detailed breakdown of these phases in a recent series of articles. This series is intended to give you a clear understanding of the full end-to-end process involved when working with an agency to design and develop a website. This will help you remove any apprehension heading into this kind of project and set you up for success.

The Current State of Web Design

“Design is not just what it looks like and feels like. Design is how it works.”

Steve Jobs, Co-Founder and former CEO of Apple.

While web design does focus on the visual aspects of the site, there’s a lot more to it than just the aesthetic elements like colour schemes and typography. 

Web design is a complex blend of branding, user experience (UX) design, user interface (UI) design, graphic design, content creation, layout and structure, accessibility, and much more.

The design of your website needs to be visually attractive but, more importantly, it also needs to be simple and easy-to-use. Your website needs to find the perfect balance between supporting your strategic objectives and serving your clients with a seamless experience. Of course, that’s much easier said than done, which is why it’s so important to find an experienced partner you can trust to guide you through the process. 

Outlining the Web Design Process 

Phase 1 – Research and Planning

The phase that underpins  EVERYTHING!

A good agency will have absorbed everything in your project brief. They should also have worked hard to understand your perspective and your requirements from your website, before you’ve even agreed to work together. 

Once you’re preparing to launch the project, the research and planning phase will then go beyond that initial information gathering exercise. 

The objective of this phase is to define the full scope of the website, including its design, its features and functionality, its content, and everything else involved. 

Your site will be discussed in extensive detail, and then research will be conducted into some key areas that will inform your design and development, such as:

• Strategy
• Website Data 
• Target Audience
• Industry Landscape
• Competitors.

Whether you’re making small updates to an existing design or completely rebranding your business, it’s equally important to use this research to inform every decision you make. That’s because every element of your site’s design must be made to support your business goals and serve your target audience with a great user experience (UX). 

This research and planning phase is essential in enabling you and your agency partner to do that. 

Phase 2 – Visual Exploration

This exploratory phase involves defining the most appropriate and effective visual direction to take with your site. 

The main tool used to help determine the right visual identity for your website is a set of mood boards. These are a visual compilation of different options for colour, typography, structure, images, and other visual components that are used to tell your brand’s story through your website’s design. 

A good agency partner will usually present around three mood boards to help shape the direction, then collaborate with you to narrow it down to one final version. 

Visual exploration, like most processes within web design and development, will be collaborative and iterative. You’ll be presented with ideas by your agency partner, then given the chance to provide feedback across several rounds of revisions. 

Phase 3 – User Experience (UX) Design

The UX design process is the phase in which you work with your agency’s UX specialist to create a blueprint of the website functionality. 

This involves creating wireframes (either low-fidelity or high fidelity) that help you visualise the design and outline your website visitors’ flow through the pages into your main calls-to-action. This is the way the website’s design works strategically to drive outcomes that align with your business goals.

This phase takes place before working on the site’s visual design to ensure the two separate aspects complement each other. 

Phase 4 – User Interface (UI) Design

From there, your user interface (UI) will be designed. The styles, fonts, and look and feel of the site from the mood boards will be applied to the wireframes. 

Your agency will likely present you with a design for your homepage before moving on to the rest of the site. This will typically be done on a desktop screen size, but it can be done on mobile if you want to take a mobile-first approach. Once this is complete, it will then be designed across the relevant breakpoints.

After completing this process, your agency partner will be ready to enter into developing your website.

Making Complex Processes Simple

As technology continues to become more advanced, more and more of our daily lives now take place in a digital-first context. This means:

• Your target audience now has a shorter attention span, and less patience when browsing websites and services online
• Your target audience also has more choice of options than ever before when choosing who to buy from. 

In order to succeed, your website’s design requires careful planning, research, and a strategic approach if it hopes to meet the demands of the modern client.

Working with a specialist design and development agency is a proven approach to ensuring you gain a website that meets your requirements and delivers on the expectations of your target audience. 

Completing a process like the one outlined in this article will enable you to design a website that can become your clients’ go-to online source when they have a need. 

As mentioned earlier, we’ve provided a step-by-step guide to each of these phases to make the process even easier for you. 

To learn how to easily navigate the research and planning phase of a web design and development project, read our next article 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