Semester project for Interface Design class. Purpose: to make a well designed, responsive, and accessible website for a Non-E-Commerce information site. Site must use modern techniques to be responsive and use CSS styles and/or frameworks.
Figma Prototype: https://www.figma.com/design/hMBpHTvXUcWOMbnoS2i2Us/Interface_Design_Semester_Project?node-id=26-148&t=YcIPaMU3VNSbBJUW-1
Privacy Policy Template Generation: Termly - https://termly.io/
Website Resources Cited:
WEBSITES SOURCED-- Site - The Ocean Cleanup: https://theoceancleanup.com/great-pacific-garbage-patch/ Site – National Oceanic and Atmospheric Administration: https://www.noaa.gov/education/resource-collections/ocean-coasts/ocean-pollution Site – National Geographic Article: https://education.nationalgeographic.org/resource/marine-pollution/ Site – Conservation International: https://www.conservation.org/stories/ocean-pollution-facts Site - OECD (2022), Global Plastics Outlook: Economic Drivers, Environmental Impacts and Policy Options, OECD Publishing, Paris, https://doi.org/10.1787/de747aef-en. (Timeline Facts/Research):
WEBSITES SOURCED-- Site - The Ocean Cleanup: https://theoceancleanup.com/great-pacific-garbage-patch/ Site - Oceanography Magazine: https://tos.org/oceanography/article/the-story-of-plastic-pollution-from-the-distant-ocean-gyres-to-the-global-policy-stage Site - Streamline: https://www.brandedbystreamline.com/a-timeline-of-plastic-pollution/ Site - National Ocean Service: https://oceanservice.noaa.gov/education/tutorial_pollution/02history.html Site - UN Environment Programme: https://www.unep.org/news-and-stories/story/birth-ban-history-plastic-shopping-bag Site - Rolling Stone: https://www.rollingstone.com/politics/politics-news/the-plastic-bag-wars-243547/ Images/Media Cited: ALL IMAGES ARE MARKED AS EITHER FREE USE, EDUCATIONAL USE, OR EDITORIAL USE BY OWNERS - I DO NOT OWN ANY IMAGES Evericons - Icons - https://www.figma.com/community/file/1299091453336389256 PEXELS FREE USE IMAGES:
HOME PAGE-- -Fish in Glove Image - Photo by Nataliya Vaitkevich: https://www.pexels.com/photo/gray-fish-in-a-plastic-glove-on-gray-sand-4813971/ -Ocean Waves Image - Photo by Muffin Creatives: https://www.pexels.com/photo/ocean-waves-1646311/ -Green Calendar Image - Photo by Towfiqu barbhuiya: https://www.pexels.com/photo/pin-and-pen-on-calendar-11363590/ IMAGE GALLERY-- -Plastic Pollution on Riverbank - https://www.pexels.com/photo/plastic-waste-on-a-riverbank-15060365/ -Garbage on the Beach - https://www.pexels.com/photo/piles-of-garbage-by-the-shore-2827735/ -Pile of Garbage on Ocean Beach - https://www.pexels.com/photo/rubbish-on-beach-17658839/ -Garbage in India River - https://www.pexels.com/photo/garbage-on-body-of-water-2480807/ -Plastic Bottles by Water - https://www.pexels.com/photo/plastic-bottles-in-water-16884368/ -Plastic Bottles and Oil in Water - https://www.pexels.com/photo/plastic-waste-and-pollution-floating-on-contaminated-water-surface-27798144/ Photos From Ocean Cleanup Include: Ocean Cleanup Image Gallery - Editorial Use: https://theoceancleanup.com/media-gallery/
HOME PAGE-- -Pollution Mass Concentration Model -Globe Map of Ocean Gyres -Image of Boyan Slat -System 03 Project Barrier IMAGE GALLERY-- -Pollution on Honduras -Ocean Cleanup Bringing in Ghostnet -Ocean Cleanup's System 02 Sorting -Ocean Cleanup's System 02 Emptying Net -Plastic Pollution in Guatemala River -Panama Pollution