Веточка. Сайт производства мебели и металлоконструкций

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

Хочу такой сайт →vetochka.spb.ru

Формат: Сайт: главная, 4 направления, о компании, контакты
Разработка: Июль – октябрь 2026
Платформа: Tilda
Город: Санкт-Петербург

О клиенте

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

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

Задача

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

Кто выбирает

Хозяин квартиры и владелец участка

Хозяин квартиры выбирает кухню или шкаф и хочет понять, кто приедет на замер и кто будет собирать. Владелец дома или участка ищет лестницу, навес или уличную кухню и смотрит, есть ли у компании своё производство металла.

Что сделали

Решения на сайте

Направления

Четыре направления, четыре страницы

Сразу под первым экраном четыре карточки: кухни и корпусная мебель, лофт-мебель, металлоконструкции, модульные дома. Каждая ведёт на свою страницу, а в форме заявки направление выбирают из списка.

Этапы

От замера до гарантии

Шесть шагов списком: выезд и замер, подбор материалов, дизайн-проект и расчёт, договор, изготовление с контрольной сборкой на производстве, установка. Покупатель мебели на заказ видит, за что компания отвечает сама.

Производство

Одно производство вместо подрядчиков

Главный довод компании: цех, сварка, ЧПУ и покраска в одном месте, а контрольную сборку делают до отгрузки. Блок стоит на тёмном фоне, чтобы не потеряться между светлыми.

Металл

Страница металлоконструкций

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

Заявка

Заявка сразу на направление

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

Блок «Что мы изготавливаем»: четыре карточки с фото, кухни и корпусная мебель, лофт-мебель, металлоконструкции, модульные дома — **Четыре направления, четыре страницы**Сразу под первым экраном четыре карточки: кухни и корпусная мебель, лофт-мебель, металлоконструкции, модульные дома. Каждая ведёт на свою страницу, а в форме заявки направление выбирают из списка.

Блок «Берем проект полностью на себя»: фото интерьера и шесть этапов от замера до установки — **От замера до гарантии**Шесть шагов списком: выезд и замер, подбор материалов, дизайн-проект и расчёт, договор, изготовление с контрольной сборкой на производстве, установка. Покупатель мебели на заказ видит, за что компания отвечает сама.

Блок «Одно производство вместо цепочки подрядчиков»: три карточки о едином производстве, контроле качества и работе с государственными заказчиками — **Одно производство вместо подрядчиков**Главный довод компании: цех, сварка, ЧПУ и покраска в одном месте, а контрольную сборку делают до отгрузки. Блок стоит на тёмном фоне, чтобы не потеряться между светлыми.

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

Блок «Приедем на объект, снимем размеры и обсудим задачу»: фото гардеробной, телефон, почта и форма с выбором направления — **Заявка сразу на направление**Внизу каждой страницы форма с тремя полями: имя, телефон и направление из списка. Рядом телефон и почта для тех, кто хочет позвонить сам.

На телефоне

Звонок и мессенджеры в шапке

На телефоне в шапке кнопки звонка, Telegram и MAX, кнопка «Рассчитать стоимость» на первом экране, карточки направлений и этапы идут одной колонкой.

Мобильная версия: первый экран «Создаем пространства», кнопки звонка и мессенджеров в шапке, кнопка «Рассчитать стоимость» — Первый экран и кнопки связи в шапке

Мобильная версия: блок «Что мы изготавливаем», карточки направлений одна под другой — Направления одной колонкой

Мобильная версия: блок «Берем проект полностью на себя», этапы работы списком — Этапы работы списком

Как шла работа

От прототипа до переноса на аккаунт клиента

Работа шла в общем чате с компанией: прототип, выбор стиля, макет, вёрстка, правки.

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

Результат

Сайт передан клиенту

27 октября 2026 года сайт переехал на аккаунт Тильды клиента. 30 октября компания утвердила последние правки на первом экране: адрес в шапке и яркую кнопку.