ТК-Строй — проектирование, UX/UI-дизайн и разработка корпоративного сайта

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

Основные задачи:

— Спроектировать структуру сайта и навигацию для девелоперов, генподрядчиков и промышленных заказчиков.

— Разработать UX/UI-дизайн с понятной визуальной иерархией и удобным доступом к услугам, объектам и контактам.

— Представить реализованные проекты, преимущества компании и сведения о допусках СРО.

— Адаптировать интерфейс под компьютеры, планшеты и смартфоны.

— Самостоятельно собрать сайт на Tilda и подготовить его к публикации.

Выполнил проект самостоятельно: проектирование структуры, UX/UI-дизайн, адаптивная сборка на Tilda и публикация.

Структура под вопросы B2B-заказчика

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

Первый экран

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

Каталог услуг

Разделил направления на самостоятельные карточки: демонтаж, отделка, бетон, кровля, инженерные сети, ГНБ и другие работы. Каждая карточка ведёт к соответствующей услуге. Такой подход позволяет перейти от общего перечня к конкретному направлению без чтения всего сайта.

Доверие и доказательства

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

Визуальный дизайн и адаптив

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

Реализация

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

Разработан и опубликован корпоративный сайт «ТК-Строй» на Tilda. В одном проекте объединены направления строительных и инженерных работ, информация о подрядчике, примеры объектов, сведения о СРО и контакты.

Что получил заказчик

— Главную страницу с понятным предложением компании и переходом к презентации.

— Каталог услуг с переходами к отдельным направлениям работ.

— Представление выполненных объектов с фотографиями и названиями.

— Блок разрешительной документации по трём направлениям СРО.

— Адаптивное отображение на компьютерах, планшетах и смартфонах.

Проектирование, UX/UI-дизайн, адаптивную сборку и публикацию выполнил самостоятельно. Фактические сроки разработки — 1–25 октября 2025 года.

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