Here I detail my process for website development.
Of course, the needs of each website is different however, the development process is the same. I find this process helps things run smoothly and is more enjoyable all round.
And of course, there's also the necessity of a delicious cup of hot chocolate as I work! Hehe.
What is the purpose of the website? For example, is the goal for people to buy products? What features will the website need?
A timeline visualisation (gantt chart) is used to ensure the project stays within the agreed timeline and budget.
This is where I draw up an overview of the entire site, to get an understanding of how it will look and function for the user.
This includes the bigger features such as the major content, as well as the smaller features such as icons.
This is where the content is created for the individual pages, keeping in mind keywords and other for SEO considerations that will help the site.
The visual side of the website is detailed further, using a mood board and collages of elements.
Testing how the site looks and works, which includes testing the site on multiple browsers and devices, and the user experience.
I always create a mobile-first responsive design to future-proof the site against new devices on the market.
In the mockup stage, all design and content elements are considered, which includes the smaller features such as icons and link hover colours. These are all important when taking into account the user experience, so it is handy to see the scope of the website in the beginning stages of the development.
This is where the most effective marketing strategies are discovered. In this example, the most traffic came from social media and organic search. A smaller number of wins were gained in events / face to face brand awareness.
This is where a timeline visualisation (Gantt chart) is used, to ensure the project stays within the agreed timeline and within budget. It includes a fall back plan in case extra features, which are over budget, need to be included.