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

SoBold are delighted to announce that we have obtained a sponsor licence in order to sponsor international skilled workers to come and work at SoBold.

SoBold have always put heavy emphasis on hiring the best global talent for our needs, and we have strengthened our ability to do this by obtaining a Skilled Worker Sponsorship Licence. 

With all sponsorship licences that the Home Offices grants they need to be reassured that the sponsors can live up to the “significant trust” that the department places in them. The Home Office further made checks that SoBold is a “honest, dependable and reliable” workplace, and capable of meeting the responsibilities that it expects from sponsors.

Since being granted our Skiller Worker Licence, we have been fortunate enough to put it to use to hire two new team members. 

Anna de Moraes, joined SoBold, from Portuguese company, SpringParrot. Anna had been able to work remotely, and was living and working from the UK, when she got in touch with SoBold. Anna, who is natively from Brazil, said of the process: 

“​The steps were pretty clear and the whole process was quite simple. I’ve had friends waiting years for their visas to be approved while we were able to complete everything in a short period of time! I was already excited to start and, in a blink of an eye, I was finally part of the SoBold team!”

More recently, SoBold hired Santosh Gajera as a Back End WordPress Developer. Santosh has relocated from India in order to provide his services to SoBold. When asked about the process behind him getting his Skilled Worker VISA granted, Santosh said:

“To keep my IT career moving forward, I needed sponsorship from an organisation that sponsored my visa. SoBold has been an invaluable help in obtaining my Tier-2 (Skilled worker) visa. I am very thankful to their hard work and professionalism. My documents were handled very scrupulously by them, and they provided full support throughout the whole application process . I got my visa approved in two days, which is amazing, and they handled everything for me.”

SoBold worked with all-in-one digital platform, Nation Better in order to achieve our sponsorship licence and the process was streamlined, affordable and transparent.

SoBold already have a diverse talent pool, with staff from all over Europe, and with the help of Nation Better, we have been able to improve the way in which we hire international talent and open up opportunities further afield. We look forward to continue growing our team with exceptional overseas talent and have access to a wider talent pool.

SoBold Managing Director, Will Newland said:

We are absolutely delighted to welcome both Anna and Santosh to the SoBold team. Without our Sponsorship Licence we would be missing out on a large pool of talent that is the future of our business. We very much look forward to continuing to use our Sponsorship Licence to our advantage and giving skilled employees the opportunity to come and work here at SoBold.

For more information on what current vacancies we have, please visit our website careers page.

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

Evaluating and selecting the best option for a bespoke web development project is an important decision, with a lot riding on it. But with so many technology providers, platforms, and agency partners out there today, that decision can be overwhelming. 

In this article, we’ll guide you through this evaluation process, explore the options available, and help you choose the right technology platform for your own web development project.

We all know that a large business or enterprise relies on technology to function. With dozens of sites across different countries, hundreds of employees, and thousands of customers, technology is the heartbeat of your organisation.

You need sophisticated technology to facilitate mission-critical digital assets like your website, mobile applications, staff portals, communications channels, and various other systems. Many businesses also leverage technology to facilitate processes or capabilities that are entirely unique to the organisation, like internal training platforms or bespoke tools for certain departments. 

With that in mind, it’s important to find a platform that can meet your specific requirements and enable you to accomplish your strategic objectives. 

Modern enterprise systems need to be dynamic, scalable, and intuitive, and achieving that involves some complexity behind the scenes. For that reason, it’s often necessary to take the route of a bespoke development project to ensure your business gains exactly what it needs in terms of both functionality and capability.

A content management system (CMS) is the most common technology platform for businesses to deliver these projects, with almost two thirds (63%) of all sites on the Internet powered by a CMS today. This is a type of software used to build websites and similar systems, allowing you to easily create, edit, and publish digital content across a range of online channels and devices. But determining the best CMS, let alone choosing the right one for your own bespoke development project, can be a daunting challenge.

So, let’s explore the situations in which it’s wise to adopt a CMS to deliver a development project. We’ll then walk you through the next steps, giving you the confidence to make the best decisions for your business along the way. 

Enterprise Challenges with Technology 

