SlideShare a Scribd company logo
1 of 12
Download to read offline
Две концепции дизайна сайта
для компании «ТермоПро»

Москва, 2014
Первый вариант
Сайт адаптивный под любую ширину экрана, т.е. может быть использован
на мобильных устройствах и планшетах, так и обычных ПК
Посмотреть макет главной
Посмотреть макет страницы товара
Главная страница
Главная страница с пояснениями

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

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

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

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

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

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

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

Справа от меню находится описание
товара с преимуществами и
разворачивающимся
списком параметров продукта.
Пункты которого легко можно свернуть и
перейти к следующей характеристике.
Второй вариант
Сайт адаптивный под любую ширину экрана, т.е. может быть использован
на мобильных устройствах и планшетах, так и обычных ПК
Посмотреть макет главной
Посмотреть макет страницы товара
Главная страница
Главная страница с пояснениями
Вертикальное меню находится
на одном уровне с логотипом и
закрепляется в случае
прокрутки страницы сайта вниз.
Такое расположение меню
помогает нам поднять каталог
продукции выше по странице.

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

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

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

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

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

+7 495 221-18-77
Мы успешно реализуем ваш интернет-проект!

Москва, 2014

More Related Content

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

ГлавРусСтрой site guide
ГлавРусСтрой site guideГлавРусСтрой site guide
ГлавРусСтрой site guideIRCIT.Uspeshnyy
 
30+ расширений и приложений для Google Chrome
30+ расширений и приложений для Google Chrome30+ расширений и приложений для Google Chrome
30+ расширений и приложений для Google ChromeMediaEcology
 
Адаптивный дизайн
Адаптивный дизайнАдаптивный дизайн
Адаптивный дизайнborovoystudio
 
сервисы веб 2.0 в практике работы педагога
сервисы веб 2.0 в практике работы педагогасервисы веб 2.0 в практике работы педагога
сервисы веб 2.0 в практике работы педагогаAntonova_Anna
 
Система управления сайтом «1С-Битрикс» изнутри: работа с корпоративным сайтом
Система управления сайтом «1С-Битрикс» изнутри: работа с корпоративным сайтомСистема управления сайтом «1С-Битрикс» изнутри: работа с корпоративным сайтом
Система управления сайтом «1С-Битрикс» изнутри: работа с корпоративным сайтомborovoystudio
 
Вебинар Александра Власова: Юзабилити здорового человека Vs юзабилити курильщ...
Вебинар Александра Власова: Юзабилити здорового человека Vs юзабилити курильщ...Вебинар Александра Власова: Юзабилити здорового человека Vs юзабилити курильщ...
Вебинар Александра Власова: Юзабилити здорового человека Vs юзабилити курильщ...B2B Academy
 
методические рекомендации_2_часть
методические рекомендации_2_частьметодические рекомендации_2_часть
методические рекомендации_2_частьAlexander Shapovalov
 
Как создать эффективный интегрированный корпоративный сайт
Как создать эффективный интегрированный корпоративный сайтКак создать эффективный интегрированный корпоративный сайт
Как создать эффективный интегрированный корпоративный сайтRuslan Bordak
 
л. б. №9 костюка б. в. гр 2им
л. б. №9 костюка б. в. гр 2имл. б. №9 костюка б. в. гр 2им
л. б. №9 костюка б. в. гр 2имwycccccccccc
 
Начальный документ для быстрого форматирования
Начальный документ для быстрого форматированияНачальный документ для быстрого форматирования
Начальный документ для быстрого форматированияНиколай Колдовский
 
аудит Teleset40
аудит Teleset40аудит Teleset40
аудит Teleset40Auditorr
 
влияние юзабилити на ранжирование
влияние юзабилити на ранжированиевлияние юзабилити на ранжирование
влияние юзабилити на ранжированиеIvan Murketolog
 
Запуск мобильной версии сайта: разбор полетов (Надежда Маринчева, CoMagic)
Запуск мобильной версии сайта: разбор полетов (Надежда Маринчева, CoMagic)Запуск мобильной версии сайта: разбор полетов (Надежда Маринчева, CoMagic)
Запуск мобильной версии сайта: разбор полетов (Надежда Маринчева, CoMagic)NetCampus
 
сервисы веб 2.0 в практике работы педагога Антонова Анна Александровна Кострома
сервисы веб 2.0 в практике работы педагога  Антонова Анна Александровна Костромасервисы веб 2.0 в практике работы педагога  Антонова Анна Александровна Кострома
сервисы веб 2.0 в практике работы педагога Антонова Анна Александровна КостромаAntonova_Anna
 
