Кейс · редизайн · 2024

Редизайн сайта строительной компании: кейс Pinewood Homes

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

20заявок в месяц, 7 из них дошли до работыПо данным клиента, после запуска нового сайта

Первый экран нового сайта Pinewood Homes на компьютере Мобильная версия сайта Pinewood Homes

Факты о проекте

Результат
20заявок в месяц, 7 дошли до работыПо данным клиента
Тип проекта
Редизайн сайта, 2024
Ниша
Строительство и отделка домов
Срок
5 недельдизайн 3 · разработка 2
Платформа
WordPress + Vue.js
Обсудить такой проект

Pinewood Homes строит и отделывает дома: проекты домов, внутренняя отделка, ипотека, технологии, портфолио. Прежний сайт компании рассказывал только про внутреннюю отделку. Мы сделали редизайн: новый сайт из нескольких разделов под путь покупателя. Срок 5 недель, 2024 год.

Задача

Задача клиента

Показать покупателю весь путь на одном сайте: от знакомства с технологией и проектами до расчёта стоимости дома и ипотеки.

И дать менеджеру материалы, с которыми проще вести сделку: сайт, презентации и соцсети в одном стиле.

Решение

Что мы сделали

  1. Новый дизайнСпокойная палитра хвойного леса и камня, шрифты Cormorant и Manrope.
  2. Архитектура под воронку продажМногостраничный сайт: от знакомства с технологией до расчёта сметы.
  3. Калькулятор стоимости и выбор стиля фасадаИнтерактивный блок: посетитель выбирает отделку и сразу видит, как опции влияют на бюджет.
  4. Ипотечный калькуляторСберБанк, ВТБ, Альфа-Банк, Дом.РФ; программы: семейная, IT, сельская, базовая.
  5. Страница технологийМатериалы, утепление, каркас.
  6. Презентации для менеджеровМатериалы в едином стиле с сайтом.
  7. Оформление ВКонтактеОбложки, шаблоны постов, хайлайты.
Итог для клиента

Что получил клиент

Покупатель за пару минут прикидывает стоимость дома и ипотеку, а менеджеру есть чем закрывать сделку: сайт, презентации и соцсети говорят на одном языке.

Результат

Показатели после запуска нового сайта.

  • 20 заявок в месяц По данным клиента
  • 7 из них дошли до работы: ушли на согласование ипотеки и дальше По данным клиента

Цифры названы клиентом. Показателей до запуска для сравнения у нас нет, поэтому показываем их как есть. Точки: 7 из примерно 20 заявок в месяц.

До и после

Старый сайт и новый

Слева прежний сайт компании, он рассказывал только про внутреннюю отделку. Справа новый сайт: он ведёт покупателя от выбора проекта дома до отделки и ипотеки.

На компьютере

Прежний сайт Pinewood Homes на компьютере: страница проекта «Дом «Вкус Франции»» с фотографиями дома
ДоПрежний сайт: страница готового проекта «Дом «Вкус Франции»». В меню: услуги, наши работы, прайс-лист, видео-отзывы.
Новый сайт Pinewood Homes на компьютере: главная страница с крупной фотографией дома
ПослеНовый сайт: главная страница с крупной фотографией дома. В меню: проекты домов, внутренняя отделка, ипотека, технологии, о компании, наши проекты, статьи.

На телефоне

Прежний сайт Pinewood Homes на телефоне: страница проекта дома
ДоПрежний сайт
Новый сайт Pinewood Homes на телефоне: меню, кнопка «Заказать звонок» и фотография дома
ПослеНовый сайт
  • ОхватПрежний сайт был про отделку. Новый показывает весь путь: проекты домов, отделка, ипотека, технологии.
  • Первый экранВместо страницы одного проекта главная с фотографией дома и кнопкой «Выбрать проект».
  • ТелефонДля маленького экрана нарисован отдельный макет: меню, кнопка «Заказать звонок» и сразу фото дома.
  • ИнструментыНа новом сайте есть раздел «Ипотека» и калькулятор стоимости отделки.

Показаны первые экраны: слева прежний сайт, справа текущий. Живой сайт можно открыть и посмотреть самим.

Что внутри

Рабочие инструменты нового сайта

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

Цифры в калькуляторах: пример интерфейса
// Калькулятор

Прозрачная смета и выбор стиля

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

Фасад
Планировка
Светлый дом с фасадом
‹
›
Пример проекта

Вилла "Ольденбург"

