The main components and information architecture of the project are as follows:
Home Page/Intro Screen:
A brief introduction to the project and a welcome screen providing an overview.
A brief introduction to the project and a welcome screen providing an overview.
Marine Life:
Displays marine life as trash is cleaned, with detailed informative content for each species.
Displays marine life as trash is cleaned, with detailed informative content for each species.
Interactive Learning:
Detailed info cards for each type of trash and quiz questions that help clean the sea when answered correctly.
Detailed info cards for each type of trash and quiz questions that help clean the sea when answered correctly.
Ocean Layers:
Surface Layer: Various types of floating trash and informative cards for each type.
Middle Layer: Statistics and scientific articles about water pollution.
Bottom Layer: Congratulations page showing the clean sea and the growth of marine life. Option to return to the main menu.
Surface Layer: Various types of floating trash and informative cards for each type.
Middle Layer: Statistics and scientific articles about water pollution.
Bottom Layer: Congratulations page showing the clean sea and the growth of marine life. Option to return to the main menu.
Top Menu:
Includes sections like Statistics, Research, About the Project, and Contact. It provides access to scientific research, reports, current news, and contact information for relevant organizations.
Includes sections like Statistics, Research, About the Project, and Contact. It provides access to scientific research, reports, current news, and contact information for relevant organizations.
This structure is designed to support the website's user-friendly and educational goals by making navigation and interaction easy for users.
Project & Design: Tarık Seven
Below you can see the Figma prototype of the project.