Корпоративный сайт нашего времени: лучшие технологии «1С-Битрикс» для бизнеса
Корпоративный сайт нашего времени: лучшие технологии «1С-Битрикс» для бизнесаКорпоративный сайт нашего времени: лучшие технологии «1С-Битрикс» для бизнеса
Корпоративный сайт нашего времени: лучшие технологии «1С-Битрикс» для бизнесаADN Digital Studio
 

Similar to концепции сайта термопро_русофт (20)

ГлавРусСтрой site guide
ГлавРусСтрой site guideГлавРусСтрой site guide
ГлавРусСтрой site guide
 
I-Soft Bizness
I-Soft BiznessI-Soft Bizness
I-Soft Bizness
 
st.Michael site guide
st.Michael site guidest.Michael site guide
st.Michael site guide
 
интернет3
интернет3интернет3
интернет3
 
Bitrix cms 14
Bitrix cms 14Bitrix cms 14
Bitrix cms 14
 
30+ расширений и приложений для Google Chrome
30+ расширений и приложений для Google Chrome30+ расширений и приложений для Google Chrome
30+ расширений и приложений для Google Chrome
 
Адаптивный дизайн
Адаптивный дизайнАдаптивный дизайн
Адаптивный дизайн
 
сервисы веб 2.0 в практике работы педагога
сервисы веб 2.0 в практике работы педагогасервисы веб 2.0 в практике работы педагога
сервисы веб 2.0 в практике работы педагога
 
Система управления сайтом «1С-Битрикс» изнутри: работа с корпоративным сайтом
Система управления сайтом «1С-Битрикс» изнутри: работа с корпоративным сайтомСистема управления сайтом «1С-Битрикс» изнутри: работа с корпоративным сайтом
Система управления сайтом «1С-Битрикс» изнутри: работа с корпоративным сайтом
 
Вебинар Александра Власова: Юзабилити здорового человека Vs юзабилити курильщ...
Вебинар Александра Власова: Юзабилити здорового человека Vs юзабилити курильщ...Вебинар Александра Власова: Юзабилити здорового человека Vs юзабилити курильщ...
Вебинар Александра Власова: Юзабилити здорового человека Vs юзабилити курильщ...
 
методические рекомендации_2_часть
методические рекомендации_2_частьметодические рекомендации_2_часть
методические рекомендации_2_часть
 
Как создать эффективный интегрированный корпоративный сайт
Как создать эффективный интегрированный корпоративный сайтКак создать эффективный интегрированный корпоративный сайт
Как создать эффективный интегрированный корпоративный сайт
 
л. б. №9 костюка б. в. гр 2им
л. б. №9 костюка б. в. гр 2имл. б. №9 костюка б. в. гр 2им
л. б. №9 костюка б. в. гр 2им
 
Начальный документ для быстрого форматирования
Начальный документ для быстрого форматированияНачальный документ для быстрого форматирования
Начальный документ для быстрого форматирования
 
аудит Teleset40
аудит Teleset40аудит Teleset40
аудит Teleset40
 
влияние юзабилити на ранжирование
влияние юзабилити на ранжированиевлияние юзабилити на ранжирование
влияние юзабилити на ранжирование
 
Provecta pos 2
Provecta pos 2Provecta pos 2
Provecta pos 2
 
Запуск мобильной версии сайта: разбор полетов (Надежда Маринчева, CoMagic)
Запуск мобильной версии сайта: разбор полетов (Надежда Маринчева, CoMagic)Запуск мобильной версии сайта: разбор полетов (Надежда Маринчева, CoMagic)
Запуск мобильной версии сайта: разбор полетов (Надежда Маринчева, CoMagic)
 
сервисы веб 2.0 в практике работы педагога Антонова Анна Александровна Кострома
сервисы веб 2.0 в практике работы педагога  Антонова Анна Александровна Костромасервисы веб 2.0 в практике работы педагога  Антонова Анна Александровна Кострома
сервисы веб 2.0 в практике работы педагога Антонова Анна Александровна Кострома
 
Корпоративный сайт нашего времени: лучшие технологии «1С-Битрикс» для бизнеса
Корпоративный сайт нашего времени: лучшие технологии «1С-Битрикс» для бизнесаКорпоративный сайт нашего времени: лучшие технологии «1С-Битрикс» для бизнеса
Корпоративный сайт нашего времени: лучшие технологии «1С-Битрикс» для бизнеса
 

More from Lidiya Myalkina

Сеть семейных клиник Доктор Рядом
Сеть семейных клиник Доктор РядомСеть семейных клиник Доктор Рядом
Сеть семейных клиник Доктор РядомLidiya Myalkina
 
