+375 (29) 390-56-65
Время работы
Пн-Пт: 9:00 - 17:00
Сб-Вс: выходной
Отвечаем в мессенджерах:
Кейсы Кейсы по разработке сайтов Кейс по созданию сайта-каталога для компании по строительству деревянных домов

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

Компания Lafet House занимается строительством деревянных домов и бань ручной рубки, из профилированного бруса и лафета по норвежской технологии.
Дизайн
Дизайн
Индивидуальный
Сайт
Сайт
Каталог
Объём
52
Страницы
Скорость
94 / 98
Загрузка сайта
Язык
ENG
Английский
Цены
USD
Конвертер
Лид-форма
Лид-форма
Калькулятор
Карточка домов

На карточке изображен проект дома
и самые важные характеристики.

Карточка домов
Варианты технологий

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

Варианты технологий
Калькулятор стоимости

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

Калькулятор стоимости
Форма обратной связи

Чтобы оставить заявку, пользователю достаточно
заполнить необходимые поля.

Форма обратной связи
Задача

Разработать премиальный сайт в темной теме с использование корпоративного зелёного цвета. Сайт должен отличаться от конкурентов, также должны быть использованы креативные визуальные решения.

Решение

Был разработан сайт-каталог с тёмной темой и экологической направленностью. Сайт выделяется современным дизайном и удобством навигации.

Ниша

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

Продолжительность
  • 1 месяц – дизайн
  • 1,5 месяца – разработка
  • 2 недели – заполнение

Краткий бриф на разработку сайта

Наименование компании
Lafet House
Сфера деятельности
Строительство
Страна, на которую рассчитан сайт
Европа
Основные товары и услуги
Строительство деревянных домов и бань ручной рубки, из профилированного бруса и лафета по норвежской технологии
Домен сайта
lafethouse.com
Целевая аудитория
Молодые и пожилые семьи с высоким доходом и выше среднего, достигшие определенных высот по карьерной лестнице с устоявшейся жизненной позицией
Задачи сайта
Предоставление актуальной информации о компании, привлечение новых клиентов и помощь пользователям с заказом
Тип сайта
Тариф
Индивидуальное
CMS
WordPress
Хостинг
Пожелания заказчика
Разработка в премиальном стиле с использованием корпоративных цветов с “живыми” фотографиями и моделями домов

Выбор цветовой палитры, шрифтов и визуального контента

01
Цвет и типографика
Так как деятельность компании отражает максимальное приближение к природе, был выбран зеленый акцентный цвет для логотипа и сайта. Проекты деревянных домов выглядят выигрышно на тёмном фоне, поэтому для сайта был выбран тёмно-серый фон. Также такой выбор фирменной палитры отражает премиальность в данном сегменты бизнеса.
Выбранный шрифт Suisse Intl достаточно строгий за счет острых углов: смотрится хорошо как в английской, так и русской раскладке.
#00b73e
#006d25
#414141
#353535
Так как деятельность компании отражает максимальное приближение к природе, был выбран зеленый акцентный цвет для логотипа и сайта. Проекты деревянных домов выглядят выигрышно на тёмном фоне, поэтому для сайта был выбран тёмно-серый фон. Также такой выбор фирменной палитры отражает премиальность в данном сегменты бизнеса.
#00b73e
#414141
#006d25
#353535
Выбранный шрифт Suisse Intl достаточно строгий за счет острых углов: смотрится хорошо как в английской, так и русской раскладке.

Полезный и для пользователя, и для бизнеса функционал

02
Функционал

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

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

Компания строит дома по трём технологиям, и на сайте важно указывать это как можно чаще, но при этом не навязчиво. Один блок позволяет перейти на проекты соответствующих домов, а второй блок – на технологию производства того или иного материала. Норвежский лафет, профилированный брус и ручная рубка – посетитель может ознакомиться со всеми технологиями и выбрать наилучший для себя вариант.

Форма обратной связи должна привлекать потенциальных клиентов, чтобы через сайт можно было собрать большое количество заявок. Интересная задумка в виде размещения формы на развернутой стороне чертежа на даёт блоку затеряться.

Квиз по строительству деревянного дома

03
Лид-квиз

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

Какие инструменты и технологии мы использовали

04
Инструменты
Figma
Figma
Photoshop
Photoshop
WordPress
WordPress
JQuery
JQuery
PHP
PHP
JavaScript
JavaScript
WPBakery
WPBakery
Bootstrap
Bootstrap
Swiper
Swiper
FancyBox
FancyBox

Скорость загрузки сайта

05
Скорость
https://lafethouse.com/
Анализировать
Мобильные устройства
Компьютер
94
https://lafethouse.com/
0-49
50-89
90-100
Мобильные устройства
Компьютер
98
https://lafethouse.com/
0-49
50-89
90-100
Показания сервиса
Google PageSpeed Insights

Одной из задач разработки сайта для нашей компании является высокая скорость загрузки. Несмотря на большое количество визуальных элементов, проект имеет достаточно высокую скорость загрузки в 98 и 94 балла на декстопных и мобильных устройствах соответственно (возможны более низкие результаты из-за медленного интернета, сильной нагрузки на устройства). Наличие такого результата, который мы получили сервисом PageSpeed Insights, является отличительной чертой нового сайта, который способствует лучшему продвижению.

Результаты по проекту

06
Результат

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

1. Успели в срок
Разработали сайт согласно обговоренному сроку - за 3 месяца.
2. Разработали дизайн-концепцию
Нарисовали дизайн, вызывающий доверие клиентов и соответствующий УТП компании.
3. Наполнили проектами
Заполнили все страницы с домами предоставленными описанием и характеристиками.
4. Привели новых клиентов
В течение нескольких месяцев после запуска сайта через форму обратной связи клиентом было получено около 50 заявок на строительство.

Хотите так же?
Давайте обсудим проект!

Вас может заинтересовать

+

Заявка на обратный звонок

Нажимая на кнопку «Отправить», вы даете свое согласие на обработку персональных данных в соответствии с целями указанными в Политике обработки персональных данных