К нам в студию обратился владелец компании по монтажу натяжных потолков. Во время обсуждения проекта заказчик сразу дал понять что хочет на сайте выделить компанию в сторону премиального качества предоставления своей услуги и уникального подхода к работе. Помимо этого в пожеланиях были такие разделы как “Портфолио”, “Отзывы” и “Квиз-опрос”. Давайте детально разберем все этапы нашей работы по созданию сайта для компании по натяжным потолкам.
Структура страниц
На сайте реализована не большая вложенность страниц. Всю структуру можно наглядно увидеть во всплывающем меню.
Дизайн главной страницы
В дизайне и общем стиле мы решили совместить два разных направления – шрифт с острыми засечками и мягкие скруглённые кнопки и блоки. В цвете использовали желто-оранжевый акцент на кликабельных элементах, а в заголовках бирюзовый цвет, отлично сочетающийся с выбранным шрифтом.
Давайте детально разберем каждый блок на сайте. Что? Для кого? Почему именно так сделали?
1й экран
В шапке сайта все по классике – логотип компании, адрес, контакты и кнопка меню. В центральном заголовке мы прямо даем понять что здесь предлагают. Кнопка расчета стоимости отправляет на страницу с квизом. В правой части экрана добавили слайдер с изображениями топовых работ компании
Услуги
Следом мы показываем с какими именно видами потолков работает компания. При наведении на карточку появляется описание с кнопкой.
Добавили кнопку “Узнать стоимость” которая вызывает всплывающее окно с формой заявки. Окно понимает по какой карточке кликнули и подставляет заголовок. Соответсвенно в письмо заявки заголовок тоже добавляется.
Для кого
Этот блок говорит за себя. После вывода услуг перед тем как знакомиться с компанией, мы даем понять о качестве и ценообразовании предоставляемых услуг.
О компании
В этом блоке обращение руководителя. Рассказали про себя и опыт работы. Дали гарантии
Преимущества
Указали на сильные стороны компании.
Выполненные объекты
Предоставили доказательства компетенции, то есть последние выполненные объекты. Ниже кнопка с ссылкой в портфолио.
Последние отзывы
В этом блоке выводятся последние опубликованные отзывы о компании. Есть кнопка “Оставить отзыв” и “Посмотреть все отзывы”.
Этапы работы
Наглядно показываем из каких этапов состоит взаимодействие с компанией. Плавно призываем к обращению в компанию.
Вопросы и ответы
Вывели блок с часто задаваемыми вопросами и ответами к ним.
Акция
Добавили блок с акцией. При нажатии на кнопку “Да, я хочу” всплывает окно с формой.
Футер (подвал)
В футере вывели все возможные контакты и фотографии магазина компании. В правой части экрана загрузили карту с отметкой адреса офиса компании.
Всплывающее меню
При нажатии на кнопку “Меню” в правой верхней части экрана, в шапке сайта с помощью плавной анимации появляется окно с навигацией и контактами. По сути это окно полностью заменяет страницу “Контакты” и доступно с каждой странице сайта.
Портфолио
Раздел реализован постами в ленте, чем то похоже на новостную ленту в вк. Каждый пост это проект со своим названием, описанием и фотогалереей. При нажатии на фотогалерею открывается лайтбокс, где можно увеличить изображение и пролистать к следующим. В конце страницы присутствует пагинация с переходами. Справой стороны добавили сайдбар с кнопкой, вызывающей всплывающее окно с формой.
Отзывы
На этой странице выводятся отзывы. С левой стороны сайдбар с ссылками в ресурсы с отзывами. Кнопка “Оставить отзыв” на сайте. В конце страницы постраничная пагинация
Квиз опрос, расчет стоимости
Краткая страничка в 1 блок. На ней добавили пошаговую квиз-форму. Страница отлично подходит для рекламы в поиске
Итог
Сайт получился в точности как хотел заказчик – легкий, стильный, продающий, вызывающий доверие у посетителя. Если вам нужен продающий лендинг или многостраничный сайт с внутренними лендингами, то мы с удовольствием вам поможем. Обращайтесь в нашу студию продающих сайтов.