There are plenty of situations in which a marketing team might be struggling to identify the right technology platform for a project like this. 

Perhaps you need to find a way to deliver something very niche, like building a new website or internal system from scratch. Maybe your project requires you to build a website on a new platform, and that platform needs to integrate with your internal systems like Salesforce, HubSpot, PowerBi, and other back-end applications.

Or, you may be trying to solve a challenge, like finding a suitable way to replace your current legacy systems. If, for example, your current website is built on a CMS like Drupal, and it’s no longer capable of meeting your requirements, you’ll need to find a new platform and migrate everything over.

A CMS is an ideal solution in each of these scenarios, and many others. Of course, with such a vast technology landscape to navigate, finding the right CMS is no easy task. It’s even difficult to know where to begin for most enterprise marketers.

So, let’s take a look at how you can approach this evaluation process in a cost-effective, efficient way.

How to Approach an Enterprise Web Development Project

Firstly, as an aside, it’s important to regularly review and reassess whether your CMS is fit for purpose, even if you don’t have an immediate requirement for something new. 

Modern technology is advancing so rapidly. With that, your users’ expectations – both employees and customers – are evolving as well. You need to keep up with the pace of change and ensure your technology can still meet the current demands it faces from those users.

Back to the task at hand, though. Before you begin looking into different CMS, you should try to define exactly what it is you need from them. 

Whether you’re building a bespoke website or migrating an existing site to a new platform, make sure you know exactly what you want to achieve by doing so. 

Start by asking questions like: 

• What’s the purpose of your project?
• What objectives do you want to achieve?
• What exactly are you looking to build?
• How much budget do you have to spend?
• What existing technology do you need to integrate with? 
• What features and functionality do you need?
• What skills and expertise do you have in-house?

Make sure you have a very specific brief and clear set of requirements to take to whichever solution providers and agencies you’ll be speaking to. If you don’t, you’ll struggle to fully understand whether the platforms you’re evaluating can actually deliver what you need.

Once you’ve got that, you can decide which approach is the best for your project. This could be: 

• Stick with your existing platform and update or build on to it
• Buy a custom, purpose-built, ‘out the box’ platform or piece of software 
• Work with an agency to adopt a new platform and/or build something bespoke.

It’s worth noting that most web development projects for large businesses will have complex requirements that are almost impossible to achieve without strategic guidance and ongoing support from an experienced partner. An agency partner will work closely with you to understand your strategic objectives and requirements, then provide you with platform-specific skills, tools, and expertise to achieve those. We’ll look at this in more detail later in the article. 

Defining Your Requirements 

As mentioned above, it’s important to have a specific set of objectives for your project and know what requirements are necessary to achieve those. These will also ensure the partner or agency you work with understands your brief and is able to deliver the exact finished product you’re looking for.

When scoping this out, there are some common capabilities and qualities most enterprise-grade platforms should have in order to meet expectations. Here are some things you should ensure your new platform – and the agency you work with, if you decide to go that route – can provide for your business:

• Bespoke development 
• Customisable design, features, and functionality 
• Migration from legacy systems to a new platform 
• Seamless scalability 
• A secure infrastructure
• Performance in peak traffic volumes
• Integration with back-end systems like Salesforce, HubSpot, PowerBi, and more
• Ease-of-use in both the front and back-end
• Quick and easy editing capabilities 
• Multi-site development for multiple languages across different countries
• Responsive or ‘headless’ design for web and mobile, enabling omni-channel customer experience.

Your Options for Enterprise CMS 

Drupal 

Drupal is popular among enterprises because it’s a highly secure platform. It’s also great if your team contains technical resources with good coding ability, as it’s very intuitive for people that have more advanced content management skills. 

On the other hand, Drupal can be very difficult to get up and running, and is lacking in terms of simplicity. Because of this, your agency costs will also likely be higher than with other CMSs if you take that route. 

Even if you do have that technical skill in your team, however, the platform itself is somewhat limited with customisation. It’s also worth noting that the version of Drupal most businesses currently use (Drupal 7) is soon reaching end-of-life. This has caused many Drupal users to migrate their existing sites to new, more intuitive platforms, such as WordPress.

Sitecore 

