Winx
The purpose of the project is to create, maintain and update a website that provides information about the blue economy in the following directions:
- The Blue Growth Initiative;
- Supporting Blue Communities;
- Technology and innovation;
Awareness raising for blue energy is aimed at:
- Presenting the benefits of the blue economy to an increasing audience.
- Significantly facilitating the search for „Blue economy” information.
- Motivating more visitors to protect the environment.
- Allowing anyone who wishes to help with information (or good practice material) to submit from the site and add to the site accordingly.
Main stages in the project implementation
- Determination of the basic idea and study of such implemented projects;
- Collecting and sorting of information; content preparation (photos, text, videos);
- Determining the types and number of pages;
- Selection of graphic design for the site / web design /; building the vision of the consumer part; design of graphic elements
- Defining menus;
- Creation of the information part of the site;
- Functionality testing and correction;
The site is entirely written in HTML and CSS using BOOTSTRAP. Each block element – row, column, container and section was individually formatted and shaped.
Project complexity level
There is a lack of information on the internet. There are also few projects that support the development of the blue economy. The difficulty was gathering information.
Logical and functional description of the project
Elements
The structure of the site is as user – friendly as possible. The information is tailored to the objectives chosen and follows a certain form and order. The links between the individual pages are defined – the so-called navigation, which is logical and convenient to easily get the information you need. The search engine is built in a user-friendly place.
Planning the Navigation Structure
Good navigation makes it easy for visitors to quickly and easily find what they need. The basic principles for building a menu on a site are:
• It is mandatory to have a main menu with links to the most important subpages.
• The navigation menu is displayed prominently.
• The individual links (buttons) in the menus are briefly and clearly named.
Optimisation
One very important detail that came to mind when setting up a blue economy website is the speed at which it loads, because the most internet users do not like to wait and just interrupt the loading of slow-loading pages. Therefore, the site should be opened as quickly and seamlessly as possible.
There are several ways in which this requirement is realized:
• All graphics are as small as possible as size. The „heavy“ images load slowly and from there the entire site is also rendered slowly by the browser.
• The recommendation for summary information on the pages is met.
• Do not overdo the number of individual frames.
Документация по проекта Open
Код на проекта https://github.com/ZIYordanova18/Winx