Before we start creating any website, we have to, first, know the objective of the website and what kind of website it’s going to be. Is it a portfolio to present the company’s workpieces? Is it a website for selling products or services? Or is it an organization website? This is important as it will determine the space management and usage in the website. For example, if we’re creating a portfolio website then most of the space will be used for pictures and only little will be for text.

Once we know what the website is going to be used for, we give it name. Now the name must, of course, relate to the company or brand name itself. We usually use for company website for higher credibility. Website names should be short so that it’s easy to type and should not be similar with the competitors. After we’ve decided the name, we register it as our domain name/hosting.

Then, we start planning the site map or navigation menu. Things like what’s going to be on the menu bar and where the page is going to land when it’s clicked. This stage is like planning an overall performance of the website. We try to have everything organized in reasonable order and avoid making it too complicated.

Next is designing a wide frame which is the time when we manage the space on the site. We specify how exactly the space is going to be used on the page like where we’re going to place the pictures and where the text is going to be. And as mentioned above, how the space will be managed is determined by what the website is used for.

When the wide frame is done, we’re bringing it to life by designing user interface taking mobile platform as the first priority. And along the way, it’s important that we have all the information we’re going to put on the website ready so that we don’t have to adjust our design again under to fit the information in whether it’s pictures or text.

Once everything is ready, it’s time to change from JPEG to HTML. In this part, we start creating an actual website we’ve previously designed. It’s separated into 2 parts; front-end and back-end. Front-end is the presentation layer which is the interface between the user while back-end is the data access layer. After that, we check if everything has gone as planned like does the website run in accordance with the navigation menu? If not then we fix that. After we’ve completed everything, we upload the website to the domain name we’ve chosen. And we’re done!