Теплый контур (База)
Включено
Монолитный фундамент
+ 450К
Премиум кровля (Фальц)
+ 280К
Алюминиевые окна
+ 520К
Инженерный пакет PRO
+ 310К
Итоговая стоимость: 12 500 000 ₽ Обсудить такой калькулятор Пример интерфейса: суммы условные
Разрез стены каркасного дома
Технологии

Энергоэффективность
в деталях

Смотреть разрез стены →

Ипотечный калькулятор Пример интерфейса: ставки условные

Стоимость дома 12 500 000 ₽
Первоначальный взнос 2 500 000 ₽ (20%)
Срок кредита 20 лет
Платеж в месяц
0 ₽
Ставка
6%
Шрифтовая пара
Aa
Cormorant Заголовки
Aa
Manrope Интерфейс и данные
Палитра
#1F2B26
#F0EEE9
#5D7A6F
Логотип Pinewood Homes

Визуальный язык,
вдохновленный природой.

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

Хвойный лес Камень Тишина
// ВКонтакте

Присутствие бренда
в смартфоне

Разработали визуальную стратегию для ВКонтакте. Обложки, шаблоны постов и хайлайты наследуют эстетику сайта, формируя узнаваемый образ "Pinewood Homes" в ленте пользователя.

Компьютер

Обложка

Телефон

Адаптация
Обложка ВКонтакте для компьютера
Обложка ВКонтакте для телефона
✓
Единый стиль с сайтом
♥
Обложки и шаблоны постов
// Презентации

Единый язык коммуникации

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

×
‹
›

Срок и этапы

5 недель от старта до запуска

  1. Дизайн · 3 неделиПалитра хвойного леса и камня, шрифты Cormorant и Manrope, структура под воронку продаж, макеты для компьютера и телефона
  2. Разработка · 2 неделиWordPress + Vue.js: калькулятор стоимости, выбор стиля фасада, ипотечный калькулятор

Презентации для менеджеров и оформление ВКонтакте входят в проект.

Заявка

Нужен такой сайт?
Обсудим ваш проект

Расскажите о компании и о том, что нужно от сайта. Подскажем, как его собрать, и назовём срок.

Срок
5 недель
Состав
Сайт, презентации, ВКонтакте
Платформа
WordPress + Vue.js
Результат
20 заявок в месяц по данным клиента

Обсудить проект

Оставьте заявку на разработку или редизайн сайта.

СМОТРЕТЬ ДРУГИЕ РАБОТЫ

Разработка креативного лендинга — Кейс BatoMedia
Имиджевый лендинг с WebGL-эффектами

Разработка креативного лендинга — Кейс BatoMedia

ДизайнЛэндинг
Разработка интернет-магазина аксессуаров EM7 — Кейс GreenOak
Интернет-магазин аксессуаров для смартфонов

Разработка интернет-магазина аксессуаров EM7 — Кейс GreenOak

E-COMMERCEMobile First
Редизайн сайта боулинг-парка: кейс Bowling Park Mandarin
Редизайн сайта боулинг-парка, 2024

Редизайн сайта боулинг-парка: кейс Bowling Park Mandarin

Mobile FirstSMM дизайн
Сайт автосервиса: кейс Gekata
Корпоративный сайт автосервиса по восстановлению дисков Gekata, 2023

Сайт автосервиса: кейс Gekata

АвтосервисАдаптивный дизайн
Сайт для команды бренд-шефов: кейс Chef Menu
Сайт для команды бренд-шефов

Сайт для команды бренд-шефов: кейс Chef Menu

Сайт для фотографа еды: кейс fotograf-food.ru
Сайт для фотографа еды

Сайт для фотографа еды: кейс fotograf-food.ru

Сайт производителя противопожарных конструкций: кейс ПСК ГОСТ
Корпоративный сайт производителя противопожарных конструкций ПСК ГОСТ: 65 страниц, 77 заявок за 8 месяцев, 2026

Сайт производителя противопожарных конструкций: кейс ПСК ГОСТ

Сайт студии оклейки авто: кейс Kitkar Pro
Корпоративный сайт студии оклейки автомобилей защитной плёнкой и винилом Kitkar Pro, 2026

Сайт студии оклейки авто: кейс Kitkar Pro

Автомобильная тематика
Сайт игровой платформы Counter-Strike 2: кейс DaVinci Media
Сайт игровой платформы DaVinci Media для Counter-Strike 2 с личным кабинетом, турнирами и магазином, 2026

Сайт игровой платформы Counter-Strike 2: кейс DaVinci Media

Редизайн сайта центра дооснащения автомобилей: кейс XT-Tuning
Редизайн сайта центра дооснащения автомобилей XT-Tuning в Москве: новый дизайн, 70 страниц услуг и разделов, блог и новости

