MY WEB DEVELOPMENT PROCESS

In brief

About

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.



Blog

Identify Goals and Scope

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.

Blog

Wireframe and Mockups

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.

Blog

Content Creation Stage

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.

Blog

Site Testing Stage

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.

BACK TO HOMEPAGE

MOCKUP EXAMPLE


TYPE OF CLIENT

Creatives

Tech

COLOURS

Bright

Pastel

Bold

TYPE OF WEBSITE

Ecommerce

Informational

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.

EXAMPLE MOCKUP
BACK TO HOMEPAGE

ORGANISATION AND ANALYSIS

Blog
Example marketing analysis

MARKETING ANALYSIS

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.

Blog
Example Gantt chart for project management

PROJECT MANAGEMENT

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.

BACK TO HOMEPAGE

CONTACT


Contact me on LinkedIn!