Three Hammers — компания из Филадельфии (США), которая производит и монтирует фасадные системы: ACM-панели, сайдинг, 3D-моделирование, CNC-резка. Старый сайт не показывал ни масштаба работ, ни технологичности подхода и не подталкивал посетителя к заявке.

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

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

💡 Что делает компания и какие фасадные решения предлагает;
💡 Насколько она надёжна — фото, материалы и локации реальных объектов;
💡 Работает ли она с коммерческими и жилыми объектами;
💡 Как запросить расчёт или связаться с командой без лишних шагов.

Типографика и визуальный стиль:
Для заголовков выбрали шрифт Unbounded — широкая геометрическая гарнитура задаёт строгий «инженерный» тон, который подходит строительной компании. Основной текст набран шрифтом Poppins: он легко читается на длинных страницах и с телефона.

Интерфейс решён в стиле хай-тек: тёмная архитектурная палитра, строгая сетка и крупная типографика.

Процесс работы над проектом:
6 недель от исследования до готового дизайна, затем — вёрстка и бэкенд-разработка.

01. Исследование ниши и компании. Разобрали услуги Three Hammers и технические особенности фасадных работ. Определили, что сайт должен доказать клиенту: надёжность, экспертизу и опыт сданных объектов.

02. Анализ аудитории и конкурентов. Изучили B2B-аудиторию и сайты конкурентов в США. На выходе — список вопросов, на которые клиент ищет ответ до заявки, и приёмы, которые работают у лидеров ниши.

03. Структура и прототипирование. Прототипы ключевых страниц, иерархия услуг, раздел проектов и путь к запросу расчёта из любой точки сайта.

04. Визуальный дизайн и интерфейс. Минималистичный интерфейс без стоковых картинок — только реальные фото и видео: объекты компании на главном экране и в проектах, команда на странице About.

05. Адаптивный дизайн. Адаптировали интерфейс для десктопа, планшетов и смартфонов, сохранив понятную навигацию по услугам, проектам и контактным действиям на всех экранах.

06. Вёрстка и бэкенд-разработка. Сверстали сайт по макетам и разработали бэкенд: управляемые разделы услуг и проектов, отдельные страницы объектов и формы запроса расчёта, чтобы команда клиента могла сама добавлять новые объекты.

Главная страница:
Первый экран построен на видеофоне с реальными объектами компании и одном главном действии — запросить расчёт. Сразу под заголовком — цифры, которые работают на доверие: 100+ реализованных проектов и 5+ лет опыта.

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

Другие ключевые страницы:

💡 Проекты. Реализованные объекты стали одним из главных визуальных акцентов, чтобы пользователь мог быстро оценить опыт компании, масштаб работ и качество исполнения;
💡 Страница проекта. Для каждого объекта — описание работ, материалы, локация и реальные фотографии;
💡 Услуги. Собраны в понятную сетку, чтобы клиенту было проще найти подходящее фасадное решение;
💡 Страница услуги. Для ключевых направлений, например монтажа ACM-панелей, — отдельная посадочная страница с понятным предложением, визуалом и призывом запросить расчёт;
💡 About. Сначала клиент не хотел показывать команду на сайте. Наш аргумент: в строительстве заказчик выбирает тех, кому доверит объект на месяцы, и живые лица снимают вопрос «а кто вообще будет работать?». В итоге фото команды стало одним из ключевых блоков доверия.

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

Обращайтесь, если вам нужен сайт, который показывает экспертизу строительной компании и приводит заявки.