fbpx

Web Design Process

Web Design Process Diagram

The development of websites has evolved in recent years and the web design process has become much simpler. Whilst coding is still required to make custom web designs, the reliance on it has eased with the emergence of visual site builders. 

We utilise a variety of tools to design websites best suited to your business. For us, the web design isn’t always about the flashy bells, it’s about how we can help your business generate more leads and grow your business online. 

To achieve this, we take a deep dive into understanding your business. From this understanding, we can develop custom features and layouts for your website that will better position your business to entice customers to buy your product or use your service. 

Our web design process is simple but effective. The constant communication will help achieve a design that you will be extremely satisfied with.

Highlighting OUR 9-step Process

1.

Discovery

How do we identify the scope of your web design project?

Having a conversation

FIRST
Find Out your Goals for this Website

We like to begin our web design process by understanding as much about your business as possible. By understanding your business we can build the best website that is suited to your business. First, we begin by asking what is the goal of this website?

There are a lot of different types of websites but the two most common kind are the lead generation websites and e-commerce websites.
Lead generation websites are generally for professional service-based businesses where the goal of the website is for the visitors to engage with your website and contact you.
E-commerce websites are websites that businesses use to sell their goods and services online with a payment gateway like Paypal. It essentially needs to include a checkout feature.

Goals and objectives

SECOND
Identify your Target Audience

we want to identify the target audience of your business. Depending on the target audience we would need to alter the web design. 

For example, if your business revolves around the customers having direct contact with you as you are their coach or trainer,  we would need a layout that helps build the visitor’s trust and confidence in you so that they will engage you for your services. This would mean on the home page we would prioritise ‘about me’ sections and testimonials to establish as much social proof as possible. 

If you have an existing website we can look at the existing traffic to your website to gauge who accesses your website and how do they find you.

THIRD
Identify Your Main Value Point

To build a website where visitors are inclined to contact you, we will need to identify how you can bring value to your visitors or customers. We start to ask:

value

FOURTH
Understanding Your Process

Whether you run a service business or you just sell goods, its important to understand how you do it and what the customer is likely to experience if they engage you or buy from you. During this part, we usually try to brainstorm ways of how we can use the website to portray and accurate experience of your service. We start to ask:

This part does not have to be too in-depth unless you want special features of your website built around certain processes. For example, you have a meal delivery business and you want the website to be able to actively track meal deliveries and let users track each stage of the process.

We also like to check for any specific requests at this point. Whether there is any specific style that you like or specific pictures that you want to include. From there, this may also include content. For demos, we generally don’t write new content for you we use existing content and place holders to demonstrate the layout of your website.

From here we should have enough information to build your free live demo website.

2.

Demo

How do we provide you with a Free live demo?

Free Demo

We look to combine and utilise as much of the information you have to build an exhibition website to show you what we’re capable of.

The design and animation are generally kept simple but enough to suit your business and the purpose it serves. We generally aim for the website to be modern and professional and we put tremendous focus on the layout of the sections to achieve the goals of your website.

Whether that is to sell a product online, or getting visitors to engage you for your service, we always try to show how the layout works in the demo, sometimes it may even include extra features like advanced forms or popups to help with conversion.

Conversion in marketing terms means encouraging customers to take a specific action that you want them to take. Most of the time for lead generation websites, that specific action is either getting them to directly contact you or leaving you their details for you to contact them back.

In terms of the content we use, if you have existing content we will look to use those, but otherwise, we may use placeholder content to illustrate the design and layout instead of having the final content ready so early.

This process will generally take a 2-3 days after that we look to move to the next stage.

3.

Feedback

Do you have any questions for us?

feedback

At this point, we look to gain some feedback on the initial demo, this is just to understand your thoughts and how you would like it designed. We want to bounce as many ideas around as possible at this point before we solidify the scope and agree to a formal engagement. 

At this point some of the questions we will look to ask would be:

4.

Engagement

How do we formalise everything?

Depending on the scale of the project, we would either use a proper contract or a short form contract with only terms such as total cost, milestones, scope, etc. This stage should be brief and is only for formality purposes. For smaller projects, it can be extremely brief.

agreement

5.

Build

How does the build work?

During the building process, we apply the feedback that was given to us after the demo review and use it to build the beta version of the website. In beta, the website will not be optimised for mobile modes and we look to get the design style and content right before further optimising the website. In this stage we look to:

build website

6 & 7.

Revise & Iterate

How do we go back and revise your website?

We begin with a loop of gaining feedback and fine-tuning the website’s content and design to bring forward a site that you are satisfied with.

8.

Optimise

What do we do here?

At this point, the content and design would be signed off already and we look to make the website mobile-friendly, fast and SEO-friendly

For search engine optimisation (SEO) purposes, we perform some basic optimisation be editing page descriptions and adding tags to your pages so that it would rank better.

Faster websites tend to rank Higher on google so we start to compress all the images and edit cache policies to bring up the google page speed insight score of your website.

optimise

9.

Launch

The final stage?

Before launching the live website, we look to migrate the entire website from our test server to your web hosting server and domain. When the migration is complete, your website will be considered ‘live’ and launched. Congratulations! you’ve made it. After successfully launching your website, we look to handover all key information relating to your project and any resources you need to maintain your website yourself.

launching

I hope through this you have a good idea of what the web design process is like. Through this tested process, we were able to achieve results that were beyond the expectations of our clients. We centred this process on constant communication and feedback which will reduce misunderstandings and out-of-scope work.

Need someone to talk to?

We can help!