SoBold are delighted to announce that they have been awarded the world’s most recognised Quality Management System Standard, ISO 9001.
SoBold have worked incredibly hard over the past few years to set and follow processes and procedures as a company that ensure they are providing quality work to their clients.
As the number of enterprise clients grows, SoBold’s ISO 9001 certification will be able to give their clients the assurances they need around SoBold’s consistency and quality services in the work they produce.
ISO 9001 is one of the most commonly used management system across the world and SoBold believes this is going to open up considerably more opportunities with winning tenders and contracts to ensure SoBold continues to be one of the leading WordPress Website Design and Development Agencies in the UK.
As SoBold continue to scale as a business, the need for efficiency has never been greater. It is absolutely essential that all internal communication works to the same processes and agenda and the ISO 9001 certification allows this to be possible.
In order to achieve our ISO 9001 certification, SoBold worked closely with QMS International, who provide expert consultancy to businesses looking to achieve their certification. QMS have a team of over 50 consultants and auditors and they ensure the experience they provide is streamlined and uncomplicated.
SoBold Technical Director, Sam Phillips said:
We are delighted to have been issued with our ISO 9001 certification, recognising our commitment to quality. Over the past 12 months we’ve spent a great deal of time improving and documenting our internal processes to help streamline delivery of projects and ensure we continue to deliver on the high standards we set for ourselves. Achieving this certification is a reflection of all this work.
Would you like these insights straight to your mailbox?
- In-depth research and careful planning
- Visual exploration and mood boards
- User experience (UX) design
- User interface (UI) design.
- 1,920px – For most external computer monitor sizes
- 1,366px – For most laptop screen sizes
- 992px – For most Notebook and iPad devices
- 768px – For most other tablet devices
- 375px – For most smartphones.
- Design
- Development
- Quality Assurance Testing
- Migration and Launch.
- Strategy
- Website Data
- Target Audience
- Industry Landscape
- Competitors.
- 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.
UI Design
17 May, 2023
Preparing Your Website for Development after the Design Phase
The end-to-end process of web design is made up of a number of different phases that should all inform and complement each other.
When working with a web design and development agency, they should use their expertise and experience to guide you through this process, which consists of:
Once you’ve completed each of those phases and you have a design that you’re proud of, your agency partner will be tasked with preparing your website for development.
This article will explain the process of preparing a website for development, helping you understand what’s involved, what to expect, and how to approach it.
Designing Your Website Across Different Break-Points
In a recent article, we explained how the purpose of your UX is to help your visitors complete a task or process on your website as easily as possible, ultimately leading them to follow a call-to-action.
Your UX is brought to life by your UI, which includes all the visual and interactive elements of your website, from colour and font to buttons and scrolling.
Towards the end of the UI design phase, the next step will be to roll out your designs across a number of break-points.
Break-points are the screen sizes of devices that your design will fit within. This allows your website to be designed as responsive and optimised for use across a wide range of different devices and channels.
This is important because certain aspects of your site may not translate down perfectly across different screen sizes.
Here at SoBold, we design sites across the following break-points, but this may vary from agency to agency:
If you want your website to be designed as mobile-first, it’s important to raise it at the beginning of the project so your agency can create your wireframes in that context. However, you should only ever make that decision based on real data regarding your target audience’s preferences.
In this case, your agency should work with you to conduct some additional research and determine the best screen size for your particular audience. This will ensure the UX designers work with the right starting point for your high-fidelity wireframes.
A Thorough Hand-Over from Design to Development
This phase of a website project involves a process that takes a lot of careful work and close collaboration between the different teams within an agency.
Here at SoBold, we make a point to ensure the design team talks the development team through all the work they’ve done on your mood boards, UX design, and UI design in detail. This includes explaining the decision making process behind everything they’ve designed.
While a lot of agencies will just hand the designs to the developers and ask them to start building, we believe this is something that should be treated as more of a team effort. Doing so as a core part of our process has proven to add tremendous value to the work our clients have received in recent years.
It’s beneficial to the overall project for the developers to fully understand why the decisions have been made about the designs. It’s also important that they’re given a detailed run through of what they’re building within the context of the whole site.
For example, there may be a fairly complex block which is built early on in the development process. If the developers are made aware that slight variations of this same block will be used several times throughout the site, they can save valuable time and work more efficiently by repurposing the first block when it’s first built.
This hand-over is crucial in ensuring the development process runs smoothly, providing you with a high-performance website that meets your expectations, delivered on time and within budget.
A Well Designed Website Ready to Be Built
After the hand-over is complete, your agency will be able to export all your design assets and the developers will begin building your website.
While web design may seem straightforward when explained like this, in reality it’s a complex process that requires a great deal of specialist skills and expertise. That’s why it’s so important to have the support of an agency partner you can trust and rely on to guide you.
Working with a talented agency will ensure you’re able to create a unique design that will resonate with your target audience and help you achieve your strategic business goals through your new website.
Keep an eye out for our upcoming blog series where we’ll walk you step-by-step through the web development process, making it far more approachable and easy to manage for you.
If you’d like to discover how generative AI technology is transforming the web design and development space, read our recent article here.
Would you like these insights straight to your mailbox?
Latest from agency
19 May, 2023
WebFlow vs WordPress: Which Platform is Right for You?
Finding a content management system (CMS) that is secure, cost-effective, and capable of delivering a website that meets all your requirements can be challenging.
As we’ve discussed in a previous article, there are lots of excellent CMSs available today, and it’s difficult to know which one will be the best fit for your specific business.
While most CMSs appear similar on the surface, with the same fundamental functionality, popular platforms like Webflow and WordPress have unique features and capabilities that differentiate them from each other.
So, selecting between these two different platforms is an important process that requires careful consideration. After all, your CMS is a long-term investment, and you need to know exactly what you’re getting before you make your decision.
To ease this challenge for you, this article will provide a direct, objective comparison between the Webflow and WordPress platforms.
An Overview of Each Platform
You want a CMS that will enable you to build sophisticated, high-performance websites, tailored to your business, with a set of tools that are simple and easy-to-use.
Webflow and WordPress can both give you exactly that in their own distinctive styles. Both platforms allow you to build and manage complex websites without deep technical knowledge, but they each take slightly different approaches.
Webflow
Webflow is a software-as-a-service product, not a typical CMS. That means it doesn’t require any hosting and is primarily delivered via Amazon Web Services (AWS) cloud servers.
As it’s a complete, mostly self-contained SaaS application, with everything built-in to it from the start, you can get up and running with your Webflow website quickly and easily.
You can use Webflow as a basic no-code website builder straight away. However, as you’ll certainly want to create a more dynamic, engaging website with a high volume of content, you’ll have to enable its CMS functionality to get up and running properly.
WordPress
WordPress, on the other hand, is a more traditional CMS, intended to build highly scalable, dynamic websites full of rich content. The platform will need to be downloaded on to hosting servers, which can all be taken care of for you if you’re going to be working with an agency partner.
WordPress is also a free, open-source platform, which means all users have access to its code. That allows talented developers to contribute to improving the platform with innovative new additions and enhancements on a near-constant basis.
As WordPress is used to build almost half the websites online today, it also has a global community made up of millions of users who offer support, collaboration, knowledge sharing, events, and much more.
Approachability and Ease-of-Use
A shared benefit of both Webflow and WordPress over certain other CMSs is their ease-of-use.
Both these platforms are approachable with low barriers for entry, even if you don’t have any existing coding or content management experience.
Webflow’s Usability
As a low-code or no-code SaaS tool, almost anyone can use Webflow to build a website.
It provides a visual drag-and-drop builder with an emphasis on enabling users to create websites quickly and easily.
When using the CMS functionality to add more content to your website, like blog posts, the CMS is simple, allowing you to publish and manage the pages of your site with great efficiency. This is in the style of a classic content editor, which will probably be familiar to you.
WordPress’s Usability
Almost anyone can use WordPress as well, even if you have no previous content management experience, hence its global popularity. In fact, simplicity and usability are arguably some of WordPress’s greatest strengths.
Almost everything you’ll need to set up and manage your website will be readily available when you first start using WordPress, making it very approachable. The platform provides you with an intuitive user interface (UI) that allows quick and easy publishing, management, and editing of content.
This is made even more efficient thanks to WordPress’s block-based editor. This is a method of building websites that offers significant advantages in flexibility, scalability, and ease-of-use.
Particularly for large-scale websites that are likely to grow and evolve, this can save your developers valuable time and money, while also reducing your time-to-market.
You can learn all about the advantages of the WordPress block-based editor in our related article here.
Their Features and Functionality
For your investment in your CMS to be successful, it will need to have a range of features and functionality which allow you to create a website that delivers on your business objectives.
Webflow’s Features
As touched on earlier, Webflow is a SaaS application in which almost everything you need is included as standard.
The core Webflow platform is all you need to build your site, although your agency will be able to add extra features for you by embedding code snippets from other services if you need them.
For example, if you want to create the ability for your visitors to subscribe to your site as members, you could take code from another platform that facilitates subscriptions and use that to integrate the functionality.
This is where the platforms start to deviate in approach. Webflow’s self-contained nature perhaps makes it a simpler platform because it doesn’t require many plugins, but that also makes it a lot more limited than WordPress.
Because Webflow doesn’t offer any plugins, you won’t be able to add many extensions that work directly in the Webflow interface. This prevents you from having one unified approach to your website management and marketing.
WordPress’s Features
Most of the things you require to publish content and manage your website on a daily basis come readily available on the WordPress platform. WordPress’s sophisticated, dynamic features that come “out-of-the-box” are a great point of value.
However, if you do need to go beyond the standard functionality of WordPress, that can also be done with relative ease. Working with an agency with WordPress-specific expertise means that you can develop bespoke features and functionality unique to your website with almost no limitations.
This allows you to tailor your CMS to meet your specific needs, and working with an agency to achieve this can still be very cost-effective.
Not only that, but passionate members of the global community are always working hard to create new features and extensions that continue to improve the capabilities of the platform for free.
How Well do they Integrate with Other Systems?
Beyond features, extensions, and plugins, your platform of choice should also be able to integrate easily with other tools and systems that are already present within your business.
Integrating with your customer relationship management (CRM) platform, your email marketing system, and other software products is an important quality for a CMS to have.
Integrating with Webflow
While Webflow can integrate with some third-party tools, this is another area where the platform is somewhat limited. You can integrate your Webflow site with other tools, but there aren’t many native integrations available. Your agency partner will need to use more code embeds to achieve this, and you’ll have to use separate interfaces in many situations.
For example, using a lead generation form from your CRM on a Webflow site will require you to build the form in the CRM first, then add it to your web page using the embed code.
Not only does this approach create inconvenience for you and your team, but the extra time spent by your agency on more complex integrations will increase the overall long-term cost of the platform.
Integrating with WordPress
Thanks to WordPress’s vast popularity, and the work of the global community, there are native plugins that can seamlessly integrate your WordPress site with almost any other tool or system.
Simply add a plugin for any third-party tool to create the ability to access that tool’s functionality directly within your WordPress CMS.
Even for more advanced requirements that need some bespoke development, like cross-platform automation, it’s usually an easier job for your development agency than it would be with most other platforms.
How Secure Are these Platforms?
Security should be a top priority when selecting a CMS. Concerns over cyber security and data protection are ever-increasing for businesses, so you need to ensure something as important as your website is fully secure.
Webflow’s Security
Webflow is mostly based on AWS, an industry leader in secure hosting, so you can rest assured your platform will be highly secure. Webflow also has additional protective measures in place to bolster the security of all the data on the platform.
Again, because it’s a SaaS product, this all comes out-the-box and doesn’t require you to take any steps yourself to secure your site.
However, that does mean you’re entirely reliant on Webflow to ensure that security is continually updated and reinforced. Neither you nor your agency partner have any control over the security of your site, which some businesses see as a negative.
WordPress’s Security
Your agency partner will typically be responsible for the hosting, maintenance, and security of your WordPress platform. We mention hosting and maintenance here because these things are influential towards ensuring your platform, and your website, are kept secure.
WordPress is already a very secure platform out-of-the-box, though. There’s no need to think that WordPress’s protection is not robust enough for a large business, even in today’s volatile security landscape. Evidence of this security can be found in the number of global enterprise businesses that have chosen WordPress as their CMS.
Of course, there are vulnerabilities that can arise in certain scenarios, like if your platform isn’t kept fully updated on a constant basis. For this reason, it’s crucial to work with an agency partner who you can trust and rely on when it comes to security, including enterprise-grade hosting and continual platform maintenance.
You can learn more about the security of the WordPress platform in our in-depth guide here.
You can also discover 10 useful tips to further improve WordPress security and minimise your risks here.
The Overall Cost and CTO
As mentioned earlier, your CMS is not only a big investment, it’s also a long-term one. You ideally need to find a platform that offers good value for money, and a low total cost of ownership (TCO), in order to achieve a strong return on investment (ROI).
Your TCO will be determined by combining everything from your hosting costs, license fees, work with your agency, maintenance, bespoke development, and more.
Webflow
In terms of costs and plans, Webflow is more expensive than WordPress. This SaaS product offers two different types of plans, a site plan and a workplace plan.
The average enterprise business with a dynamic website will be looking at costs of between £300 and £500 with Webflow. This makes it a far more cost-effective alternative than large-scale CSMs like Sitecore.
As discussed throughout this article, though, Webflow’s lack of native plugins and integrations will also make bespoke development work more difficult and time-consuming for your agency. This will inevitably drive up the platform’s TCO, and that’s something you should carefully consider when evaluating your options.
WordPress
WordPress is a more cost-effective platform, with a generally low TCO for most businesses. Its open-source nature means it’s free to use, limiting your initial costs to just hosting, agency fees, and post-deployment support. Any plugins or extensions of the platform will be licensed and paid for separately.
Since WordPress is such an intuitive and easy-to-use platform, any bespoke development work you need your agency partner to complete will still come at a reasonable cost. Similarly, whenever the WordPress platform is updated, testing and maintaining your site can be done in just a few hours. This creates a significantly lower TCO than you’d have with almost all other enterprise CMSs.
Make the Right Choice for Your Business
Webflow and WordPress are both good platforms in their own right, with plenty of value to offer. The key thing to understand when making this comparison is that your CMS of choice needs to align with your business’s unique requirements and specific objectives.
For instance, Webflow might be a suitable choice for one of your smaller competitors, but that doesn’t mean it will necessarily be a good fit for you if you need more advanced features and functionality.
Whether you’re developing a bespoke website from scratch, or migrating your existing site to a new platform, you must ensure your CMS can deliver on your needs both now and as your business grows over time.
If you need further help selecting a CMS for your website project, read our comprehensive guide to understanding and evaluating the options for large businesses here.
Would you like these insights straight to your mailbox?
UI Design
18 April, 2023
Exploring the End-to-End Process of Web Design
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:
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:
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:
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.
Would you like these insights straight to your mailbox?
Company Milestone
3 December, 2018
SoBold selected to work with Transport for London
SoBold Limited (SoBold), a leading digital and web marketing consultancy, is delighted to announce that SoBold has been selected to work with Transport for London (TfL) to build, manage and support a bespoke Cookie Consent Management Tool for use across TfL’s portfolio of websites.
SoBold’s rapid growth over the previous 12 months has seen them become a leading player in the digital and web marketing space. SoBold’s core offerings are now used by over 200 customers worldwide and we anticipate this customer base to continue to grow considerably over the next 12 months and beyond.
SoBold has been an authorised Reseller of Cookiebot since the new General Data Protection Regulation (GDPR) came into place on 24 May 2018. Cookiebot’s tool consists of three main features: cookie consent, cookie monitoring and cookie control and SoBold work with their clients helping them manage, build and integrate these solutions onto their websites. SoBold now manage Cookie Consent Management for clients across numerous different industries.
Transport for London has completed a formal tendering process to procure a new Cookie Consent Management Tool for their tfl.gov.uk website domains. By procuring the tool, Transport for London is best able to align their approach to cookie management with the requirements of data protection legislation. SoBold will work with Transport for London, for a minimum of 12 months with the option of extending the contract for a further 24 months.
SoBold Founder and Managing Director Will Newland, commented:
“We are absolutely delighted to work with Transport for London. This gives SoBold the opportunity to work with a large, well known, corporation and we have no doubt we can play a big part in ensuring Transport for London’s customers can feel safe and confident when sharing information about themselves on the TfL website. This further strengthens SoBold’s position as a leading player in the Cookie Consent Management space.”
SoBold Lead Developer Sam Phillips, commented:
“This is a fantastic opportunity for SoBold to showcase our experience in the delivery of bespoke Cookie Consent Management solutions across a portfolio of websites with millions of visitors per month. The contract with TfL cements our position as a leading CookieBot reseller in the United Kingdom.”
Would you like these insights straight to your mailbox?
UX Design
11 July, 2022
Speak our language: UX/UI Glossary
For designers, it’s almost an impossible task to effectively deliver a project without understanding the joint language of design. This terminology and jargon can often get thrown around in meetings, although it’s good practice to read the room and speak a mutual language it’s good to get a little insight. Below is a glossary of essential UX/UI terms grouped into topics.
General terms
Accessibility
A measure of a web pages usability for a range of people, including people with disabilities.
Design system
A document that houses design components and styles to use across a website or product, ensuring consistency.
Design thinking
The process of creating and executing strategic ideas that solve problems.
Flat design
A form of design that focuses on minimalism using 2D elements and strong colours.
Human-centred design
An approach that finds solutions with a human perspective in every step of the design process.
Information architecture
Or otherwise known as a sitemap, is the structural design of information.
Landing page
A stand-alone page that a person lands on after clicking from a digital location.
Onboarding
A flow that guides the user through a set of instructions such as choosing preferences, product usage and UI elements.
Responsive design
A design and usability process that adjusts content based on the device screen size.
UI Design
This determines how an interface will look and guide the user on how to interact with a product such a colour choices and layout.
Usability
The quality of the start-to-end user experience.
UX Design
The process of determining how a digital product should work based on relevant user research and best practices.
Acronyms
CTA (Call to action)
A graphical component that guides the user through the main flow and encourages them to take a specific action. Normally it will be the element that stands out most on a page.
CWV (core web vitals)
Are three metrics that score a user experience loading a page, those are: how quickly content loads, how quickly a browser loads the webpage and how unstable the content is as it loads.
GA (Google Analytics)
A web analytics service offered by Google that tracks and reports web traffic.
KPI (Key performance indicators)
A Performance measurement approach based on certain metrics over a certain time period.
MVP (minimum viable product)
A version of a product that is released with just enough features that deliver on the initial user needs to then improve and develop further.
PM (Project manager)
A person that leads a team in order to achieve all the project goals in a set of timelines.
SVG (Scalable Vector Graphic)
A two-dimensional vector-based graphical element that is scalable and widely supported across the web.
SWOT (strengths, weaknesses, opportunities and threats)
A marketing tool that identities assess your business and analyse your competitors.
Design Process
A/B testing
A UX method that involves showing two versions of a specific page or product to see which one works better.
Card sorting
A technique that can be used by both UX designers and users that help determine the information architecture of the product based on logical ordering.
Cluster mapping
In other words, an affinity diagram is for sorting UX user findings into organised sets to lay down the foundations for desirable features.
Competitor analysis
A research method that shows strategic insights into a competitor’s features, functions and even visual positioning.
Eyetracking
A study that allows researchers to evaluate the movements of a particular user when they are using a product.
Focus group
Typically a researcher will talk to a group of people to find out opinions and generate ideas on the product or service.
F shaped pattern
Is a layout designed to guide the user’s eye to specific information based on human behaviour.
Mockup
A visual representation of a product in an environment could be a concept or the finished product.
Moodboard/style scape
Is a collection of visual inspiration gathered from an initial concept to visually communicate an idea.
Prototype
Is an early version of a product that is simplified to test main user journeys and functionalities.
Sketch
There will always be a place for pen and paper. At this stage in the prototyping process, a researcher can quickly come up with design solutions and compare them to determine the best one.
Storyboard
A visual way of communicating the user journey.
Usability testing
An approach that is done typically throughout the whole design process, ensuring that the product has ease of use and matches the user’s requirements.
User flows
A flow that represents a users task from an entry point to a desirable end one.
User interview
A one-on-one chat that can gather information for a user persona and insight on their behavioural habits on a product and or service.
User journey
Like the user flow, a user journey is a route that maps out their journey from beginning to end, the difference is that a journey includes emotions and behavioural choices.
User Stories
A narrative-based resource that sums up the patterns of how they interact with the product, focusing on motivations and frustrations.
Wireframes
A low-fidelity design that focuses just on structure and layout without clouding the mind with visuals. Its purpose is to ensure the interaction between user and interface is solid.
Design elements
Breadcrumbs
A layered component that allows users to navigate through multi-level pages.
Contrast Colour
Ensuring there is enough visibility between two colours to the layer or text is legible and ideally meets WCAG standards.
Grid
Is a layout system with rows and columns, making it easier for designers and developers, also for making clean and symmetrical interfaces for users.
Layout
The order of certain content such as text and images are laid out on a page.
Navigation
An organised hierarchy of information allows the user to find the information they are looking for.
Typography
Typeface or Font. there is a difference. A Font is a weight or variation of a typeface and typography is the arrangement of those styles to ensure it’s legible and appealing.
White space
Or negative space is the strategic positioning of elements on a page so they have room to breathe and for people to absorb content.
Widget
A self-contained design component that has certain functionality.