Ниже представлен дизайн сайта Иннопорт-ДВ27. Просьба ознакомиться и дать обратную связь. Рекомендуется просматривать данную страницу с экрана компьютера, либо ноутбука.

Главная страница представляет собой морскую бухту с портом и кораблями.

Изображение 1. Главный экран

В центре страницы расположены 6 прямоугольных контейнеров разных цветов, каждый из которых является ссылкой на страницы ("О портале", "Новости", "События", "Статьи и Публикации", "Документы", "Регистрация"). При наведении на контейнер появляется название соответствующего раздела.

Изображение 2. Наведение мышки на контейнер

Каждый раздел представляет собой отдельную страницу с соответствующей информацией. Внизу каждой страницы есть кнопка для возврата в порт.

Изображение 3. Новости

Изображение 4. События (изображены фотографии, при клике на которые открываются подробности события)

Изображение 5. Нормативные и правовые документы

Изображение 6. Ссылки на список прикрепленных статей

Для удобства пользователя в правом верхнем углу расположена кнопка входа на сайт, через которую зарегистрированный пользователь может войти на сайт. Для незарегистрированных пользователей предусмотрена кнопка регистрации.

Изображение 7. Вход на сайт

При клике на кнопку "Зарегистрировать личный кабинет" либо на контейнер "Регистрация" на главной странице появляется страница с возможностью регистрации. Предусмотрено 2 вида регистрации. Под кнопками расположена информация, которая помогает пользователю выбрать нужный тип регистрации.

Изображение 8. Регистрация

Изображение 9. Форма регистрации для получения личного кабинета

Изображение 10. Форма регистрации посетителя

После регистрации пользователь попадает на главную страницу, на которой дополнительно появились указатели "Осмотр порта" и "На загрузку"(доступно только для пользователей с личным кабинетом). Также в нижней части появляется изображение кафе. При клике на данное изображение открывается чат.

Изображение 11. Главная страница после завершения регистрации пользователем.