Презентация по программам от Доктор Рядом
Презентация по программам от Доктор РядомПрезентация по программам от Доктор Рядом
Презентация по программам от Доктор РядомLidiya Myalkina
 
РуСофт - система видеотрансляций
РуСофт - система видеотрансляцийРуСофт - система видеотрансляций
РуСофт - система видеотрансляцийLidiya Myalkina
 
Cобачники против кинофобов
Cобачники против кинофобовCобачники против кинофобов
Cобачники против кинофобовLidiya Myalkina
 
Зеленоградский Центр Новостей
Зеленоградский Центр НовостейЗеленоградский Центр Новостей
Зеленоградский Центр НовостейLidiya Myalkina
 
Спортивный Зеленоград
Спортивный ЗеленоградСпортивный Зеленоград
Спортивный ЗеленоградLidiya Myalkina
 
Развитие ребенка в Зеленограде
Развитие ребенка в ЗеленоградеРазвитие ребенка в Зеленограде
Развитие ребенка в ЗеленоградеLidiya Myalkina
 
Мобильное приложение ЗелКафе
Мобильное приложение ЗелКафеМобильное приложение ЗелКафе
Мобильное приложение ЗелКафеLidiya Myalkina
 
Наука для всех - Иновационный образовательный проект
Наука для всех - Иновационный образовательный проектНаука для всех - Иновационный образовательный проект
Наука для всех - Иновационный образовательный проектLidiya Myalkina
 
Связь с городом
Связь с городомСвязь с городом
Связь с городомLidiya Myalkina
 
Приложение «Расписание автобусов Зеленограда»
Приложение «Расписание автобусов Зеленограда»Приложение «Расписание автобусов Зеленограда»
Приложение «Расписание автобусов Зеленограда»Lidiya Myalkina
 
Xpir – мы находим тендеры для вас!
Xpir – мы находим тендеры для вас!Xpir – мы находим тендеры для вас!
Xpir – мы находим тендеры для вас!Lidiya Myalkina
 
РуСофт разрабатывает качественные уникальные сайты
РуСофт разрабатывает качественные уникальные сайтыРуСофт разрабатывает качественные уникальные сайты
РуСофт разрабатывает качественные уникальные сайтыLidiya Myalkina
 
РуСофт разрабатывает качественные уникальные сайты
РуСофт разрабатывает качественные уникальные сайтыРуСофт разрабатывает качественные уникальные сайты
РуСофт разрабатывает качественные уникальные сайтыLidiya Myalkina
 
видео трансляции русофт (презентация)
видео трансляции русофт (презентация)видео трансляции русофт (презентация)
видео трансляции русофт (презентация)Lidiya Myalkina
 
Видео конференции Русофт
Видео конференции РусофтВидео конференции Русофт
Видео конференции РусофтLidiya Myalkina
 
Видео конференции Русофт
Видео конференции РусофтВидео конференции Русофт
Видео конференции РусофтLidiya Myalkina
 
Медиа продукт «Видеотрансляция»
Медиа продукт «Видеотрансляция»Медиа продукт «Видеотрансляция»
Медиа продукт «Видеотрансляция»Lidiya Myalkina
 

More from Lidiya Myalkina (20)

Сеть семейных клиник Доктор Рядом
Сеть семейных клиник Доктор РядомСеть семейных клиник Доктор Рядом
Сеть семейных клиник Доктор Рядом
 
Презентация по программам от Доктор Рядом
Презентация по программам от Доктор РядомПрезентация по программам от Доктор Рядом
Презентация по программам от Доктор Рядом
 
РуСофт - система видеотрансляций
РуСофт - система видеотрансляцийРуСофт - система видеотрансляций
РуСофт - система видеотрансляций
 
Cобачники против кинофобов
Cобачники против кинофобовCобачники против кинофобов
Cобачники против кинофобов
 
Сайт Zelao.ru
Сайт Zelao.ruСайт Zelao.ru
Сайт Zelao.ru
 
Зеленоградский Центр Новостей
Зеленоградский Центр НовостейЗеленоградский Центр Новостей
Зеленоградский Центр Новостей
 
Спортивный Зеленоград
Спортивный ЗеленоградСпортивный Зеленоград
Спортивный Зеленоград
 
Развитие ребенка в Зеленограде
Развитие ребенка в ЗеленоградеРазвитие ребенка в Зеленограде
Развитие ребенка в Зеленограде
 
Мобильное приложение ЗелКафе
Мобильное приложение ЗелКафеМобильное приложение ЗелКафе
Мобильное приложение ЗелКафе
 
