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

Клиент: Lafet House
Проект url: lafethouse.com

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

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

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

Обращение

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

Дизайн

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

Выбранный шрифт Suisse Intl достаточно строгий за счет острых углов: смотрится хорошо как в английской, так и русской раскладке.

Цвета

#006d25
#353535
#00b73e
#414141

Процесс разработки

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

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

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

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

Лид-квиз

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

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

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

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

Результаты

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