Top Banner
Две концепции дизайна сайта для компании «ТермоПро» Москва, 2014
12

концепции сайта термопро_русофт

Jul 26, 2015

Download

Documents

Lidiya Myalkina
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: концепции сайта термопро_русофт

Две концепции дизайна сайтадля компании «ТермоПро»

Москва, 2014

Page 2: концепции сайта термопро_русофт

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

на мобильных устройствах и планшетах, так и обычных ПК

Посмотреть макет главной

Посмотреть макет страницы товара

Page 3: концепции сайта термопро_русофт

Главная страница

Page 4: концепции сайта термопро_русофт

Главная страница с пояснениями

Вертикальное меню с плавным переключением пунктов. Имеется выпадающий список второго уровня.

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

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

Каталог продукции состоит из блоков с картинками и подписями, для наглядности продукта.

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

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

В футере сайта расположена навигация по сайту и контактная информация компании.

Также имется кнопка (Отправить письмо)для осуществляния обратной связи пользователя с фирмой.

Page 5: концепции сайта термопро_русофт

Страница товара

Page 6: концепции сайта термопро_русофт

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

Каталог продукции переходит в вертикальное меню и наглядно показывает все имеющиеся наименования продукта.

Справа от меню находится описание товара с преимуществами и разворачивающимся списком параметров продукта.

Пункты которого легко можно свернуть и перейти к следующей характеристике.

Страница товара с пояснениями

Page 7: концепции сайта термопро_русофт

Второй вариантСайт адаптивный под любую ширину экрана, т.е. может быть использован

на мобильных устройствах и планшетах, так и обычных ПКПосмотреть макет главной

Посмотреть макет страницы товара

Page 8: концепции сайта термопро_русофт

Главная страница

Page 9: концепции сайта термопро_русофт

Главная страница с пояснениями

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

Такое расположение меню помогает нам поднять каталог продукции выше по странице.

Сайт имеет выражение границы, которые переходят в текстуру

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

Имеются элементы прокрутки логотипов партнеров, если их больше 5.

Помимо кнопки (Отправить письмо) пользователь видит сразу форму обратной связи

Page 10: концепции сайта термопро_русофт

Страница товара

Page 11: концепции сайта термопро_русофт

Страница товара с пояснениями

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

Page 12: концепции сайта термопро_русофт

Выберите ваш вариант концепции и свяжитесь с менеджеромвашего проекта Мялкиной Лидией по телефону:Выберите ваш вариант концепции и свяжитесь с менеджеромвашего проекта Мялкиной Лидией по телефону:

Мы успешно реализуем ваш интернет-проект!Мы успешно реализуем ваш интернет-проект!

+7 495 221-18-77

Москва, 2014