ОПИСАНИЕ ПОЛЬЗОВАТЕЛЬСКОГО ИНТЕРФЕЙСА

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

Сайт реализован с интуитивно понятной навигацией, которая находится в правом верхнем углу (рисунок 6).

 

 

 

Рисунок 6 – Навигация

 

Чтобы выбрать пункт из меню, достаточно навести курсор. Выбранный пункт выделится желтым цветом с нижним подчеркиванием. Пример показан на рисунке 7:

 

 

Рисунок 7 – Выбор пункта из меню

 

Под главным заголовком находится одна из кнопок главного меню. При наведении она подсвечивается белым цветом (рисунок 8).

 

 

Рисунок 8 – Выбор меню

 

При выборе пунктов из меню нас переносит вниз к подробной информации. На рисунке изображен пункт “О нас” (рисунок 9).

 

 

Рисунок 9 – Пункт “О нас”

 

Как видно из рисунка, на всем сайте нас будет сопровождать шапка с пунктами меню, при нажатии на шапке логотипа “MoGo”, вас перенесет обратно на главную страницу. Так же из рисунка видно, что на картинки добавлен эффект градиента с выплывающим текстом.

 При нажатии в меню пункта “Каталог”, вас перенесет так как показано на картинке(рисунок 10). В правой части реализован аккордеон, при нажатии на стрелочки, текст выплывает и исчезает.  

Рисунок 10 – Вкладка “Каталог”

 

При выборе пункта “Наш блог” (рисунок 11), вас перенесет к новостям. При нажатии на текст или картинку, вас перенесет на страницу в Instagram.

 

Рисунок 11 – Вкладка “Наш блог”

 

Так же вы можете открыть карту, как на рисунке 12.

 

 

Рисунок 12 – Карта

 

         При выборе пункта “Наши проекты” (рисунок 13), вас перенесет к списку товаров. Как видно из рисунка, при наведении на картинку она подсвечивается градиентом и выплывает текст.

 

Рисунок 13 – Вкладка “Наши проекты”

 

Выбор пункта “Контакты” (рисунок 14). Здесь вы можете видеть наши контакты в Instagram, Twitter, Facebook.

 

 

Рисунок 14 – Вкладка “Контакты”

 

         При выборе пункта корзины, вас перенесет к нашей команде, которая проведет консультацию и оформит заказ (рисунок 15). Фотографии, при наведении, подсвечиваются градиентом и всплывают ссылки на социальные сети наших работников.

Рисунок 15 – Корзина

 

При выборе пункта поиска, вас перенесет к основным параметрам поиска с подходящими моделями. Здесь реализован горизонтальный скролл (рисунок 16).

 

Рисунок 16 – Вкладка поиска