FELCO Construction

Контекст

FELCO General Construction работает с жилыми и коммерческими объектами в Калифорнии. Сайт представляет планирование строительства, реконструкцию и управление проектами. Для такого предложения важно не только перечислить услуги, но и показать характер объектов, с которыми работает компания.

Задача

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

Решения

1. Услуги собраны в три направления

   Preconstruction Planning, Remodeling and Updating и Construction Management представлены отдельными карточками. Фотография, название и пояснение помогают различать подготовку, обновление объекта и управление строительством.

2. Архитектура в центре первого экрана

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

3. Два самостоятельных портфолио

   Галерея разделена на Residential Construction и Commercial Construction. Разные типы объектов не смешиваются: посетитель выбирает релевантное направление и переходит к отдельной подборке.

4. Путь от знакомства к обращению

   Главная последовательно раскрывает услуги, компанию, галерею и контакты. Меню даёт прямые переходы к этим блокам. В завершении доступны форма, телефон и предложение обсудить оценку проекта.

Что сделали

Визуальная система

Жёлтый фирменный блок контрастирует с тёмной навигацией и белыми информационными секциями. Фотографии зданий и строительных процессов занимают крупные площади. Жёлтые линии под заголовками повторяют акцент логотипа и помогают собрать разнородные материалы в одну систему.

Типографика в интерфейсе

Размеры ниже измерены в действующем сайте при viewport 1180 × 757 CSS px, масштаб 100%, DPR 1. Это параметры конкретной компоновки, а не фиксированные размеры для всех устройств.

Заголовки

Avenir LT Heavy · отдельный файл начертания; CSS weight 400

Заголовок первого экрана

42 px / 46.2 px · трекинг 2.1 px (0.05em)

Названия услуг

22 px / 24.2 px · Avenir LT Heavy

Основной текст

Helvetica Light · 15 px / 24 px · CSS weight 400

Навигация

Avenir LT Light · 14 px / 37 px

Заголовки секций

55 px · Avenir LT Heavy · line-height: normal

Логотип и применение

Фирменный блок на сайте составной: изображение дома с буквой F и отдельно набранная надпись FELCO / GENERAL CONSTRUCTION. Ниже показан реальный фрагмент шапки, поэтому сохранены исходные буквы и интервалы.

Изображение знака

116 × 116 px · квадрат 1:1

Размер знака на сайте

116 × 116 CSS px при viewport 1180 × 757

Надпись FELCO

Текстовый блок 220 × 42 CSS px; шрифт 42 px / 42 px; трекинг 2.1 px

Подпись GENERAL CONSTRUCTION

Текстовый блок 220 × 16.5 CSS px; шрифт 15 px / 16.5 px; трекинг 0.75 px

Цветовые значения сверены с CSS сайта. Образцы типографики показаны фрагментами реальных экранов; файлы коммерческих шрифтов в кейс не включены.

Сценарии и материалы

Первый экран → нужная услуга → жилая или коммерческая галерея → Contact. Посетитель может читать главную последовательно или сразу перейти через меню к интересующему разделу. Отдельные галереи позволяют рассматривать работы без перегрузки основной страницы.

Продвижение

Провели SEO-оптимизацию, настроили личный кабинет Google Ads, запустили рекламу и продвижение сайта в поиске.

Что реализовано

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