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

адаптивный дизайн сайта на разных устройствах

По завершении работ над новым фирменным логотипом, мы разработали дизайн адаптивного сайта петербургской строительной компании «Олимп».

Чтобы сайт продавал

Заказчик поставил задачу «сделать так, чтобы сайт продавал». Поэтому его структура построена по логике продавца, который делает презентацию компании.

адаптивный дизайн для экрана мобильного телефона

Дизайн сайта: начинаем с мобильного

Разработку дизайна адаптивного сайта начинаем с версии для мобильного телефона в вертикальной (портретной) ориентации:

адаптивный дизайн стартовой страницы

Чтобы сразу дать представление об уровне компании, в качестве фоновых изображений на первом экране главной страницы сайта используем фотографии выполненных работ. К слову: на этой фотографии – салон интерьеров Lege Artis, для которого мы сделали сайт в 2014-м году.

фон для сайта с адаптивным дизайном

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

тематические пиктограммы

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

формы обратной связи и контакты

В нижней части главной страницы – после краткого рассказа о компании и услугах, которые она оказывает, демонстрации выполненных работ и ознакомления с отзывами клиентов – размещаем адресный блок с интерактивной картой и формой обратной связи (для стимулирования обращений в компанию).

Другие версии дизайна

дизайн адаптивной верстки сайта Олимп в полном разрешении

* * *

Виды работ: разработка дизайна сайта
Исполнители: Андрей, Павел
Клиент: Олимп
Регион: Санкт-Петербург
Сдача проекта: ноябрь 2015