Куда пойдём
Куда пойдёмКуда пойдём
Куда пойдём
 
Наука для всех - Иновационный образовательный проект
Наука для всех - Иновационный образовательный проектНаука для всех - Иновационный образовательный проект
Наука для всех - Иновационный образовательный проект
 
Связь с городом
Связь с городомСвязь с городом
Связь с городом
 
Приложение «Расписание автобусов Зеленограда»
Приложение «Расписание автобусов Зеленограда»Приложение «Расписание автобусов Зеленограда»
Приложение «Расписание автобусов Зеленограда»
 
Xpir – мы находим тендеры для вас!
Xpir – мы находим тендеры для вас!Xpir – мы находим тендеры для вас!
Xpir – мы находим тендеры для вас!
 
РуСофт разрабатывает качественные уникальные сайты
РуСофт разрабатывает качественные уникальные сайтыРуСофт разрабатывает качественные уникальные сайты
РуСофт разрабатывает качественные уникальные сайты
 
РуСофт разрабатывает качественные уникальные сайты
РуСофт разрабатывает качественные уникальные сайтыРуСофт разрабатывает качественные уникальные сайты
РуСофт разрабатывает качественные уникальные сайты
 
видео трансляции русофт (презентация)
видео трансляции русофт (презентация)видео трансляции русофт (презентация)
видео трансляции русофт (презентация)
 
Видео конференции Русофт
Видео конференции РусофтВидео конференции Русофт
Видео конференции Русофт
 
Видео конференции Русофт
Видео конференции РусофтВидео конференции Русофт
Видео конференции Русофт
 
Медиа продукт «Видеотрансляция»
Медиа продукт «Видеотрансляция»Медиа продукт «Видеотрансляция»
Медиа продукт «Видеотрансляция»
 

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

  • 1. Две концепции дизайна сайта для компании «ТермоПро» Москва, 2014
  • 2. Первый вариант Сайт адаптивный под любую ширину экрана, т.е. может быть использован на мобильных устройствах и планшетах, так и обычных ПК Посмотреть макет главной Посмотреть макет страницы товара
  • 4. Главная страница с пояснениями Вертикальное меню с плавным переключением пунктов. Имеется выпадающий список второго уровня. На сайте происходит автоматическая смена слайдов (изображений) через указанный промежуток времени. Переключение не стандарное, по типу карусель. Изображение было стилизовано под цветовую гамму сайта с использованием товаров компании из каталога. Каталог продукции состоит из блоков с картинками и подписями, для наглядности продукта. Названия каталогов информативны для пользователя и могут быть использованы для быстрого перехода к нужной странице. Для пользователя так же вынесены на главную страницу блоки Новостей и Партнеров. Что показывает, что сайт обнавляется и сотрудничает со многими крупными компаниями. В футере сайта расположена навигация по сайту и контактная информация компании. Также имется кнопка (Отправить письмо) для осуществляния обратной связи пользователя с фирмой.
  • 6. Страница товара с пояснениями Навигация по сайту сохранилась и предоставляет посетителю возможность быстро и безошибочно определить свое местонахождение на сайте Каталог продукции переходит в вертикальное меню и наглядно показывает все имеющиеся наименования продукта. Справа от меню находится описание товара с преимуществами и разворачивающимся списком параметров продукта. Пункты которого легко можно свернуть и перейти к следующей характеристике.
  • 7. Второй вариант Сайт адаптивный под любую ширину экрана, т.е. может быть использован на мобильных устройствах и планшетах, так и обычных ПК Посмотреть макет главной Посмотреть макет страницы товара
  • 9. Главная страница с пояснениями Вертикальное меню находится на одном уровне с логотипом и закрепляется в случае прокрутки страницы сайта вниз. Такое расположение меню помогает нам поднять каталог продукции выше по странице. Сайт имеет выражение границы, которые переходят в текстуру Каталог продукции также имеет блочную структуру , что дает возможность пользователю остановится именно на этом блоке текста. Имеются элементы прокрутки логотипов партнеров, если их больше 5. Помимо кнопки (Отправить письмо) пользователь видит сразу форму обратной связи
  • 11. Страница товара с пояснениями Также как и в предыдущей версии есть описание характеристик товара. Но данный вариант имеет более выраженые границы, что не дает возможность пользователю потерятся при прокрутке страницы.
  • 12. Выберите ваш вариант концепции и свяжитесь с менеджером вашего проекта Мялкиной Лидией по телефону: +7 495 221-18-77 Мы успешно реализуем ваш интернет-проект! Москва, 2014