The creation of a website in 12 steps

Image for post
Image for post
Website Development

You are decided! You want to redo your site or create a new one but at the moment it is an area that you do not know and you would like to learn a little more about the process of creating a website. So you’ve gone looking for more information and you’ve just come to the right place!

To embark on such a project requires a methodology and a certain rigor to be able to put on line a new site without hindrance. The client and the agency must both get involved in this common project to carry it out, it is a work of collaboration and mutual trust throughout the project.

In our agency we have implemented a functional methodology that allows everyone to find his place. Indeed, to create a website is a team that mobilizes: project manager, graphic designer, integrator, developer and web editor as needed.

1) The expression of needs

It all starts with a first meeting between the client and the agency to discuss the needs of the client for his new website. This first step is used to define the perimeter of the site, to better understand the necessary functionalities, the target audience, the general theme of the site, the desired implementation schedule, constraints, competitors, etc. This is a crucial step to start the project with confidence.

2) The specifications

Once the needs are established and analyzed, comes the moment of writing the specifications. A formal and detailed document presenting the needs expressed during the first stage. It determines the technical solutions that will be used, the functionalities, the schedule, the project participants, etc.

3) The tree

Once all the functional and technical elements have taken shape, it’s time to seriously look at the future site tree. It is essential to build the models and must be thought upstream of the project to determine the navigation on the website. To build it, it is essential to understand the theme (s) of the new site as well as the targeted targets.

4) The wireframes

The tree defined and validated by all, we can then embark on the wireframes stage. This is to create a basic model to place the elements on the page. It is thus necessary to determine which elements will be placed in the foreground or in the background. This is a step not to be missed to facilitate graphic creation.

5) Graphic creation

This step allows to transform the wireframes into graphic models to give a real identity and a real image to the website. This is the graphic designer that supports this part. All the templates of pages must be detailed, they can be more or less numerous according to the sites: the homepage, the page of contents, the product page, the page list, the page contact, specific pages …

6) The integration of models

Once the stage of round trips to validate the models completed, comes the turn of the web integrator. It transforms all models into web pages in accordance with W3C standards and ensuring their rendering on different media if the site is responsive .

7) The development of the site and its functionalities

This time it is up to the developer to intervene, he develops all the back-office part, the functionalities of the site and integrates them on the model realized by the integrator. This is obviously the most technical and longest part of the process depending on the level and number of features requested.

8) Testing and control of the site

Once all the features are in place, it is necessary to fully test the site on all browsers and all media (computers, smartphones and tablets) to ensure its proper operation.

9) Back office training

In order to integrate content into the site and understand all its features, the training of the client to the BO is essential (to know more about the choice of your CMS: Which CMS to choose for its website? ). It allows to take possession of the site in order to manage it independently.

10) Content integration

Even if the integration of the contents only happens in the last stages, concretely the writing of the content itself must begin well before, what is more if the content is very important. Thanks to BO training, you are able to add all the content to your website.

11) Uploading the site to the server

The site works, it has been tested, the contents are integrated, everything is ready for the site! Generally the site in development was hosted on a test server, for the online, the site is moved to the client’s hosting. Then come some tests to make sure the site is working properly on this new server.

12) Monitoring and maintenance

After going online, there are always a few days to make returns and small changes related to the use of the site. Then comes a maintenance period to keep the site always up to date and at the top of its features.

Of course, throughout the various stages of the project, the client and the agency communicate regularly to correct and validate progressively the development of the site.

Do you have a website project? Do not hesitate to contact us !

Written by

Christina Cheeseman is a Technology Strategist at Elitech Systems. She enjoys writing about Technology, marketing & industry trends.

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store