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:
- In-depth research and careful planning
- Visual exploration and mood boards
- User experience (UX) design
- User interface (UI) design.
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:
- 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.
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?
- A bespoke client-facing website that represents your brand and provides direct access to your products or services
- An internal web portal, either for training employees or for networking and sharing of information
- A bespoke intelligence platform with powerful data and analytics capabilities
- A new content management system (CMS) that can provide greater flexibility and scalability for a portfolio of multiple sites
- A unique tool to transform inefficient manual processes into a simple digital platform
- A bespoke website that integrates directly with a wide range of other back-end tools and technology, such as your CRM system.
- Experience working with businesses in the healthcare sector
- A strong portfolio of successful bespoke development projects
- The expertise to guide you and help you make the best decisions for your project
- Certifications and accreditations
- Compliance with healthcare sector regulations
- Security and data protection built into the core of your project
- Secure hosting supported by back-up, disaster recovery, and risk mitigation plans
- Ongoing support services to maintain, update, and optimise your site
- Additional advisory services to help you gain as much value from your technology as possible.
- Boosting engagement with customers, with an outstanding UX and personalised services
- Increasing customer retention and loyalty
- Enabling real-time interactions with data and greater analytics capabilities
- Higher adoption rates of internal systems and improved business performance
- Reducing costs by streamlining inefficient processes and removing outdated technology
- Strengthening your corporate network with enterprise-grade security
- Achieving competitive advantages in a highly competitive market.
- Read our comparison between Sitecore and WordPress here.
- Read our comparison between Umbraco and WordPress here.
Digital Business
10 March, 2023
How Healthcare Businesses Should Approach Bespoke Web Development to Set Themselves Up for Success
Many businesses in the healthcare sector require some form of bespoke web development in order to remain competitive today. But entering into a bespoke development project can be a daunting challenge, with plenty of risks attached to it.
This article will answer your pressing questions about bespoke web development, and provide you with a step-by-step guide to set yourself up for success when approaching your own project.
In recent years, modern healthcare has been driven forward by great advances in technology. Organisations in the healthcare sector have leveraged cutting-edge digital technology to transform the way healthcare services are delivered for the better.
But with that positive change comes a shift in expectations to improve technology across the board.
Whether you’re a practitioner or a healthcare solution provider, you now must deliver your services to your end-users through the latest digital channels if you want to keep up with the rest of the industry.
If you’re unable to meet modern expectations for an effortless consumer-grade user experience (UX), your clients and partners will be left unsatisfied and may look elsewhere for a more convenient alternative. This can also apply to your internal systems and processes, as your employees also want intuitive digital tools in order to do their work efficiently and effectively.
To achieve this, you need a sophisticated website that serves your users in a way that’s specifically tailored to their needs and preferences, while also supporting your strategic business objectives. Given the complexity of the healthcare sector, that will likely require you to develop a website with bespoke features and functionality.
Of course, any website you develop also needs to be secure and compliant, and flexible enough to adapt as your business grows or healthcare technology trends continue to evolve.
Going Beyond the Basics with Bespoke Development
While a more straightforward, simple website may be sufficient for small and medium-sized businesses, such a limited approach will prevent companies in the healthcare sector from retaining clients and staying competitive.
If you’re struggling to deliver exactly what your clients or other users are looking for, particularly in an industry as technical as healthcare, you may need to build a bespoke website. This could include anything from:
With a bespoke development project, the possibilities – and opportunities for innovation and growth – are virtually endless. You can discuss your current business challenges among your team, and then create something purpose-built to solve those specific challenges.
Of course, coming up with an idea for an exciting new site is the easy part. For many businesses, it’s an additional challenge to know where to go next. To make that easier for you, we’ve provided a simple, proven process here to help you plan and launch a bespoke web development project that will set you up for success.
A Process for Approaching Your Bespoke Development Project
Start with the “why” and think about what you’re trying to achieve
As touched on above, it’s important to have a specific reason for building a bespoke site. Whether it’s to achieve a strategic business goal, like customer growth, or overcome a prominent challenge, like inefficient processes, you need a clear purpose.
Determine exactly what you’re trying to achieve with your website and why it’s being developed. A big part of this will also relate to delivering on a specific need or solving a specific problem for your users as well.
Thinking of how it will help your users in a valuable way will make it easier to understand what sort of features and functionality you’ll require.
List all your requirements and use them to create a project brief
Once you’ve completed that first step, you’ll already see a list taking shape, with requirements for design, usability, capabilities, and so on.
Note down all those things your website needs to do and use that to create a project brief. This is a simple written document containing all the ideas you think are relevant to your site, including both functional and non-functional requirements.
The purpose of this is to make your request as clear as possible for the design and development agencies you speak to.
The more specific and detailed your brief is, the better, and that includes things like your initial ideas for cost and timelines. This will help ensure your agency will deliver what you’re asking for on time, within your budget, and matching your specifications. Without a clear, specific brief, you could wind up disappointed and maybe even over-spending.
Evaluate the options for a technology platform to build on
Most websites on the Internet are built using a content management system (CMS). This is almost certainly the type of platform you’ll want to use to create, edit, and publish all the content on your website and manage things behind the scenes.
Every business is unique, and every bespoke development project is different, so you need to use the work you’ve done in the previous two steps to help you select the right CMS.
By this point, when you’re evaluating platforms, you should already know your objectives, your requirements, your users’ needs, your budget, your existing technology stack, and so on.
Take all these factors and use them to determine which CMS is the best suited to deliver exactly what you want.
Something that’s important to note is that integrating a new website with other systems can be complex, particularly if you’re building your site on a new platform rather than an existing one.
When planning a bespoke development project, you’ll need to consider how easily your new platform will integrate with your other systems.
We recently produced a helpful series of articles comparing some of the leading CMSs for enterprise website development. You can read those here:
Find the right agency partner to design and develop your site with you
As mentioned earlier, you’ll likely need to find a design and development agency to partner with in order to create a bespoke website.
Building, managing, and supporting a high-performance website in the current technology landscape is extremely difficult, especially in a strictly-regulated industry like healthcare.
Not only should you look for a partner with a proven track record of delivering bespoke websites, you should also try to find one with healthcare sector-specific experience as well.
Which agency you choose will have a significant impact on whether your development project is successful, but also on whether or not your new website is successful in the long-term as well. It’s a decision that mustn’t be taken lightly.
Some of the qualities and capabilities that are important to look for when assessing your options for an agency partner include:
What Does a Bespoke Website Require to be Successful?
Once you’ve found a CMS and an agency you’re comfortable with, the next step will be to design and develop your bespoke website.
This will involve working to the requirements you noted in your project brief, but there are also some essential qualities and characteristics of a successful website in the current digital business landscape:
Enterprise-Grade Hosting
Ensure your agency can provide enterprise-grade, secure hosting, ideally with managed services, from a trustworthy provider. Not only is your hosting environment responsible for the security of your site and protection of your data, but it can also influence the speed and performance of your site.
If you’re in a position to build a bespoke website, you’re likely going to be dealing with a high volume of data and a large audience of users, so it’s important that you have a hosting service that can manage that without any disruption to your services.
User Experience
Whatever services or products you provide to companies in the healthcare sector, a great UX is the foundation of any successful website. People working in almost all industries now expect the same convenient consumer-grade experience they receive from the technology they use in their personal lives. Your website needs to be as quick and easy-to-use for your visitors as apps like LinkedIn and Amazon.
This also applies if the sites you’re looking to build are internal-facing for employees. Workforces now also demand a seamless experience with company systems, and providing this will create gains in efficiency as well as competitive advantages.
A great UX usually leads to a strong ROI.
Performance and Functionality
Your website connects you directly to your clients. Flip that to your client’s perspective, your website is a direct reflection of the quality and professionalism of your services.
If your website is slow, or doesn’t give your users what they need in terms of performance or functionality, they won’t hesitate to look elsewhere.
Security
Businesses today run on data. The data of your clients, partners, and your own critical data will be at risk if any technology attached to your network is not secure.
As mentioned earlier, you need to make sure your site is hosted in a secure environment with robust data protection measures in place. But security isn’t just about hosting. Security also comes down to a wide range of best practices, like regularly testing your site and updating your platform.
When your clients and partners are working with highly sensitive medical data, all your technology must also be highly secure and compliant with industry regulations.
Again, these are all critical things that your agency partner should be experienced enough to handle for you.
Personalisation
Personalised user experiences are becoming increasingly important for businesses to deliver to their clients and employees these days. One of the key advantages to a bespoke website is that you’re able to provide each of your users with personalised content and services, tailored to their needs, at each stage of their user journey.
Scalability and Agility
More often than not, a bespoke website is a key point of differentiation and an enabler of business growth. When you begin to achieve that growth, your requirements will evolve and your website will need to be agile enough to adapt easily without disrupting business continuity.
When planning and building your new site, ensure it’s developed with long-term growth and seamless scalability in mind.
The Benefits and Advantages of Bespoke Development
If you’re able to follow this process and incorporate some of these qualities into your new bespoke website, you’ll have something completely unique to your business. This should set you on the right path to accelerated business growth. But a bespoke website, once built and deployed, can begin to deliver a range of additional benefits and advantages too. These include:
The Healthcare Sector Runs on High-Performance Websites
As technology continues to evolve and drive more disruption, it’s becoming increasingly important to keep up with the resulting trends. A bespoke web development project allows you to reach beyond the limitations of a basic website and give your users exactly what they need from your services.
It also enables you to create a high-performance website that’s entirely unique to your business, differentiating you from your competition.
In the current healthcare sector, it’s easy to appreciate why this is quickly becoming a necessity, rather than a “nice-to-have” for many leading businesses.
Discover how global healthcare group, Clanwilliam, used bespoke design and development to take their brand to a new level and transform the capabilities of their marketing.
Would you like these insights straight to your mailbox?
Company Milestone
8 June, 2021
SoBold is a Proud Clutch 100 Fastest-Growing Company for 2021
Clutch is a B2B review and rating platform that spans the IT, marketing, and business services industries. The site annually holds an awards cycle to celebrate the best and brightest service providers from the aforementioned sectors. SoBold are delighted to be one of the Clutch 100 fastest-growing companies for 2021!
“The Clutch 100 growth lists represent the top service providers based on revenue growth over the years,” said Clutch Founder Mike Beares. “Their recognition is only possible because of their willingness to participate and their commitment to delivering the best services to their clients.”
“We are delighted to be recognized as a Clutch Leader. This award highlights our consistent project success and growth as a business,” said SoBold Managing Director, Will Newland.
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?
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.
Would you like these insights straight to your mailbox?
Development
9 June, 2023
Exploring the End-to-End Process of Website Development
Approaching a website development project can be daunting if you’re unfamiliar with the process and unsure what to expect. In this article, we’ll provide a detailed overview of the web development process to help you understand what’s involved, making it easier for you to approach a project yourself and avoid any pitfalls.
Your Role as the Client
If you read our recent series of in-depth guides through the end-to-end process of web design, you’ll know that process will usually involve a lot of collaboration between you, your team members, and the agency you’re working with.
Once you’ve been through that process and your design is complete, you’ll need to move to the development stage of the project to bring your designs to life.
You’ll likely have less involvement in the development stage, and less collaboration will be required, so your role will primarily be to sit back and relax while a team of skilled developers do their thing.
Depending on the project size, complexity and project management approach, you may have some touch-points with your agency partner throughout the process. If you are taking an Agile approach, this may include sprint retrospective meetings, or if you are working in a different way, this may just include short demonstrations, walk-throughs of certain pieces of bespoke functionality, or it could just be allowing you to start familiarising yourself with different features as they’re being built.
A Smooth Handover from Design to Development
One of our core qualities here at SoBold is ensuring the design and development processes work closely together. That’s achieved by not only having a very integrated design and development team in the office, but also ensuring we hold a thorough, detailed handover meeting between the designers and the developers at this stage. This serves as a key aspect of every project we work on.
The purpose of this is to give the developers a full understanding of the website or platform they need to build before any work begins, reducing the risk of error and accelerating the delivery time.
Every agency will have their own approach to this. It should usually involve the project designer(s) and project manager(s) walking the development team through everything that took place during the design process and explaining the thought process behind the decisions they’ve made. They’ll also give suggestions and guidance for how the design might be best approached from a development point of view.
Any questions the developers have about their task at hand can be answered during the handover meeting, and at any time throughout the development process, allowing the development work to flow efficiently and effectively.
The Benefits of Working with a Full-Service Web Design and Development Agency
It’s so important to align your web designers and developers, because, more often than not, there are fundamental differences in how they think and approach their work. If you decide to work with an out-and-out web design agency to design your site, with a separate development agency building it, you may encounter gaps in understanding between the two processes.
Working with an agency partner that has specialist expertise for both disciplines in-house will ensure your website is delivered on time, within budget, and directly aligned with your requirements. Having designers and developers in the same team who can share knowledge throughout the processes will almost always result in the delivery of a higher quality project too.
Building Your Website
With the handover complete, the developers will begin building your website.
Most development agencies will likely start with setting up the base. This involves setting up the base styles of the site which includes and is not limited to default colours, typography styles and global components – including button and link styles.
Once the base is set up, your developers would typically move onto the navigation and footer set up before moving onto building out all the page templates and blocks in the design should they be taking a block based approach.
Part of this process will often involve integrating certain components of your site with other systems you use within your business.
Peer Reviews and Testing to Maintain High-Performance Standards
It’s important for your agency to review and test internally all the elements that have been built, so any bugs are identified and rectified as early as possible.
Again, different agencies will have differing approaches to this. Here at SoBold, we leverage the size and experience of our team to conduct a thorough peer review process on every single component we build.
Following this internal review process, you’ll usually be given a link to your site in a staging environment.
All your content will have likely been carried over from your existing site and redirects should also be in place so that when you push the site live, any old redundant links will be redirected to the appropriate page on your new site.
If you have any live marketing campaigns running, it’s important to ensure your development agency and your marketing team (or agency) are in regular communication prior to this, so they can keep your campaigns updated in line with your new site’s launch.
Smooth Sailing Post-Launch
Once your new website is live, you’ll likely have a period of time whereby your agency will be on hand to fix any bugs that relate to the content on the new site. Here at SoBold we work with our clients for a period of 30 days following the launch of their sites, and any ongoing support beyond this 30-day bug-fix window will require a separate maintenance agreement.
Your agency should also go through the back-end of your platform with you, so you know exactly how to make changes to your website. For the most part, agencies will understand how important it is for you to be able to manage the site yourselves internally, and this is something we believe is crucial for you to be shown in detail at the end of the development process.