carmenmckie / PalmOilWebsite

🌱 Interactive website designed to present multimedia resources educating users on the effects of palm oil deforestation

University of Glasgow: Multimedia Analysis and Design Project (2019)

Project at the University of Glasgow to build an academic multimedia website, as part of the Multimedia Analysis and Design module.

I took this opportunity to build a website that explored the debate surrounding palm oil from the particular angle of palm oil deforestation.

Source Files »

Table of Contents

1. About The Project
   • Built With
   • Research Design
   • User Testing
   • Final Designs
2. Contact
3. Acknowledgements
4. License

About The Project

• This project aimed to add value to existing palm oil research by creating a resource which presented reliable information regarding palm oil deforestation through the use of academic sources.
• Additionally, due to the real significance and severity of the production of palm oil, this project aimed to act as a resource which could educate users and work towards helping to improve awareness of palm oil deforestation.

Built With

• HTML
• CSS
• JavaScript
• Balsamiq for mockups
• FileZilla FTP to host internally at the University of Glasgow

Research Design

• Paper-prototyping: the first stage in the testing process, in which participants were asked to share their opinions on the overall structure and layout of the information. Participants were also asked to perform defined user tasks and encouraged to think out loud.
• Ethnographic research: participants were given tasks to carry out under observation in the Reading Room at the University of Glasgow.
• Surveys: participants were presented with survey questions for qualitative responses taken from recommended user experience survey questions to continue to adapt and develop the website design.

User Testing

• The qualitative responses significantly improved with each design development and after the third paper prototype phase, all participants communicated that they enjoyed the overall website design and structure of information.

• After this, the website design was developed further, taking design recommendations into account and implemented on Balsamiq. Participants were then asked to perform user tasks using Balsamiq mockups and communicate their thoughts on the overall content and technical design.

  
  
  

Final Designs

As this website is hosted internally at the University of Glasgow, a public link cannot be provided. Therefore the following screenshots have been included:

Contact

• Carmen McKie - [GitHub: @carmenmckie]

Acknowledgements

• fancyBox v3.5.7 ( http://fancyapps.com/fancybox/)
• jQuery v1.10.2 | (c) 2005, 2013 jQuery Foundation, Inc. | (http://jquery.org/license)
• jQuery v3.3.1 | (c) JS Foundation and other contributors | (http://jquery.org/license)
• Bootstrap v3.4.0 (https://getbootstrap.com/)
• Sizzle.js (https://sizzlejs.com/)
• ReadMe template (https://github.com/othneildrew/Best-README-Template/blob/master/README.md)
• All multimedia sources are referenced throughout the source files

License

Distributed under the MIT License. See LICENSE for more information.