Sitecore is a robust CMS that provides more capabilities than the average platform. It’s popular because it actually offers a fully-managed ‘digital experience platform’ that delivers most of the qualities mentioned in the previous section. 

Sitecore comes with a good level of personalisation and is well suited for bespoke development projects. However, it’s an expensive system, requiring the procurement of licenses to begin using it. It also restricts certain capabilities unless you progress to higher tiers (and costs) of your licenses. 

From a practical perspective, Sitecore operates on quite hierarchical, complex workflows, which may not suit more agile or smaller teams. 

Umbraco

The scalability of Umbraco is great for large organisations, as it allows you to manage a high volume of pages and build out your website to meet the changing needs of your business.

Similar to Drupal, Umbraco is mostly suitable for users with more advanced content management skills and some development experience. This makes it difficult to use for the average marketing team, which increases the likelihood of higher costs, either through more expensive agency projects or even the need to hire someone in-house.

WordPress 

WordPress is the platform that powers almost 45% of the world’s websites. It’s so popular because it’s affordable, flexible, dynamic, and very easy to use. 

There is a common misconception that WordPress isn’t robust or scalable enough for large businesses. However, this continues to be proven as a myth, as some of the biggest brands in the world are now using WordPress for their CMS, from Nike to Bloomberg.

We’ll provide a detailed breakdown of the benefits and advantages WordPress offers in the next section.

Which is the Best Option? 

It’s important to remember every web development project will be different, and each of these platforms are good options in their own way. That’s why you should make your decision based on the solution that best aligns with your objectives, requirements, budget, and other factors. 

One common point related to all these platforms that’s worth noting is that each of them are exponentially easier to use, and will deliver far greater return on investment (ROI), if you have the support of an experienced specialist partner to guide you. An agency with platform-specific skills and expertise will ensure your business gains the maximum value from the platform you select, and help you leverage it strategically to harness its full potential. 

Business Benefits and Opportunities with WordPress

Using WordPress is an excellent option for any business. For large organisations in particular, there are a number of qualities that make it particularly beneficial. 

Scalability and Agility 

The WordPress platform is highly scalable. This means that the size and complexity of your website, and the amount of traffic passing through it, won’t be a concern. WordPress can also grow with your business and easily adapt to continue meeting your changing needs. Scalability is one of WordPress’s most prominent advantages for enterprises.

Low TCO and Strong ROI  

Of all the options listed above, WordPress comes with the lowest total cost of ownership (TCO). Unlike most platforms, you won’t need to bolt on new features or capabilities with WordPress,  nor will you have to worry about costly extra work to manage platform upgrades or updates. Additionally, because WordPress is so flexible and rich with dynamic features and capabilities, it’s proven to deliver strong ROI. 

Flexibility and Customisation 

WordPress is ideal for a bespoke development project because it’s highly customisable. You can use its flexibility to build bespoke features and functionality into your website or create an entirely unique system.

Fast Time-to-Market 

Because of its great usability and simplicity, WordPress allows for a very fast time-to-market, meaning you can deliver your project quickly and efficiently. However, it should be noted that  most businesses will need the support of a skilled agency to be able to achieve that.

Integration 

WordPress is very easy to integrate with other systems, such as HubSpot, Salesforce, and others. This means your business will experience minimal disruption due to integration, whether migrating to WordPress or starting a new development project from scratch.

Usability 

In the back-end, WordPress is renowned for its usability. As a CMS, it’s extremely easy to use, meaning you can get up-to-speed quickly and share responsibilities across more members of your team. 

Performance 

The performance, speed, and ease-of-use with WordPress are all enterprise-grade when building websites on the platform. This means user adoption and retention will be high, ensuring the success of your project and driving greater ROI.

Long-Term Value

When working with WordPress, you’ll also gain advantages that will deliver added value to your business, especially if you have the support of a specialist partner who can help you unlock the full power of the technology. 

The project doesn’t stop with the initial implementation of WordPress, either. As your requirements change, or your project evolves, WordPress is the best platform to adapt with you and deliver value to your business in the long-term.  

Why WordPress is the Future of the Enterprise

WordPress is the most popular and widely used CMSs in the world today. And that popularity has been consistently spreading into the enterprise market over the past decade or so.

