03 8394 0407

Our website development process

Building quality websites from the ground up

Every project starts with a vision and a strategy. And then it's built, step by step. Each step of our website development process has been refined to drive your business towards its vision.

Step 1

Project scope

Defining the project's scope starts with an early stage meeting. A range of specialists – from digital analysts, project managers and designers – collaborate on the vision and workshop the details of the website strategy. Our experts then finalise a strategic roadmap that covers all your business objectives.

Once the scope of the project is mapped out, the technical requirements of the project are assessed by the technical lead, and the project manager determines the project’s phases. Key dates are mapped, and an overall project timeline is established.

Step 2

Data-driven sitemaps

A sitemap is a high-level list of web pages ordered under a hierarchy. This architecture is the foundation of the website – it's a blueprint for website development and forms the basic usability of the website. So it's important to get right.

A sitemap needs to be informed by the business goals and driven by data. User research, keyword research, content themes and depth all need to inform the overall website strategy. Our specialists review the data so that the result meets both user and business needs.

Step 3

CRO strategy

Conversion and experience need to inform the process early on, embedding conversation rate optimisation (CRO) best practices and data insights into the core of the page content and structure. This analysis informs the website page content and structure – such as content purpose, element ordering, page goals and SEO architecture.

Our data analysts look at existing website data and combine it with testing and competitive analysis. Insights are then compiled into a content strategy document. This document gives designers and developers a clear guide to work from, and ensures that the website converts as soon as it goes live.

Step 4

UX wireframing

User Experience (UX) design is all about taking the needs of the user and balancing them with the goals of the business. Because if the user has a bad experience, your website won't convert. And it won't be an asset for your business.

It's at this stage our UX designers begin the wireframing process. They work with the recommendations made in the Content Strategy Document and transform them into design wireframes. These wireframes are visual prototypes of key web pages, and act as a blueprint for final designs and development.

Step 5

Copywriting production

Copy is how your website makes a connection with your users and customers. It's a key communication tool for your business. Our expert copywriters research your products, brand and market to create a strong brand voice that resonates with your customers.

The copywriting process is collaborative. Because no one knows your business better than you and your team. Using collaborative software, you'll view page content and provide feedback. The result is copy and content that is accurate, polished and meets the needs of your brand and your users.

Step 6

Image production

Image and visual asset production is a key part of the website development and design process. So much of your brand’s message is conveyed through the use of stunning images and visual assets. Finding the right mix for your business will make your website a powerful branding touchpoint.

We source these assets both from internal and external sources. Internal sources include your existing images and product assets. External sources include premium images and designs produced or curated by our in-house design team.

Step 7

Web design

Before final development begins, discussions around branding and layout details are finalised with you and key stakeholders. Branding and functionality are illustrated using the designs of key website pages.

Once the final designs are approved, we begin to implement them across the site. This includes deep-level pages and unique purpose pages. After this point there's no more wireframes and concepts – your final designs are as close to your website as possible.

Step 8

Website development

Development is the process of taking the created assets so far – such as designs – and making them into a functioning website. It's a broad capability that includes a highly technical skillset from both back-end and front-end developers.

Back-end hosting environments are setup with development, staging and production servers, including core web architecture such as the SilverStripe framework and CMS. And finally, there's the front-end, where layouts and functionality are styled according to final designs.

Step 9

Content population

A website is just an empty shell without content. 'Content population' is the process of optimising and uploading content for the newly-created website architecture. This process ensures that content has maximum impact on an audience while optimising the page for speed and usability.

The content manager populates content assets into your website’s Content Management System (CMS). During this process, pages are filled with high-quality copy and images are styled to look perfect. The Content Manager also tests for basic usability issues and catches out any errors.

Step 10

Speed testing

Users demand a fast experience across all their devices. But large images, bloated code and broken integrations can bog a website down with sluggish performance. That's why our website development process goes through a rigorous phase of speed testing and quality assurance.

During this phase, page speed is analysed and code is tested for hidden errors. The test results are then reviewed and analysed. This phase of testing uncovers trouble areas, such as large images or troublesome code. With these results, web pages can be further optimised.

Step 11

Testing and training

With the website full of content and working, it is put through a stage of further testing and optimisation. This is an opportunity to showcase the functional elements of the website, complete with content, and detect any technical issues before launch.

Any remaining web development is carried out according to feedback and reviews conducted during the staging process. Then the latest version of the website is reviewed and finalised. If there are no remaining issues, we brief you the final launch date.

Step 12

Analytics tracking and launch

Before the website is launched, there is one final phase. We install and setup the tools for tracking the future performance and progress of your website. Almost every element of the website is tagged for tracking, including buttons, navigation and videos.

The final step? Launch. The website is moved from the staging environment and made public on the production server. Then the old website is replaced, and if necessary, servers are reconfigured and web domains redirected to reflect the new address.