Design for Screen: Design Development

Upon receiving feedback it was decided the use of animation on the home page had little reasoning, leading to experiments looking at how to incorporate the about section within the home page. Initial experiment seen in figure 1 explore the use of negative space and using the information to inform the grid system. Upon receiving feedback from peers the first experimentation aligning the text with the 6 in 136 creates an even and balanced aesthetic to the website and other experiments look awkward and uneven on the homepage (see figure 1-2). Furthermore upon refining this layout so that the text within the site followed the same grid system, allowing the viewer to know where the information will appear at all times. Editing 136 so it became an outline instead of a sold number fit within the rest of the site more effectively as previous experimentation appear too bold as suggested through peer-to-peer feedback. 

Upon further reflection on the concept an animated figure will feature within the site which lead to further developments of where to place the man. Initially I had the idea of the animation appearing once you had hovered over the text however the viewer needs to read the text to gain context for the animation so this was deemed inappropriate, this also relates to experimentation featuring the animation alongside the text (see figure 3) . Therefore this need for context led to the addition of another page so the viewer could read the text and scroll down at which point the animation would appear (see figures 4-5). Personally I fell this aspect could be developed more so that the confetti could be included at other points within the site, for example if you click on the students linked in.

Figure 1

Figure 2

Figure 3

Figure 4

Figure 5