This is no coincidence, either. It’s unsurprising to see how quickly WordPress is growing in popularity, as more and more businesses realise the vast potential of the platform and the benefits it can deliver.

When taking into account its unprecedented scalability, flexibility, and usability, not to mention its low TCO, WordPress is one of the leading options for bespoke web development projects for large organisations.

When it comes to evaluating the options for your own project, remember to carefully consider how each platform aligns with your requirements and objectives. Once you’ve identified the CMS that is most suitable to deliver what you’re looking for, consider the value that could be added to your project by working with an agency partner who specialises in that technology. 

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 

If you’re looking to build a website for your business, a proven approach is to work with an agency and have them deliver the project for you. This could be a bespoke website design and development agency or solely a website or platform development agency.

Before you approach an agency, however, you’ll first need to reach a clear, detailed understanding of your requirements.

This article will provide an in-depth guide to help you through the briefing process and ensure your chosen agency delivers your project successfully, including a free template you can use to create your own brief.  This template can also be used for other types of development projects as well, including anything from an online portal to an internal training platform.

Where to Start 

Whether you need to design and develop a new website, or rebuild or migrate an existing site, a natural first step is to take your idea to an agency with a view to launching a web development project. 

However, it’s a common mistake to go to an agency too early with just a raw, under-developed concept. Rather than meeting with an agency prematurely, we strongly suggest going through the process of defining your specific requirements and creating a project brief first.

The first thing to do is hold a discussion with the relevant people internally. Talk through the idea, and try to define what it is you need and what you want to achieve with it. Get a clear picture of what that idea or a concept will turn into, but also think carefully about what it should do from the perspective of your end-users. 

Once you have a more tangible understanding of what you’re looking to build, you should begin creating a brief. 

This is a document outlining the key details and requirements for the project. It’s something you’ll need to take with you to your introductory meetings with the agencies you’re considering, as it will be a very useful tool in helping you explain your idea clearly. 

A brief doesn’t have to be complicated. It’s just a simple written document that lists everything you want at this early stage. However, while a brief can be simple, it’s important that it’s as specific as possible too. The more detail you provide for your agency, the more chance you’ll have the project delivered on time, within your budget, and meeting your expectations. 

Why Having a Brief is Crucial

There are some potential pitfalls to be aware of that could create challenges for you if you don’t create a thorough brief. 

Unfortunately, some agencies will be willing to work with you without a detailed brief, glossing over important details and keeping the expectations and requirements vague. This is a red flag to look out for, as it will likely result in one of several outcomes:

• You risk going through a long, expensive discovery and definition exercise that you could’ve done yourself internally for no cost. 

• You risk being given a quote that’s too expensive, or a project timeline that’s longer than necessary.

• You risk receiving a service from the agency that doesn’t align with your request or meet your expectations. In turn, you’ll then have to spend even more time and money on a new project to get your original idea developed. 

A brief is what gives you and the agency a mutual understanding of the work that needs to be done to successfully deliver the project. Without that specificity, you might end up disappointed. That’s why it’s always wise to put some time and effort in up front before taking your idea to an agency.  

Once you submit your brief, you may be invited to participate in a follow-up session to further explore the requirements you’ve listed. This is perfectly normal, and actually a good sign. Experienced agencies will want to talk through each of the elements of your brief with you to help determine the best possible way to deliver those in the project.

How to Create Your Brief 

When you begin to discuss and plan the requirements of your project between your team, we recommend thinking carefully about the following points. 
Please note: There are a lot of things that could go into a project brief, depending on how complex your requirements are, so we won’t include everything here in this article.

The Project’s Purpose and Goals 

Start by thinking about what the purpose of the project is. There’s no use speaking to an agency until you have a clear, specific understanding of exactly what you’re trying to achieve with this project. This should relate to your strategic business objectives, but it should also be designed to meet the needs of your end-users. 

Ask yourself how this will allow you to improve your end-users’ experience or solve a problem for them. Answering this might involve working on user personas or developing user stories, or potentially even working directly with some members of your target audience to gather their input. 

Project Timelines and Deadlines 

