A flowchart is created to map out all the pages to be used in the site. This will show placement of all pages, sub-pages and hierarchy of categories and sub-categories. This navigation architecture is used as a blue print to keep track of content placement as well as adhere to scope parameters.
Each 1st level page is constructed via a wireframe, a series of different size boxes within the site page to group and organize the corresponding content and requested functionality on that page.
The brief is essentially the creative parameters for the designer to follow when coloring and styling each page of the site. Logo, colors, font type and size, and all other established branding assets are used to define each page.
All creative is handed over from design team to development team in neat and organized PSD files. The dev team creates the pages of each site to the exact speciations of those PSD files.
Text, images, logos, video and anything else that will go into each page is loaded into said pages. Coding of each page includes H1, H2, …….tags, image ALT tags, etc., internal and external links structure.