OUGD504 FINAL OUTCOME GIFS AND ANIMATIONS

Here are a few gifs and animations to accompany my final production, giving it more context outside of a few stills of the site. This first video shows how the user would simply interact with the page upon a first glance and how they would engage with the students work, entering an interview with that individual. The user would simply click on the work they'd want to see more about and then they would be taken to a separate page instantly featuring more images of the work and a feature. Travelling from the main sites page to this one is really simple and quick and only requires one click. This has been tailored to the target audience, keeping in mind they would probably know what they're looking for upon entering the site, they can access the information they want really quickly and efficiently. After the user has reached the end of the feature they will be bought back to where they left off on the main page. 

This short animation demonstrates what would happen when the user hovers the cursor over a certain students work. I wanted to make it as clear as possible what was clickable and what was not. Having the image fade and a rationale appear teases the user to click on that link and continue reading. A roll-over button has also been included, just incase it wasn't incredibly clear already. When inside the feature, the images would not do this obviously stating that these were just complimentary images. 

This animation demonstrates how simple it is to graciously transition from the home screen to the search bar. This is a really important feature within the site as it can direct the user to something a lot more specific to their needs. The search bar can be easily sourced from any page via the header as you can see a small symbol representing a magnifying glass at the top right. 

This feature works very similarly to the previous one. The refining system can be found at the header upon any page once again but this time on the left, separating the search and the refinement system. The user will once again be taken to a system where they can refine their search between course title and institution to find something more specific, for instance students studying fashion at Glasgow. The small symbol for this system has been illustrated as a filter icon universally known on the web for filtering things. 

All of these features have been created with the target audience in mind, creating a simple UI to improve the UX.