Timing is another important point to think about, particularly how much time you have to deliver the project. Deadlines can sometimes relate to certain dates that are out of your control, so it’s better to start as early as possible in those cases. If there’s any flexibility with the timeline for delivery, make a note of that as well. 

Project Stakeholders

Make a list of all the stakeholders involved. This is a good thing for the agency to be aware of early on, because the project becomes more complex with a higher number of stakeholders.

Depending on the size of your business, and the nature of your site, your project team will usually be some combination of: A marketing director or marketing manager, someone from your operations department, and someone from IT. 

However, if you also have people like someone from your IT team responsible for security, a content writer to provide all the written text, or any external consultants, that should be made clear in advance. If your site will need to integrate with other platforms, such as your CRM system, you may have an integration manager specifically in charge of overseeing that as well.

It’s useful to designate roles to certain stakeholders, such as project sponsors, product owners, administrators, and so on. This will help you understand who’s responsible for different aspects of the project internally. 

If you plan to work with external agencies for things like SEO or branding, it’s important to note that in your brief. This is necessary for the development agency to be aware of as early as possible, because collaborating with other third-parties at different stages of the project requires a lot of coordination. 

Certain processes may also have to run differently if other third-party agencies want to be more hands-on or handle some parts of the site themselves. The earlier this is made clear, the more smoothly the project will run. 

Technology Preferences 

If you have any preference of technology platform or any requirements related to your existing tech stack, that will be something you’ll need to decide early on. For example, would you prefer to use WordPress due to its scalability, or do you have any existing investment in any other platforms? 

Think about any preference you have for the various technology choices available, why they’re important to you, and whether your agency will have to tailor their approach to accommodate that.

If you need help understanding and evaluating your options for technology platforms, check out our helpful guide here.  

Budget 

Try to determine a minimum and maximum budget for your project, even if it’s just a loose range for now. It will help you evaluate agencies, and will also help you prioritise the various aspects of the project as “must have” or “nice to have” in many cases. 

Design Look and Feel

This is where your company’s brand comes into play. You’ll want your site to reflect your brand and that will come through in the design. Bring any brand guidelines to the table, and think about what sort of tone or experience you want to convey to your end-users. 

If you don’t have any recent brand guidelines and want help updating them, or need to go through a rebranding process, mention that in your brief as well. Design and development agencies will often be able to help you in these areas too, or at least refer you to a trusted partner who can. 

User Interface (UI) 

How your end-users will interact with your site, and what kind of experience they’ll have, is largely determined by the user interface. When it comes to design and UI, simplicity is usually the best approach. However, depending on the function you’re providing, you might have some specific or bespoke UI requirements. 

Consider your target audience carefully here as well. For example, if most of your users will be accessing your site from a mobile device, it’s probably wise to opt for a mobile-first design.

Some other important things to think about here include how you’d like your sitemap to be structured, especially if you have an existing site that you’re already happy with. 

If your project will involve rebuilding or migrating an existing site or platform, it will be helpful to gather any existing data sources, such as Google Analytics, that will provide insight into your current site.

Non-Functional Requirements

Non-functional requirements are all the aspects of your site that happen behind the scenes. These are things that allow your site to do its job properly for your end-users, but won’t be evident to those people while they’re using it.

There’s a lot of things to consider with non-functional requirements, so we won’t cover everything here.

Hosting

If you have any specific hosting requirements, such as a preference for a certain cloud-based platform, or a particularly secure data centre, those will be important to identify as early as possible. 

Say, for instance, that sustainability is a core value for your business, this could also have an influence on how and where your hosting is managed.

If you have an internal IT team that will be contributing towards the hosting decision, make sure you involve them in the discussion.

Security and Compliance

Security is a growing concern for all businesses today. It’s crucial to think about security as a core component of any web development project, to minimise any potential risks for your business.

If you have someone in your team responsible for security, they should begin to think about issues such as: 

• How will you be backing up the site’s data? 
• What level of data encryption do you need? 
• How will users’ personal details be stored and protected? 
• Will you have two-factor authentication?
• What password recovery process will there be for users? 

Robust security also involves keeping compliant with any specific security or industry regulations that may affect your business. Of course, compliance with things like GDPR should be planned for at this stage too.

