Steps 1/15
Briefing
In order to build a website that's tailor-made for your business, we need to understand your exact requirements. Tell us what you're looking for in a design and technical brief, and we'll do the rest.
The result
Steps 2/15
Wire-frame
We'll build a working wire-frame of your new website, so we can understand the flow and key interactions, and start to create a strong, logical structure. This stage is crucial to achieve the perfect balance of functionality with aesthetics.
The result
Steps 3/15
Initial desktop design
Once we're happy with the wire-frame, it's time to go back to your detailed brief and focus on the look and feel of the new website. Our expert team of designers and developers will create an initial version of the home page, to give a real sense of how the finished site will look.
The result
Steps 4/15
Initial mobile design
A responsive, mobile-friendly website is essential. We'll start to create a mobile site alongside a desktop design, to ensure the same exceptional user experience no matter what device is used.
The result
Steps 5/15
Design preview
Now it's time for you to test out how the site will function, before the development goes any further. We'll send you a link where you'll be able to see how the site will function from page to page. You can check out the intended animation for large and mobile screens. With your feedback, we can make adjustments to the design and cut out any chance of miscommunication or misunderstanding. We're all on the same page, and the development process is much more efficient.
The result
Steps 6/15
All internal desktop and mobile designs
Your new site is really starting to take shape now! Once the website style sheet is signed off, it's time to create the internal pages for the desktop and mobile pages of your site.
The result
Steps 7/15
Bringing the designs to life
At this crucial stage, our team brings the designs for your mobile and desktop sites to life - using HTML, CSS and JavaScript.
The result
Steps 8/15
Content management system (CMS) integration
All the important components are coming together nicely. We'll connect the coded website files to the CMS, and install any widgets and APIs that your site will need.
The result
Steps 9/15
Payment gateway integration and testing
We'll use a test account to put your new site through it's paces, before integrating your chosen payment gateway. This too is tested before sending it live.
The result
Steps 10/15
Testing
It's important that every aspect of your new site is tested before sending it live, and you can be confident that our team will double-check every detail. We'll test on all of the commonly used browsers and mobile devices. Once we're happy that your site is working like a dream, we'll match the coded site to the design to make sure they look identical and work just like the wire-frame. This is where we'll utilise our quality assurance processes.
The result
Steps 11/15
Google speed test and fixes
Once your new website is ready to go to the production server, we'll run a Google site speed test. The test will help us to analyse and optimise your site's loading speeds, for the benefit of your customers.
The result
Steps 12/15
Google data tracking
We'll install Google Analytics, connect it with site master tools and add an XML site map. This gives you, and our experts, the ability to track your site's progress. We'll also get your site re-indexed as soon as possible.
The result
Steps 13/15
Live server upload, SSL certificate and website security firewall
Love your new site? Great! This means it's time for the big moment where we send your website live. Before we do, we'll make sure you're all set up with an SSL certificate and a security firewall. This protects your site from malware and gives your customers peace of mind that their information is encrypted. These security measures can also help your site ranking with Google.
The result
Steps 14/15
Post SEO work
Your site has gone live, but our team is still working behind the scenes to make sure all meta data is correct for search engines.
The result
Steps 15/15
Client training
It's important that you can edit, personalise and use your website, and our team are happy to teach you how. We can hold training sessions at your office, ours or even online using video sharing software.
The result