Golden Field — сайт компании по строительству частных домов
Мы сделали сайт для Golden Field — застройщика частных домов с пятилетним опытом. Задача была не в украшательстве, а в доверии: показать портфолио реализованных домов, понятно провести посетителя по этапам работ и привести его к заявке. Сайт собран на WordPress с гибкими полями Carbon Fields, чтобы команда застройщика сама добавляла новые объекты. Проект реализован в партнёрстве с Orbyx, живёт по адресу goldenfieldsh.com.
Задача
Выбор застройщика для частного дома — решение, к которому подходят осторожно. Речь идёт о крупной сумме и годах жизни в будущем доме, поэтому первое, что ищет посетитель на сайте компании, — доказательства того, что подрядчик действительно строит и доводит объекты до конца. Красивый шаблон без реальных работ доверия не вызывает: человеку нужны построенные дома, а не обещания.
У Golden Field за плечами пять лет работы и портфолио реализованных домов — этот опыт и нужно было превратить в убедительный сайт. При этом аудитория застройщика — обычные люди, а не архитекторы: информацию важно подать просто, без профессионального жаргона, чтобы посетитель за пару минут понял, что и как строит компания и с чего начать сотрудничество.
Сайт должен был решать три вещи одновременно: демонстрировать реализованные объекты, объяснять процесс строительства по шагам и собирать заявки от заинтересованных клиентов. И всё это команде застройщика предстояло поддерживать самостоятельно — добавлять новые дома в портфолио без обращения к разработчикам после каждой сданной стройки.
Пять лет работы и десятки построенных домов ничего не значат для посетителя, пока их негде увидеть. Реализованным объектам нужна аккуратная витрина с фотографиями и характеристиками, а не разрозненные ссылки и файлы.
Строительство дома кажется клиенту сложным и рискованным. Если сайт не объясняет по шагам, что и когда происходит, человек уходит к конкуренту, который разложил процесс понятнее и снял тревогу простыми словами.
Портфолио живёт, пока пополняется. Если каждое новое здание в галерее требует правки кода и заявки разработчикам, обновления откладываются, и сайт быстро отстаёт от реальных достижений компании.
Что делает система
Портфолио реализованных домов
Центральный раздел, ради которого строился сайт. Каждый построенный дом выведен карточкой с фотографиями, а вся галерея показывает реальный объём работ застройщика. Это не абстрактный каталог услуг, а доказательство опыта: посетитель видит завершённые объекты и понимает, что компания доводит стройки до сдачи, а не только берёт заказы.
Карточка построенного объекта
Каждый дом раскрывается на отдельной странице: галерея снимков, ключевые характеристики, описание проекта. Структура карточки единая для всего портфолио, поэтому объекты выглядят частью одной линейки, а не случайной подборкой. Посетитель сравнивает дома между собой и примеряет понравившийся проект на себя, оставаясь на сайте дольше.
Этапы работ по шагам
Раздел снимает главную тревогу клиента — непонимание, как устроено строительство. Процесс разложен на последовательные шаги: от первого обращения и проекта до сдачи готового дома. Простые формулировки без строительного жаргона показывают, что застройщик работает системно и прозрачно, и помогают человеку решиться на первый контакт.
Формы заявки на сайте
Точки, где интерес превращается в обращение. Формы на базе Contact Form 7 расставлены там, где посетитель уже прогрет: рядом с портфолио, после описания этапов, в контактах. Поля минимальны, чтобы не отпугнуть, а заявки уходят на почту застройщику. Так компания получает лиды напрямую, без сторонних сервисов и посредников.
Управление контентом на Carbon Fields
Основа самостоятельности застройщика. Через гибкие поля Carbon Fields в админке WordPress команда добавляет новые дома, загружает фотографии и правит характеристики без единой строки кода. Портфолио пополняется силами самой компании после каждой сданной стройки, и сайт остаётся актуальным, не превращаясь в задачу для разработчиков.
Блок доверия и опыта
Опыт компании вынесен на видное место: пять лет на рынке, число реализованных домов, акцент на надёжности. Этот блок работает как краткий ответ на главный вопрос посетителя «можно ли доверять этому застройщику», а подробности он находит уже в портфолио. Сообщение о репутации подаётся спокойно, без давления и рекламных обещаний.
Адаптивная вёрстка под мобильные
Большинство посетителей приходят на сайт застройщика с телефона, часто вечером после работы. Вёрстка на чистом CSS и JavaScript аккуратно перестраивается под экран смартфона: галерея портфолио листается пальцем, этапы читаются в один столбец, форма заявки удобна для набора. Ничего не ломается и не требует зумить страницу.
Технологический стек
Основа сайта. WordPress дал застройщику привычную и понятную админку, в которой команда управляет контентом самостоятельно после запуска. Для сайта-витрины с портфолио и формами это оптимальный выбор: зрелая платформа, огромная экосистема, простое обслуживание. Компания не привязана к разработчику ради каждой мелкой правки текста или фотографии.
Инструмент, который превратил WordPress в удобный редактор портфолио. Carbon Fields задаёт структуру карточки дома — фотографии, характеристики, описание — прямо в админке. Застройщик заполняет понятные поля вместо вёрстки, а все объекты остаются единообразными. Именно это поле дало команде возможность пополнять галерею реализованных домов без участия разработчиков.
Язык, на котором работает WordPress и вся серверная логика сайта. На PHP реализованы вывод портфолио, шаблоны карточек домов и обработка данных из полей Carbon Fields. Выбор продиктован платформой, а зрелость языка и его экосистемы обеспечивают стабильную работу сайта и предсказуемую поддержку на годы вперёд.
База данных сайта. В MySQL хранятся все дома портфолио, их характеристики, тексты страниц и заявки, приходящие с форм. Это стандартная и надёжная связка для WordPress: данные структурированы, легко резервируются и переносятся. Растущее портфолио застройщика опирается на проверенное хранилище, которое не станет узким местом.
Механизм заявок с сайта. Contact Form 7 отвечает за формы обратной связи: сбор данных клиента, валидацию и отправку заявок на почту застройщику. Проверенное решение для WordPress закрыло задачу лидогенерации без сторонних сервисов и лишней абонентской платы — формы легко расставить по нужным разделам и настроить под сценарии компании.
Визуальный слой сайта. На CSS собрана вёрстка витрины: сетка портфолио, оформление карточек домов, блоки этапов и адаптация под мобильные экраны. Аккуратная типографика и спокойная подача поддерживают главную идею проекта — надёжность застройщика, — а не отвлекают от фотографий реализованных домов.
Интерактив на стороне пользователя. JavaScript отвечает за галереи фотографий в карточках домов, поведение навигации, плавность прокрутки и мелкие детали удобства. Задачи витрины не требуют тяжёлого фреймворка, поэтому логика реализована точечно — сайт остаётся лёгким и быстрым, что особенно важно для мобильных посетителей застройщика.
Как шла разработка
Разбор задачи
ГотовоОтправной точкой стал главный актив застройщика — портфолио реализованных домов и пятилетний опыт. Договорились, вокруг чего строится сайт, какие разделы обязательны на старте и как посетитель должен пройти путь от первого экрана до заявки. Это определило приоритеты всей дальнейшей работы.
Структура и прототип
ГотовоСпроектировали простую и логичную структуру: витрина портфолио, страница объекта, блок этапов, контакты с формами. Прошли по сценарию обычного клиента, а не специалиста, и убрали всё, что усложняет путь. Ставка была на ясность подачи — чтобы неподготовленный посетитель ни на шаге не терялся.
Каркас на WordPress
ГотовоРазвернули сайт на WordPress и через Carbon Fields задали структуру карточки дома: какие фотографии, характеристики и тексты хранит каждый объект. Уже на этом шаге застройщик мог наполнять портфолио через админку. Дальше вёрстка и логика наращивались вокруг работающего управления контентом.
Вёрстка витрины
ГотовоСверстали ключевые экраны на CSS и JavaScript: галерею портфолио, страницы домов, блок этапов работ. Основное внимание уделили фотографиям реализованных объектов и адаптации под смартфоны, с которых приходит большая часть аудитории. Оформление держали спокойным, чтобы работали снимки, а не декор.
Заявки и наполнение
ГотовоПодключили формы на Contact Form 7 и настроили отправку заявок на почту застройщику, расставив точки обращения по прогретым разделам. Параллельно наполнили портфолио реальными домами и выверили тексты этапов, чтобы к запуску сайт был не пустым шаблоном, а готовой витриной компании.
Проверка и публикация
ГотовоПрошли по сайту на разных устройствах, проверили доставку заявок с форм и корректность карточек портфолио, вычистили мелкие огрехи вёрстки. После проверок выпустили сайт на домен goldenfieldsh.com и передали застройщику понятную схему самостоятельного добавления новых домов через админку.
Результаты
У Golden Field появился рабочий сайт-витрина, который отвечает на главный вопрос потенциального клиента — можно ли доверять этому застройщику. Портфолио реализованных домов, разложенные по шагам этапы работ и удобные формы заявки собраны в одну понятную структуру. Обычный посетитель без строительного бэкграунда за пару минут понимает, что строит компания, как проходит процесс и с чего начать. Сайт работает и сегодня по адресу goldenfieldsh.com.
Главное — сайт остаётся живым без нас. Связка WordPress и Carbon Fields дала застройщику самостоятельность: команда сама пополняет портфолио новыми домами после каждой сданной стройки, не обращаясь к разработчикам. Для нас этот проект — типовая, но выверенная схема сайта-витрины для строительной ниши, где решают доверие, чистое портфолио и простая подача. Проект реализован в партнёрстве с Orbyx.
2,2 месяца
от разбора задачи до публикации сайта
WordPress
витрина с самостоятельным управлением контентом
5 лет
опыта застройщика в основе подачи доверия
goldenfieldsh.com
сайт работает и доступен сегодня
Сайт Golden Field мы реализовали в партнёрстве с командой Orbyx. Совместная работа позволила распределить зоны ответственности и собрать витрину застройщика в срок: от структуры и вёрстки на WordPress до настройки полей Carbon Fields и форм заявки. Партнёрство здесь — честный формат работы над публичным проектом, а не переуступка задач: результат в виде живого сайта goldenfieldsh.com сделан общими усилиями.
Вопросы о проекте
Обсудим похожий проект?
Расскажите о задачах вашего бизнеса — предложим архитектуру и оценим сроки
Телеграмм
Делимся визуально привлекательными фрагментами наших последних веб-проектов.
ВКонтакте
Пишем о интересных технических решениях и вызовах в разработке.
MAX
Демонстрируем дизайнерские элементы наших веб-проектов.
TenChat
Деловые связи, кейсы и экспертные публикации.
Рассылка
© 2025-2026 МАЙПЛ. Все права защищены.