Some other common non-functional requirements include things like session management capabilities to track and things like log-in time, session length, pages visited, and so on. Search engine optimisation (SEO) tools, analytics, or other capabilities might need to be built into your site as well. 

Accessibility, Usability, and Responsive Design

When it comes to aspects that will make your users’ experience as seamless as possible, such as accessibility, a good agency will ensure all these things are taken care of for you. This is also the case for ensuring all major web browsers, operating systems, and devices are fully supported and compatible. Development should always be compliant with industry standards, taking into account optimum accessibility and usability.

However, if you have any additional or bespoke requirements for any of these things, those will be useful to note early on.

Functional Requirements 

The term ‘functional requirements’ refers to everything that your site will be able to do for its users, in terms of its features, functionality, and capabilities. 

As mentioned earlier, one of the first things you discussed was what the site will help your end-users achieve. From the perspective of building something your target audience can use, you should start to get a feel for what functionality is required to ensure they can achieve that.

Features 

Your features are the things your site will allow your users to do. These can be very simple, or very sophisticated, depending on what you’re aiming to provide for them. 

When putting your brief together, think of any and all features and functionality that might benefit your users. Your agency will then work with you to explore these and find the best way to turn that into intuitive, user-friendly features for you. 

What to Do Next 

Once your team has been through the process of talking through all the points listed above, you should have a very thorough, useful brief to work with. The next step is to take that brief to any introductory meetings you have with agencies and ask them what they think of the project initially. 

It’s normal for an agency to ask lots of questions at that stage and really dive into the ‘WHY’ behind all the things you’ve put into your brief. A good agency will even challenge you on certain decisions, to help you determine the best possible way to build what you need. 

Once you’ve discussed your brief with an agency, determine which one feels like the best fit. Choosing the right agency is crucial, as it will have a huge influence on whether or not your project is successful. 

As mentioned earlier, some agencies will agree to launch into a project without a brief, and that can be extremely problematic. While the main purpose of a brief is to help you and your agency understand exactly what you need, it should also be used as a way to spot partners who may not be sufficiently thorough or conscientious.

Whichever agency you choose, a detailed brief will help you ensure you’re given a fair quote, realistic timelines for completion, and a finished product that meets your requirements and expectations.

More Helpful Resources 

If you’re considering a bespoke development project, our related article provides useful guidance to help you choose the right technology platform for your specific needs: 

Understanding and Evaluating Enterprise Options for Bespoke Web Development

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 part of our web design series, we recently explained the process we follow when designing the UX of a website. If you’ve not read that already, it will be useful to go and have a look first before reading this article.

A study by Forrester Research has found that a well-designed UI has the potential to increase your website’s conversion rates by up to a 200% while UX design could raise conversion rates by a staggering 400%. 

Whether you’re working with a web design and development agency or an independent designer, this process is equally important. Nailing the UI design process is a crucial step towards producing a website that will maximise engagement with your target audience and help you achieve your business goals. 

So, let’s take a detailed look at how to run a successful UI design process.

User Interface (UI) Design at a Glance

The UI design process is the creation of the visual design elements of your website. Think about UI as the way in which you convey your brand’s visual identity and bring your UX to life. The UI is there to facilitate the UX.

How Does the UI Design Process Work? 

As mentioned in our related article, UI design is typically the fourth phase of the end-to-end process of web design.

Earlier in the process, we recommend conducting a visual exploration exercise, using mood boards to gain a clear understanding of how your brand will be conveyed and how your website will look and feel.

That visual exploration phase of the project is a pre-cursor to your UI design, as it creates the visual identity of the website, including use of colour, font, blank space, buttons, and more. Some agencies do this as part of the UI phase, but here at SoBold we like to keep it as its own stand-alone phase. You can learn all about the visual exploration phase and how it works here. 

After you’ve been through the UX design process, you’ll have approved a set of wireframes, which give you a blueprint of your website’s structure and flow before anything is built properly.

Once you’ve approved those wireframes, then the visual design created with the mood boards will be applied to bring them to life. This is essentially how you create your UI.

