Wireframes

Wireframes were developed as these are essential within industry when working alongside coders. 

Simple layouts have been devised in order to ensure that the website is clean and easy to navigate, two factors in which are essential to that of the intended demographic. Large scale images have been applied in order to relate to prior feedback. In further discussion with my peers, they suggested that it may be visually interesting if a range of block colours are implemented, ensuring that the experience is engaging for the consumer.  

Above is an explanation as to how the wireframes may interact with one another although all web pages are easily accessible via the taskbar. Colours were implemented relating to the previous feedback given with the colour palette focusing on bold, uplifting hues.

Text was added to the following wireframes to help aid the potential coder in terms of visual scale. Comment boxes etc were added in order to format a design in which is highly impactful and truly represents a visual mock-up.

Peers suggested that the wireframes are clear and concise, whilst further stating that block colours create clear divisions between sections and allow information to stand out. Peers suggested that a video may be a good way in which to showcase the workings of the website.