In response to COVID-19, we’ve put in place a number of measures at SoBold to make sure we can continue to provide our services to our clients around the world as well as do what we can to help contain the spread of the virus.
It’s helpful to reflect on the fact that we offer a service whereby the performance and outcome of work produced will not be affected at all.
We’ve moved to full-time remote work
SoBold has decided to close our office in London and have our employees work remotely until further notice.
We’re doing this in an effort to help prevent the spread of the virus because, while most SoBold employees are healthy and not in the high-risk category, we appreciate that is not the case for all of those around us, or in the wider community we live in.
We have a responsibility towards these people, including others who work in our building and those we come into contact with during each others’ daily commute.
We’ve set up enhanced support for remote work
We don’t believe it’ll cause much disruption to the rest of the team and business.
Most of our clients, for example, will be familiar with remote meetings; we regularly host virtual meetings between clients and SoBold.
All team members have access to reliable remote conferencing and workflow tools, so they can speak to anyone either within SoBold or outside of the organisation, whenever they need or want to.
This means we can continue to frictionlessly share and work collaboratively cross-functionally, with the ultimate goal of always delighting our clients and partners.
Free support to those directly affected by the closure of their businesses
We want to give back and help businesses and individuals that have been so badly damaged by the closure of their shopfronts, gyms, restaurants and other businesses in the hospitality industry.
We are offering free website help to these businesses during these tough times.
If you would like to get in touch with a team member about this, please email hello@soboldltd.com
Would you like these insights straight to your mailbox?
- Your brand
- Your company values
- Your colour scheme
- Your typography
- Imagery and other visual content
- Structuring of pages
- And other visual components that are used to tell your brand’s story across your website’s design.
- Bespoke development capabilities
- Easy integration with existing systems and legacy technology
- Scalability and performance in peak traffic
- Enterprise-grade security
- Quick and easy editing capabilities
- Drupal is a highly secure platform, which is a crucial quality for a CMS to have.
- It’s very intuitive for users who have coding experience or advanced content management skills.
- It has a great community of users surrounding it, which contributes a lot of value and is able to provide support.
- It also has hundreds of unique thematic options to choose from when designing your site.
- Drupal can be hard to work with for non-technical users, as it lacks simplicity and provides limited customisation.
- It can take a long time to get up and running, which means your costs will be quite high if you work with an agency partner.
- It’s also worth noting that the version of Drupal most businesses use now (Drupal 7) will be reaching end-of-life soon.
- Sitecore is purpose-built for large businesses, guaranteeing an enterprise-grade experience.
- Sitecore is a robust CMS with a high level of in-built security.
- It actually provides a fully-managed ‘digital experience platform’ that comes with more capabilities than the average CMS.
- It also offers great personalisation and excellent pre-built features.
- Sitecore is an expensive option, even if you have a large budget to work with.
- It requires you to procure licenses to begin using it, and also restricts certain capabilities unless you progress to higher tiers of licenses.
- It typically runs with hierarchical, complex workflows that might be frustrating for small or agile teams.
- Umbraco’s scalability makes it very suitable for large businesses.
- It’s free to use and open-source, with an active community of users supporting it.
- It allows you to manage a high volume of pages easily and efficiently.
- It’s another platform that comes with a high level of in-built security.
- It can be difficult to work with for the average user. As with Drupal, Umbraco is mostly suitable for more technical users who have coding skills or some development experience.
- This complexity again increases the likelihood of higher costs with your agency partner (if you go that route).
- It’s common for sites built with Umbraco to be reported as slow, for both back-end editing and the front-end user experience.
- WordPress is extremely scalable and dynamic. It can easily grow and evolve as your business grows, continuing to meet your changing needs.
- It’s renowned for its ease-of-use. Because of this, it enables you to deliver your projects quickly and efficiently.
- It’s highly customisable, making it ideal for bespoke development. With the right knowledge and skills, you can build almost anything with WordPress.
- It also typically comes with a very low total cost of ownership (TCO). You won’t need to add on new features or capabilities, nor pay for costly extra work to handle platform upgrades or updates.
- If you apply too many plug-ins, WordPress sites can slow down and experience dips in performance, but a good agency partner should encourage you to minimise the use of these.
- Some still see WordPress as an unprofessional platform used mostly for small blogs, but that old myth couldn’t be further from the truth today.
- WordPress is a secure platform, but plug-ins can create vulnerabilities if they’re not tested well or taken from untrusted sources. Again, a good agency partner should guide you with this to reduce the risk and prevent any issues.
- Innovation
- Creativity
- Clear strategic thinking
- Effectiveness
- Tangible results.
- Make a critical client engagement process increasingly efficient and effective
- Provide each user with a personalised experience that includes tailored investment information and updates
- Obtain more data about user engagement and leverage that to improve other services
- Accelerate and increase investment in client funds, driving significant commercial growth for the firm
- Use an industry-first digital tool to gain significant competitive advantages.
- Read our comparison between Sitecore and WordPress here.
- Read our comparison between Umbraco and WordPress here.
- 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.
- 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.
- Perceivable
- Operable
- Understandable
- Robust.
- 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.
UI Design
18 April, 2023
What is Visual Exploration in the Process of Web Design?
When a visitor lands on your website, the visual design is likely to be the first thing they’ll notice. It’s also usually the thing they’ll remember most.
75% of consumers reportedly judge a business’s credibility based on its website design. This first impression can make or break a prospective client’s interest in working with you.
The ultimate goal of your website is to attract and retain as many prospects as possible, and then convert them into clients. But most websites are designed in a way that leaves those goals unfulfilled, failing to reach their full potential.
With that in mind, your visual identity should be treated as a top priority within the overall design of your website. Believe it or not, this can have a significant influence on the growth and success of your business.
When working on a web design project, you should always go through a careful visual exploration phase to find the right visual identity for your website.
Whether you’re going through a full company rebrand or just refreshing the style of your website, it’s important to ensure your design is tailored to your specific target audience. This is how you begin to drive business growth through your website.
Without a visual exploration process, your website may not convey your company’s brand identity and values as clearly as you’d like it to.
In this article, we’ll outline the steps taken so you’ll know what to expect when working on a website design project.
What Does the Process Involve?
The purpose of this process is to define the best visual direction to take with your site.
This is a crucial aspect of your overall design, with aesthetic elements being brought together to create a look and feel that engages your site’s visitors and retains their attention. To achieve that, your visual design needs to establish a connection between your audience and your brand immediately. It should also demonstrate why your visitors should work with you.
Exploring your visual identity will cover a wide range of elements, including:
What are Mood Boards and How Can You Use them?
The main tool used to help determine the right visual identity is a set of mood boards.
These are a visual compilation of all the various elements that make up your website’s visual design. Each mood board is essentially just a single-page collage of design styles based on previous discussions and the findings from the research and planning phase of the process.
The aim of these is to capture your brand’s visual style and tone. This will give the stakeholders, and your designers, a shared understanding of the design you’re working towards.
Mood-boarding helps you visualise the work on your website’s design before it begins and agree on a design aesthetic that accurately reflects your brand identity and values.
Think of this like a problem-solving exercise. Your design agency will take a research and data-driven approach to conveying your brand identity, while also catering to your target audience and accommodating the latest industry trends.
Collaboration and Iteration
Like most processes within web design and development, this visual exploration process should be collaborative and iterative.
You’ll typically be presented with a mood board and a set of ideas by your agency partner, then given the chance to provide feedback across several rounds of revisions.
Rounds and revisions are always important in any creative process. It’s usually necessary for your agency to develop and present a minimum of three mood boards before the optimum aesthetic is agreed upon. This is a crucial step towards the ultimate goal of creating a new website that accurately reflects your brand and has a positive impact on your target audience.
Connecting with Your Clients Through Design
Your website’s visual identity is what makes your brand resonate with your target audience. Your design needs to clearly convey the values of your business, the quality of your products and services, and the reason why your visitors would benefit from working with you.
Working through this visual exploration phase is an important step towards designing a website that will attract more visitors and increase your conversions.
Once this visual exploration is complete, the next phase of your web design process will be to craft your website’s user experience (UX).
Would you like these insights straight to your mailbox?
Digital Business
30 November, 2022
Comparing the Leading Content Management Systems (CMS) for Large Businesses
A content management system (CMS) is a type of software-based technology, used to build and manage websites and other digital products. A CMS allows you to easily create, edit, and publish digital content across a range of online channels, such as the web and mobile. This is the most common technology platform used by businesses to build assets such as websites, with almost two thirds (63%) of all sites on the Internet now delivered via a CMS.
With that in mind, it’s clear why most businesses today are heavily reliant on this technology. Whether you’re developing something new from scratch or switching from an old platform to a new one, selecting your CMS is an extremely important decision with a lot riding on it. But with such a vast landscape of digital solutions to navigate, and so many different options available, finding the right CMS can be overwhelming.
To help you through the process of finding the right CMS, this article compares four of the most common options for large businesses. We’ve also listed their pros and cons, and provided some additional considerations that will be useful for you to think about along the way.
First, the Criteria
A CMS can be used to build various digital products and assets, from websites and mobile apps to bespoke systems like staff portals and internal training platforms. Particularly in large businesses, it’s common to need to create some bespoke features, functionality, or digital processes as well. Whatever it is you need, you should aim to find a platform that’s capable of delivering on your specific requirements.
Here are some points to include in your criteria when researching the options for your CMS:
Now we’ve covered what a CMS should be able to do when you start implementing it within your business, let’s look at the different platforms available to you.
Option 1 – Drupal
The Pros:
The Cons:
Option 2 – Sitecore
The Pros:
The Cons:
Option 3 – Umbraco
The Pros:
The Cons:
Option 4 – WordPress
The Pros:
The Cons:
Interested in learning more? Check out our related article here, where we explore the benefits of WordPress for large businesses in greater detail.
A Brief Word on Agency Partners
As touched on earlier, you’ll also need to consider whether you want to take the approach of working with an agency partner or not. For large businesses, most development projects tend to involve complex requirements that are almost impossible to manage without the support of an experienced agency.
An agency partner can provide you with strategic guidance, platform-specific skills and tools, and expertise to help you gain as much value from the technology as possible. While it’s perfectly valid to decide to implement a new CMS without an agency working alongside you, doing so will probably make things a lot more challenging, a lot more expensive, or possibly both.
All the platforms mentioned here have their benefits. But they’ll each be significantly easier to use, and will deliver far greater return on investment (ROI), if you have an experienced partner involved.
How to Choose the Best Option for Your Business
Keep in mind that every business is unique and every web development project is different. These platforms are all good options in their own way, but a solution that works well for the majority of organisations might not be the right choice for you.
Whether you’re building a bespoke website or migrating an existing site to a new platform, you have to be thorough in your assessment and make the right choice for your specific business.
To really understand the pros and cons of these options, you first have to be clear about exactly what you need and what you’re aiming to achieve. You’ll then need to determine which solution best aligns with your requirements, budget, and strategic objectives.
If you’re in the process of assessing solutions to help you deliver a bespoke development project, read our comprehensive guide to evaluating and selecting the right platform here.
Would you like these insights straight to your mailbox?
Announcement
23 May, 2023
SoBold Selected as a Finalist for The Drum Awards for Marketing for Digital Transformation
We’re thrilled to announce that SoBold has been nominated as a finalist for an award at The Drum Awards for Marketing.
We’ve been nominated for our team’s outstanding work developing RedeWire, a unique, “game-changing” online portal for global financial services business Rede Partners LLP.
The Drum Awards for Marketing
The Drum Awards for Marketing are intended to highlight agencies and marketing teams that truly understand their clients. Focusing on outcomes, not outputs, these awards are designed to celebrate teams who have demonstrated the measurable value their work has delivered for their clients.
We’ve been nominated as a finalist in the transformation category. This category rewards creative and innovative thinking from agencies who have created a change in model or product to enhance experiences for their clients and their end-users.
The criteria on which the finalists were selected for this category included:
We’re incredibly proud to be named as a finalist for this award, especially since innovation, creativity, and strategic thinking are qualities that we actively strive to put into every project we work on for our clients.
“Game-Changing” Innovation – the RedeWire Platform
Global private equity (PE) fundraising advisory firm, Rede Partners, has a mission-critical process of keeping a large network of limited partner investors (LPs) updated with relevant, timely information about opportunities to invest in client funds.
The previous method of communicating this information to LPs was a large static PDF doc, produced once per quarter, shared with LPs via email. That approach is standard within the fundraising advisory industry, with many of Rede’s competitors using a similar approach.
But the Rede team recognised this needed to become more engaging for their clients, and our team here at SoBold provided an opportunity to innovate and transform this process.
We worked closely with Rede’s stakeholders to understand their challenges and define a clear set of strategic objectives. This allowed us to identify a way to remove this long-winded, one-way communication process with LPs and create a dynamic, interactive online portal.
RedeWire is the first of its kind, and has been identified as a “game-changer in the industry” by Rede’s LPs.
RedeWire successfully met Rede’s complex set of requirements, allowing them to:
The portal has already exceeded expectations for adoption, as it has made one of Rede’s critical points of communication with investors more efficient, effective, and engaging.
Check out our case study to learn more about the RedeWire platform here.
What they Had to Say
Gabrielle Joseph, Head of Due Diligence and Client Development at Rede Partners LLP, said:
“Originally conceived as a game-changer within our industry, we are thrilled with the outcome of RedeWire and have had several clients highlight how intuitive and easy to use the platform is.”
“Throughout the project, SoBold clearly understood our vision and provided thoughtful solutions to our needs. Choosing to partner with this team was one of the best decisions we’ve made, and we couldn’t be happier. We look forward to continuing to work with the team as the site evolves.”
One early adopter of the RedeWire platform also provided highly positive feedback, saying:
“This is a massive time-saver for everyone. I can’t believe how fluid and user-friendly it is. It will be a useful tool in 2023. We’re super impressed.”
Waiting for the Results
The results will be announced at the live awards show on June 15, 2023, in London. Congratulations must also go to our fellow finalists, Yodel Mobile, Braze, and Coterie Marketing.
Please keep your fingers crossed for us until then, and keep an eye out for the results this time next month!
In the mean-time, you can discover how financial services businesses should approach bespoke web development projects to successfully embrace digital transformation here.
Would you like these insights straight to your mailbox?
Industry News
12 January, 2023
WordPress vs Drupal – Comparing Both Content Management Systems
There are plenty of similarities between WordPress and Drupal. That can make it particularly hard to choose between the two if you’re tasked with finding a new content management system (CMS) for your business. But when you’re about to invest in a new CMS, it’s an important decision that needs careful consideration.
After all, your CMS will be the platform upon which your website is built, and the influence that will have on your business growth and success today shouldn’t be underestimated. With that in mind, it’s crucial to find a platform that aligns with your specific requirements and enables you to achieve your strategic objectives.
To help you gain a clear understanding of the differences between WordPress and Drupal, and decide which one is better suited to your business, we’ve provided this helpful side-by-side assessment.
This article is part of a new series where we’ve explored direct, objective comparisons between some of the leading options for CMSs. In the third article of this series, we’re looking at Drupal and WordPress. You can find links to the other articles in this series at the bottom of the page.
Approachability and Ease-of-Use
A CMS is a big investment, and so you’ll want to begin getting good use and value from your platform of choice as quickly as possible. Like any type of software, though, some platforms are more approachable for the average user, while others will require you to have some previous experience to get going.
How Approachable is Drupal?
Drupal is aimed at users with some prior coding skills or content management experience. If you have technical skills at your disposal, Drupal can provide great functionality once you’ve put some time and effort into setting everything up.
For non-technical users, however, working with the platform and getting comfortable using it can be a long-term process. It’s an advanced CMS that doesn’t offer much in the way of straightforward usability “out-of-the-box” unfortunately. If your team is made up of non-technical users and beginners, this might not be the best platform for you.
Even if you work with a web development agency to help you get everything set up and tailored to your preferences, the complexity of the code will make their project timelines and costs higher than the average CMS.
How Approachable is WordPress?
WordPress is very approachable for anyone, even beginners without any previous experience using a CMS.
Simplicity is one of WordPress’s greatest strengths, and many would argue that elevates it above all its peers.
This usability allows you to get up-to-speed immediately with a very fast time-to-market for your site. That means you’ll begin to achieve a positive return on investment (ROI) much quicker than most other platforms. Almost everything you need to build and manage your website will be readily available when you first begin using WordPress, making it more approachable for the average user than Drupal.
As it’s such an intuitive platform, pretty much anyone in your team will be able to use WordPress. That will make it easier to handle the daily management and running of your site as a shared responsibility.
Functionality and Customisation
As touched on above, you should be looking for a platform that you and your colleagues will be comfortable using on a daily basis. If you don’t like the way a CMS functions, you should remove it from your shortlist of options.
While Drupal and WordPress are similar at first glance, with the same fundamental functionality of a CMS, there are some unique features and capabilities that differentiate them. There’s also a wide range of ways to customise them to your own liking.
Working with Drupal
While the complexity mentioned in the previous section does require considerable time, effort, and money to get past, once you’ve got there you’ll likely find Drupal is a good CMS to use for building and editing your website.
Drupal’s user interface (UI) is fairly easy to get used to. You can publish, edit, manage, and organise content with flexibility, adjusting your page structure and site navigation. You can also lean on a large library of website themes and modules, which are additions similar to WordPress’s plugins, to tailor your CMS to your own unique specifications.
Working with WordPress
As a CMS, WordPress’s simple, intuitive functionality allows you to seamlessly launch and manage your site. It’s very convenient editing content on a page-by-page basis with WordPress with its block-based design. This allows you to create quality content from day one, with the freedom and flexibility to make adjustments to the platform as and when you require.
WordPress also allows you to customise it as well with a vast selection of plugins and themes. The difference between WordPress and other CMSs, though, is that there’s not much you’ll need to change about it out-of-the-box before you can begin using it comfortably.
Because it has a lower cost and faster time-to-market, it will free up more time for you (or your agency) to focus on higher value work, like differentiating your site from competitors or developing personalised content for your customers.
Platform Security
When writing down the criteria that you’ll use to select your CMS, security should be one of the first things on that list. Threats to cyber security and data protection are increasing by the day, for businesses of all sizes across all sectors, so it’s crucial to ensure you select a secure, trustworthy platform.
How Secure is Drupal?
One of the major advantages of a CMS that’s aimed at those with web development skills is that the users of Drupal work hard to ensure the platform is highly secure. Drupal regularly receives security updates and additional reinforcements to protect the platform.
Of course, you still need to test thoroughly and continuously double-check there are no vulnerabilities in your system. This is usually the responsibility of your agency, and a good partner should always prioritise security at the core of any development project.
How Secure is WordPress?
WordPress is a secure platform, but some still carry the misconception that it isn’t suitable for large businesses. To find evidence of its enterprise-grade security, though, you only need to look at the number of organisations using WordPress as their CMS of choice today.
Still, there are some potential vulnerabilities that are important to be aware of. For instance, be careful when adding plugins to your WordPress platform. As WordPress runs on open-source software, some developers will inevitably release plugins that aren’t secure, so you should only use plugins from reputable sources.
When you do use plugins, you’ll also need to test them thoroughly and keep them updated, and ideally have them working alongside security-specific plugins such as WordFence. These are issues that a good agency partner should be well aware of and handle for you.
Security is also influenced by the hosting environment of your platform. You can reduce your security risks further with WordPress if you find a trustworthy, well-managed hosting partner to look after your system.
The Global Communities
An active community of developers is a valuable asset for a CMS to have. This is a selection of dedicated users who work hard to contribute to growing and improving the platform, either by releasing new updates and plugins or fixing bugs in the software’s code.
For businesses like yours, the community could make the difference between having a small issue resolved quickly or growing into a big problem. Communities also provide resources to learn more about the technology, to further develop the digital offering you provide to your customers.
Drupal’s Community
Drupal has a fairly niche, but very passionate developer community supporting it. The size of Drupal’s community is considerably smaller than more popular platforms like WordPress, mainly because of that higher degree of coding skill required to use the CMS easily.
However, that doesn’t detract from the level of support or added value you’ll receive if you do opt for Drupal. New themes, modules, and updates are often released to contribute to the quality of websites that can be built on the platform.
WordPress’s Community
Most of what’s been discussed as strengths of WordPress in this article can be put down to the hard work of the community adding to the software.
WordPress’s community is truly global, with millions of users regularly producing innovative new themes and plugins that your business can pick up and begin using with ease.
No matter what issues you run into with your WordPress site, there will always be help readily available from the community.
WordPress users are renowned for their events as well, with free meet-ups and conferences often held to help users learn more about the technology. WordCamp, for example, is a non-profit event that has been run by the WordPress community since 2006 across several continents. WordPress also hosts an annual event called WordPress accessibility day, designed to help increase awareness of the importance of accessibility in modern technology.
The Cost and TCO
Another important aspect of your evaluation will be the cost of your CMS, and its long-term total cost of ownership (TCO).
The platform you choose will need to deliver good value for money and a strong ROI. How easily you can achieve these will vary depending on the CMS and how well it aligns with your business’s requirements.
Drupal’s Up-Front Investment and Ongoing Costs
Drupal is an open-source platform, which means it’s free to use. In most cases, Drupal is a good option in terms of value when compared to other CMSs.
You’ll only need to worry about costs like agency fees for development, your platform hosting, and post-deployment testing and maintenance.
However, the aforementioned complexity of Drupal often causes agency work to be more costly and time-consuming than it would be when working with platforms like WordPress. From basic set up and development to customisation, it’s possible your TCO will continue to grow over the years the longer you’re working with Drupal.
WordPress’s Low Cost and TCO
WordPress, on the other hand, is a very cost-effective solution with a much lower TCO than with Drupal.
It’s another open-source platform with no license fees, and you’ll rarely need to add on new features or capabilities because it comes with so much “out-of-the-box” already.
WordPress development is more simple and affordable, as are its maintenance and support. As mentioned earlier, the fast time-to-market helps you get a high quality website launched quickly so you can begin seeing ROI almost immediately.
Understanding the Role of an Agency
The role of an agency has been mentioned several times throughout this article. That’s because most businesses with a great website will have worked with an agency partner with platform-specific skills to help them bring their vision to life.
An agency can support you with hosting, design, development, maintenance, security, and updates, each of which can be highly complex and challenging to handle alone.
Therefore, it becomes even more important to consider how easy your CMS is to work with, not just for you and your team but for your development agency as well.
With a platform like Drupal, that has a reputation for being difficult and time-consuming to work with, agency projects are likely to be quite a big investment, and an ongoing one at that. WordPress is a platform that’s far easier to work with, meaning that the cost of releasing a quality, secure website will be much more affordable.
A CMS becomes far easier to use when you find an agency with the experience and expertise to help you gain as much value from the technology as possible. Whichever platform you choose, you’ll find it easier to achieve positive ROI if you have a specialist partner supporting you.
Deciding Between Drupal and WordPress
Both WordPress and Drupal are perfectly good options for most businesses looking for a new CMS. While there are strengths and weaknesses to consider, the most important thing is to keep your business’s specific needs in mind.
Make sure you’re clear on your strategic objectives, unique requirements, users, budget, and other factors to inform your decision. Once you’ve done that, use the comparisons in this article to see how each CMS lines up against what you’re looking for. It should then become evident which platform is more suitable for you.
If you need more help in your evaluation of the various CMS options:
Would you like these insights straight to your mailbox?
UI Design
15 May, 2023
What Does Successful User Interface (UI) Design Look like?
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?
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:
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:
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:
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:
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.