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.
Would you like these insights straight to your mailbox?
- 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.
- 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.
Industry News
31 March, 2023
The Top Five Business Benefits of WordPress’s Scalability
In a recent article, we explored the topic of scalability, specifically how much scalability the WordPress platform offers. In this case, scalability refers to how WordPress allows you to expand and grow your website with more content, capabilities, features, and functionality.
Scalability is a key influence on whether your investment in your content management system (CMS) of choice will be successful, whether that’s WordPress, Drupal, Sitecore, or any other platform.
When long-term, sustainable business growth is a top priority for your business, you need total confidence that your website can scale to support that growth as your requirements evolve.
WordPress is renowned for its scalability, as it allows you to easily create new features and functionality at will, without the need to invest further time and resources into more development work.
If you do select WordPress as the CMS to build your website, and are able to leverage its industry-leading scalability, this will provide you with a range of benefits and advantages.
1 – Efficiency and Ease-of-Use
With WordPress, it’s extremely quick and efficient to build your website and subsequently add a high volume of new content whenever you need to, without losing any accuracy or quality.
Whether it’s your team or your agency partner managing your site, WordPress is convenient and easy-to-use.
This ease-of-use also applies when it comes to building bespoke features and functionality, so you can keep adding new capabilities as your requirements become more advanced.
2 – Flexibility and Creativity
The WordPress platform is built on the most popular development language in the world, PHP. This language is currently used by more than three quarters (77.5%) of all websites with a known server-side programming language.
This provides tremendous opportunity for creativity, as you and your agency partner can build virtually anything your site needs and integrate it with the platform. That gives WordPress a significant advantage over CMSs built on other less popular development languages.
WordPress also comes with a vast range of plugins which add new functionality, or enhance existing functionality, for your site. Plugins are an essential aspect of WordPress development, because it’s simply not practical or cost-effective to build absolutely everything bespoke.
However, it’s important to note there are some potential drawbacks with plugins that we’ve detailed in a related article, which you can read here.
Ultimately, the support of a trusted agency partner will help you ensure your use of plugins is well advised and risk-free..
3 – Low TCO
This dynamic scalability and great ease-of-use mean that you can use WordPress with a much lower total cost of ownership (TCO) than most other CMS options.
Working with a platform as intuitive and agile as WordPress will prevent you from having to pay for costly extra work to build out new features and functionality for your site.
When you have a new requirement, you can simply use a quality plugin or ask your agency partner to create something bespoke. Both approaches will be quick and cost-effective.
Either way, when compared to other platforms, WordPress delivers unprecedented value for money. This provides you with more budget available to reinvest in improving your site with further innovations.
4 – Fast Time-to-Market
Similar to the above point, WordPress allows you to achieve a much faster time-to-market with your site than most other platforms when developing new sites, features, or capabilities.
From a long-term perspective, as your business grows and new requirements emerge, WordPress can continue to quickly expand and grow easily with useful new features.
This allows you to execute on tactical and strategic requirements as quickly as possible, keeping up with user demands and market trends.
5 – Competitive Differentiation
The aforementioned advantages WordPress has over other CMSs allow you to create innovative bespoke features for your site at scale, at speed, and within a reasonable budget.
This naturally begins to help you gain a competitive edge over your competitors. A high-performance web presence that is dynamic enough to scale with speed and efficiency is a point of differentiation in today’s fast-moving digital business landscape.
Platform Selection is a Key Decision
Scalability should always be an important part of your criteria when selecting a CMS to build your website. WordPress’s scalability, and the resulting advantages discussed in this article, make it one of the best platforms available today.
When you also consider that some of the world’s biggest businesses have websites built on WordPress, that argument becomes even more easy to get behind.
If you’d like to learn more about how some of the world’s leading businesses use the WordPress platform at scale, read our related article here. We also provide useful tips and advice to make creating sophisticated new features and functionality easy for you.
Of course, building, managing, and scaling a high-performance website is a complex challenge. As with any CMS, it’s crucial to find the support and guidance of an experienced agency partner to ensure you’re leveraging the platform to its full potential.
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?
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?
Announcement
22 November, 2022
SoBold become only 3rd Platinum Certified Cookiebot Partner in the UK
SoBold are delighted to become only the 3rd Platinum Certified Cookiebot Partner in the United Kingdom.
Cookiebot consent management platform (CMP) is a leading compliance solution that detects and controls all cookies and trackers in use on a website, and automatically manages end-user consents.
SoBold have been working closely with Cookiebot since the new General Data Protection Regulation (GDPR) came into place on 24 May 2018 providing their clients with transparency and control over the cookies used on their websites. Since partnering with Cookiebot as a reseller, SoBold have worked with clients including Transport for London and the London Transport Museum to develop bespoke implementations of the Cookiebot CMP. More information on SoBold’s work with Transport for London can be found here.
In October 2022, Cookiebot launched a tiered partner and certification program. As a leading Cookiebot reseller SoBold has been named as a Platinum Certified partner, highlighting its expertise with the Cookiebot platform and data privacy compliance in general.
By becoming a Platinum Certified Cookiebot Partner, SoBold will be able to continue to offer more support to leading businesses needing bespoke Cookiebot solutions.
Cookiebot Sales & Channel Manager, Grant MacInnes said:
Congratulations to Sam Phillips & SoBold on joining our very elite group of platinum certified resellers. Looking forward to continuing to work closely with you and the team over the coming months and years.
SoBold Technical Director, Sam Phillips said:
By becoming just the 3rd Platinum Certified Cookiebot partner in the UK we have continued to cement our position as a leading Cookiebot reseller. Having been one of the first resellers of Cookiebot in 2018, our partnership with Cookiebot continues to go from strength to strength and we are looking forward to developing more bespoke implementations for Cookiebot’s enterprise user base as a fully certified partner.
Would you like these insights straight to your mailbox?
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?
