1. Identifying goals and purpose

Just like any other project, the very first step of developing a website is gathering all the necessary information. All the expectations you have from a website need to be clarified at the beginning of the project otherwise the whole project might set off in the wrong direction.


What is the main goal of your website?

Target audience

Who are you trying to reach through your website?


What kind of information will your audience look for ?

These are some of the aspects that need to be considered. The website’s purpose, goal, target audience and the information provided on a website will have a huge impact on what technologies will be implemented and what functionality the website will benefit from at the final stage. What is the goal of developing this site? Is it to drive more sales, create brand awareness or sell products directly from a website? The website whose purpose is to sell cars will have different functionality than the one specifically designed to inform. And the design of the website will reflect the type of audience.

Bear in mind, it’s very important that everything is agreed at the early stages of the project. Any changes that have not been agreed will require an increase in timeline and budget.

2. Planning

At the planning stage, we decide what kind of technologies will we use for developing a site, e.g. what CMS will be used and also, we give you an idea of how the website will look. We create a site map for the website which is then followed by creating a wire frame. The major difference between these two is:

Site map represents a relationship between the main areas of the website and its content. A site map could be referred to as a table of contents for a website, showing off the future site’s navigation. While creating a site map, we have to consider things like; how easy will it be for an end user to find an information he’s looking for from the main page? Or how easy will be to navigate the site? Keeping the end user in the heart of the process, we aim to plan a site that will be as user-friendly as possible.

Example of a site map for a simple website:

The wire frame gives you a better

understanding of what the website

will look like visually. Although there

are no actual visual elements used

(no pictures, no logos, no colours,

etc.), it gives you an idea what will

be the layout of the website.

It will show where on a page will we

display text, photos, etc. Once you

are happy with the layout of the pages

we have presented, we can move on to

the next stage – designing the website.

Example of using pen and paper: (The wire frame doesn't 

have to be done in any expensive software, the layout of

the page can be simply drawn on a piece of paper)

3. Design

This stage allows designers to show off what they’re great at.

The possibilities to design a fantastic looking website are endless.

What are the major elements designer has to keep in mind?


Target audience
Who will be using the site? A website aimed to target young

teenagers will (and should!) look completely different from the

one that’s offering financial support to businesses.


All the branding elements (logos, colour, font) have to be in place with the current branding.

Designing and developing a new website is not only about the way the website looks as there are many other important elements like functionality, speed, etc. However, it is important because the website represents your brand. It creates a perception in customers’ minds about the brand, having an impact on whether they will decide to use your products/services or not.

Keeping these important elements in mind, we start with designing the whole website (what to you might look like a ‘ready to go’ website, however, at this stage the website is not functional – it is just a proof of the design). Once you are happy with the design and ready to sing it off, we can move the proof across to our developers who will start to develop the actual site.

4. Development

And so the website development process begins… The proof of the

design we've seen in the previous stage will turn into a fully functional

website which will be ready to go live very soon. The development

process involves the programming work as well as loading content

onto the site.

The site map we have created in the planning stage will help us

actually build the site. We’d usually start  with a home page and

add all the subpage afterwards. From the technical point of view,

in the development process we make all the elements of the website

work properly, e.g. contact forms, payment gateways or functionality

that were agreed earlier are being developed at this stage.

Once we build a site, we load all the content onto

the site. Either a member of our team will do so, or

you might prefer to do it yourself – whichever is more suitable.

5. Testing and launch

Once a site has been built, there’s one more crucial step to be taken before the

site goes live – testing. The reason for testing the site is to find if there are any

issues, e.g. broken links that need to be fixed. Everything on a site should be

tested – all the links, all the forms, all the scripts, even the content. It’s always

better to fix the issue before we launch the site, rather than to launch a site that

doesn’t work properly!

Once your site has been tested, we upload it to a live server and we are ready for the most exciting step of the development process – launch!

©2017 by rafx design

Registered under MZASC LLC, Ajman, UAE

    Contact Details:


            MZASC LLC

            No 2, Al Rawda 3, Ajman, UAE



   I am usually working at


            Youth X hub

            Emirates Towers

            Sheikh Zayed Road, Dubai