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