header & навигация
По желанию заказчика мы обозначили геолокацию и направление деятельности фирмы при помощи изображения «строительного»
Петербурга. Так же в шапке сайта расположен текст с информацией о компании. Сочетание текстовой и визуальной частей
помогает пользователю быстрее сориентироваться при первом посещении страницы.
При скроллинге, навигация фиксируется сверху, что позволяет получить доступ к нужной информации из любой части сайта.
В навигационном блоке располагается кнопка «заказать обратный звонок». Пользователь может совершить целевое действие
в любой момент, без лишних переходов по странице.
COMPANY FACES
В блоке «Лица компании» можно найти все необходимые контактные данные для каждого сотрудника. Это удобно для тех
клиентов, кто уже обращался в фирму и ищет способ связаться с конкретным человеком.
SERVICES
В этом блоке мы разместили все шесть услуг компании, сопроводив каждую из них отдельной иконкой для простоты идентификации.
Таким образом, посетитель, попадая на сайт, находит всю необходимую информацию о деятельности компании уже в первой его части
при просмотре двух блоков.
references
Этот блок включает в себя примеры выполненных работ. При наведении на превью появляется название выбранного проекта с возможностью
перехода на внутреннюю страницу работы для получения дополнительной информации. Фотографии на внутренней странице представлены в
виде слайдера, так же на ней публикуется рекомендательное письмо от заказчиков, при его наличии.
Этот раздел будет постоянно пополняться, для того чтобы в будущем пользователи без труда могли найти интересующий пример в
большом перечне мы добавили вариант вывода списком.
contacts
В блоке «контакты» располагается большая карта, чтобы пользователь мог максимально быстро найти адрес офиса компании.
Здесь так же находится форма обратной связи для облегчения коммуникации.
news
Далее следует информационный блок, который состоит из двух частей – Новости компании и FAQ.
Классический вариант представления новостей на сайте в виде меню дополнен удобным поиском по дате. Далее
расположена кнопка для оформления подписки на рассылку компании.
Часто задаваемые вопросы доступны ниже, ответы появляются по клику.