Your agency will typically begin with the design of your website’s homepage. Like each phase previously, you can expect this UI design process to be collaborative. Be prepared to have all the stakeholders available to provide feedback to your agency, and work with them to perfect the design when it’s combined with the wireframes.

Once the homepage is approved, your design will then be applied across all the pages of your site. Again, this is an iterative, collaborative process based on feedback and revisions.

Responsive Design Testing 

On completion of the desktop designs, your agency partner will work on designing the site across multiple break-points. To ensure your site is responsive across all the most popular devices, the following break-points should be tested as a minimum:

• 1,920px – This covers most external computer monitor sizes
• 1,366px – This covers most laptop screen sizes
• 992px – This covers most Notebook and iPad devices
• 768px – This covers most other tablet devices
• 375px – This covers most smartphones.

You’ll then reach the exciting part, where your website is fully designed for you to view, test, and play around with. Once you’re happy with the design across the different break-points, your agency partner will be ready to prepare the design for a development handover. 

What Does Effective UI Design Involve? 

Good UI design is something that should feel seamless and almost invisible to your visitors when they land on your website. The aesthetics and visual style should be simple and engaging, while not distracting from the UX. 

These days, you only have a matter of seconds to make a positive impression that can retain your visitors’ attention, so it’s crucial you don’t over-complicate things. But what differentiates good UI from bad UI in practical terms? 

Like with UX design, there are some best practices you can follow to ensure your website has an effective, attractive UI. 

Follow these guidelines to create a UI that delivers the desired experience for your visitors and supports your website’s strategic objectives: 

• Keep your design simple and your content succinct
• Prioritise the preferences and best interests of your target audience
• Make your design elements as clear as possible 
• Maintain consistency
• Ensure your brand, and your company’s identity, have been accurately represented through the design
• Use power of visual imagery to capture and retain your visitors’ attention 
• Make your call-to-action as strong and compelling as possible
• Don’t create anything that interferes with the goals of your UX.

Check out our related article for seven helpful tips to ensure your website is designed with great usability here for additional guidance. 

The Importance of Accessibility 

Accessibility is the practice of making technology as easy to use as possible, and fully accessible to everyone. While web accessibility is largely intended to help people with disabilities gain better usage of technology, it’s also much broader than that. 

There are people who have difficulty using certain types of, or aspects of, technology who don’t have a disability. For instance, someone with deteriorating eyesight may find it difficult to read small text on a smartphone screen.

It’s also important to ensure your website is as easy to use as possible for the average person as well, because you should always strive to deliver the best possible UX for all your visitors. Accessibility is a key driver of this.

The Web Content Accessibility Guidelines (WCAG), which are used to define what constitutes good accessibility, lists four key principles of web accessibility that should be followed by all websites. 

This means your website must be:

1. Perceivable
2. Operable
3. Understandable
4. Robust.

Web accessibility is an important topic, so we’ll talk more about that in a separate article. For now, it’s worth noting that any web design and development agency you work with should consider accessibility a top priority when designing the UI of your website. If they don’t, you should challenge them and ask why not.

Here at SoBold, this is built-in to all our design processes. We believe that all technology should be inclusive and equally available to everyone, regardless of their physical ability, location, personal background, or any other factors. 

Some design best practices that we’d recommend you always follow to ensure your website is fully accessible, from a UI design perspective, include: 

• Use contrast and blank space to make your content easy to perceive
• Use bold colours 
• Use font sizes no smaller than 14px for desktop and 13px for mobile across the whole site (although, this does depend on the font you use)
• Use headings and structure correctly to organise content clearly on each page
• Make all your content easy to both see and hear
• Write all your copy in plain, simple language
• Avoid any flashing or blinking imagery or video content 
• Write simple, clear, and helpful error messages.

Preparing Your Website for Development 

As you can see, UI design is mainly a case of applying the visual design that was created with the mood boards to your UX wireframes with the agreed flow. Good UI is no more than a clean, simple design that accurately represents your brand identity. While it sounds straightforward, it’s important to remember this is just one phase in the holistic, end-to-end process of web design. 

To conclude the design process after the UI is complete, your agency will prepare your site’s designs for development. To learn how this process works, understand what to expect, and ensure your own web development process runs smoothly, read our next article in the series 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