UX/UI дизайн
Wordpress+Elementor+Woocommerce
ВЕРСТКА
Прототип+SEO

Стройбаза 47 — интернет-магазин пиломатериалов в СПб и Ленобласти

До запуска сайта у компании был только один канал продаж — группа ВКонтакте с тремя подписчиками, двумя постами и прайс-листом, спрятанным в описании сообщества. Владельца не устраивал объём заявок. За месяц мы перенесли бизнес в полноценный интернет-магазин стройбаза47.рф — с каталогом, корзиной, аналитикой и SEO-структурой под коммерческие запросы Петербурга и области.
«Стройбаза 47» — производитель и поставщик пиломатериалов из посёлка Тайцы под Санкт-Петербургом: доска, брус, имитация бруса, ОСБ, утеплитель и сопутствующие материалы. Камерная сушка, дисковый распил с погрешностью 1–2 мм, доставка с разгрузкой по СПб и Ленобласти.
Сверстала на стеке, который владелец сможет поддерживать сам: WordPress + Elementor Pro + WooCommerce. Карточки товара с двойным ценообразованием (за штуку и за м³ с переключателем), wishlist, попап-формы «Перезвоните мне» и «Бесплатная консультация». Подключила Яндекс.Метрику ещё на этапе вёрстки — чтобы с первого дня собирать данные.
На главной — три блока УТП от первого экрана («оплата по факту», «доставка + разгрузка в день заказа», «распил по запросу»), воронка «4 шага от заявки до доставки» и доказательная база: фото производства, влажность после сушки, погрешность распила, рейтинги Яндекс и 2GIS.
Владелец сформулировал три цели: 1) превратить разрозненный прайс в нормальный каталог, чтобы менеджер не тратил полдня на пересылку цен; 2) занять место в поисковой выдаче Яндекса по региональным коммерческим запросам; 3) показать, что компания — это производство, а не перекупщик, и обосновать цену технологическими преимуществами (камерная сушка 14–18%, дисковый распил, сорта древесины).
Начала с прототипа в Figma на основе семантического ядра: каждая категория каталога — отдельная посадочная страница под кластер запросов. Внутри каждой категории — подкатегории по сорту, влажности и обработке (например, «доска сухая антисептированная», «доска ест. влажности 2 сорт»). Это сразу решает и UX, и SEO.
Бизнес работал офлайн со склада в Тайцах и продавал «сарафанным радио» через ВКонтакте. Прайс висел в описании группы сплошным текстом, у клиента не было ни карточек товаров, ни возможности оформить заказ без звонка. Конкуренты в Петербурге уже давно отжали органический трафик по запросам «купить доску СПб», «брус Ленобласть», «имитация бруса оптом».
Решение
02
Задача
01
Корректные robots.txt и sitemap.xml с автообновлением при добавлении товаров. Сайт подтверждён в Яндекс.Вебмастере, проверена индексация ключевых страниц, выставлены региональные настройки (СПб + ЛО).
Яндекс.Метрика подключена ещё до запуска. Настроены цели: отправка формы «Перезвоните мне», клик по телефону, добавление в корзину, оформление заказа. Это позволяет владельцу видеть не «сайт работает», а конкретно — какой канал приносит заявки.
Шаблонизированные Title и Description с подстановкой названия категории, региона и УТП. H1 на каждой посадочной — отдельный, не дублирует Title. На главной — длинный H1 с целевым запросом и геопривязкой: «Качественные пиломатериалы с доставкой напрямую от производителя в СПб и ЛО».
ЧПУ-адреса в формате /product-category/doska/doska-suhaya/ вместо ID-параметров WooCommerce по умолчанию. Логичная иерархия «Каталог → Категория → Подкатегория → Товар» проявлена и в URL, и в хлебных крошках на каждой странице — поисковик видит структуру, пользователь не теряется.
Собрала ядро под Санкт-Петербург и Ленобласть: коммерческие («купить доску спб», «брус 100х100 ленобласть», «имитация бруса от производителя»), товарные («доска сухая 25х100х6000», «осб-3 9 мм»), услуговые («распил доски на заказ», «доставка пиломатериалов с разгрузкой»).

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

Аналитика с первого дня

08
Изображения товаров в WebP с lazy-loading, шрифты с font-display, минимум сторонних скриптов. Адаптивная вёрстка от 360 px — без отдельной мобильной версии, тот же URL на всех устройствах (важно для мобильной выдачи Яндекса).

Скорость и адаптив

06
Адрес и телефон с кодом региона в шапке и подвале, карта Яндекс на главной, страница контактов с привязкой к Тайцам и Гатчинскому округу. Карточка компании на Яндекс.Картах и 2GIS со ссылкой на сайт — два внешних авторитетных сигнала, которые ускоряют индексацию.

Региональная привязка

04

Структура URL и хлебные крошки

02

Технические файлы

07
Блок «Сопутствующие товары» в карточке (к доске предлагается крепёж и антисептик), ссылки между смежными категориями («Доска» ↔ «Брус» ↔ «Имитация бруса»), блок услуг с переходами на каталог. Каждая страница сайта собирает на себя внутренний вес, а не висит «листом».

Перелинковка

05

Мета-теги и H1

03

Семантика и кластеризация

01

Как мы заложили
органический трафик в основу сайта

SEO здесь — не «накрутка ключевиков после запуска», а структурное решение, принятое ещё на этапе прототипа. Ниже — то, что было сделано в рамках проекта.
от первого экрана прототипа до запуска интернет-магазина в продакшн с подключённой Метрикой и целями
рейтинг компании на 2GIS по 29 отзывам и 5.0 на Яндекс.Картах — социальное доказательство, которого не было на ВК-витрине
было: 3 подписчика и 2 поста в ВКонтакте. Стало: полноценный каталог из 9 категорий, доступный в поиске 24/7
дней
<30
4.9/5
100%
3

Что изменилось
после запуска

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

Из мастерской
дизайнера

Несколько кадров готового сайта: главный экран, каталог, карточка товара и мобильная адаптация.
Контакты
(6) Контакты
Made on
Tilda