Редизайн сайта центра дооснащения автомобилей: кейс XT-Tuning

Автомобильная тематика
Лендинг для мотошколы: кейс Unique Racing Team 96
Лендинг для мотошколы и команды Unique Racing Team 96

Лендинг для мотошколы: кейс Unique Racing Team 96

Лендинг для студии массажа: кейс «Песочные часы»
Лендинг для студии массажа «Песочные часы», 2026

Лендинг для студии массажа: кейс «Песочные часы»

Лендинг для службы эвакуации: кейс ТЕХЭКСПЕРТ
Лендинг для службы эвакуации автомобилей ТЕХЭКСПЕРТ в Самаре, 2026

Лендинг для службы эвакуации: кейс ТЕХЭКСПЕРТ

Автомобильная тематика
Интернет-магазин защитных плёнок: кейс MARPREMIER
Интернет-магазин антигравийных полиуретановых защитных плёнок для автомобилей MARPREMIER, 2026

Интернет-магазин защитных плёнок: кейс MARPREMIER

Автомобильная тематикаИнтернет-магазин
Интернет-магазин игровых ключей: кейс Orion
Интернет-магазин игровых ключей с автовыдачей

Интернет-магазин игровых ключей: кейс Orion

APIAutomation
Корпоративный сайт для автосервиса: кейс СТОКТ
Корпоративный сайт для ремонта коммерческого транспорта, 2025

Корпоративный сайт для автосервиса: кейс СТОКТ

AutoCatalog
Сайт школы астрологии: кейс Jyotish Academy
Сайт онлайн-школы ведической астрологии, 2025

Сайт школы астрологии: кейс Jyotish Academy

ОбразованиеТёмная тема
Сайт центра дооснащения авто: кейс XT-Tuning
Корпоративный сайт центра дооснащения автомобилей XT-Tuning в Москве, 2023

Сайт центра дооснащения авто: кейс XT-Tuning

АвтобизнесВеб-дизайн
Корпоративный сайт швейной фабрики: кейс 4Look
Корпоративный сайт швейной фабрики, 2022

Корпоративный сайт швейной фабрики: кейс 4Look

B2BКаталог продукции
Редизайн интернет-магазина цветов: кейс Бирюза
Редизайн интернет-магазина цветов, 2023

Редизайн интернет-магазина цветов: кейс Бирюза

E-COMMERCEMobile First
Сайт студии эстетики: кейс Beauty Grace
Корпоративный сайт студии красоты и эстетики Beauty Grace, 2024

Сайт студии эстетики: кейс Beauty Grace

Адаптивная вёрсткаВеб-дизайн
Сайт компании по разметке данных: кейс СБиР
Корпоративный сайт компании по сбору и разметке данных СБиР, 2026

Сайт компании по разметке данных: кейс СБиР

Корпоративный сайтРазметка данных
Сайт производителя кованых дисков: кейс Buffalo
Сайт производителя кованых дисков, 2023

Сайт производителя кованых дисков: кейс Buffalo

Автомобильная тематикаДизайн интерфейсов
Сайт компании по ОДД: кейс ИнтелТранс
Корпоративный сайт ИнтелТранс, компании по организации дорожного движения (ОДД), 2023

Сайт компании по ОДД: кейс ИнтелТранс

B2GОДД
Лендинг для франшизы общепита: кейс РашЛаваш
Лендинг для франшизы общепита, 2023

Лендинг для франшизы общепита: кейс РашЛаваш

E-COMMERCEPROMO
Сайт загородного клуба с инвестиционными коттеджами: кейс
Корпоративный сайт загородного клуба с инвестиционными коттеджами, 2023

Сайт загородного клуба с инвестиционными коттеджами: кейс

Загородный клубКорпоративный сайт
Сайт для фитнес-студии: кейс Best Life Studio
Сайт для фитнес-студии, 2023

Сайт для фитнес-студии: кейс Best Life Studio

BeautyBrutalism
Лендинг для бренда чая: кейс Funny Faces
Лендинг для бренда чая, 2022

Лендинг для бренда чая: кейс Funny Faces

CREATIVEE-COMMERCE
Разработка аналитической платформы для строительства — Bimograph
Аналитика строительства

Разработка аналитической платформы для строительства — Bimograph

B2BBig Data
Сайт капсульного отеля: кейс PodSpot
Лендинг для капсульного отеля PodSpot, 2024

Сайт капсульного отеля: кейс PodSpot

Адаптивный дизайнГостиничный бизнес

Понравился проект? Нужен редизайн: условия и цены · Другие примеры работ