Интернет-магазин «Пора спать»: как мебельная сеть из Петербурга переросла сайт на Тильде

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

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

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

❌ Сайт выглядел скромнее компании. Рядом с крупными игроками вроде divan.ru и Askona «Пора спать» смотрелись небольшим локальным магазином.

❌ Низкая конверсия. Фильтры работали нестабильно, поиск выдавал нерелевантные результаты, путь до корзины растягивался. Трафик и спрос были, а покупали меньше, чем могли бы.

❌ Ограничения для SEO и маркетинга. На конструкторе сложно управлять структурой, масштабировать контент, работать с метаданными и гео. Для большого каталога это критично. Вдобавок магазин работал на кириллическом домене, и от этого страдали безопасность и видимость сайта.

❌ Любое обновление шло через разработчиков. Без них нельзя было добавить категорию, собрать комплект или запустить акцию. Это занимало время, а из-за ограничений Тильды задачи решались костылями.

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

Ни одну из этих проблем нельзя было решить на конструкторе, поэтому интернет-магазин спроектировали и разработали заново. Под каждую проблему заложили свое решение:

• Цены по городам. Сайт показывает цены и наличие для каждого города, и бренд можно продвигать на новых рынках.

• Новый визуальный язык. Полностью обновили дизайн и интерфейс.

• Короткий путь до корзины. Упростили сценарии и навигацию, убрали лишние шаги.

• SEO-архитектура. Выстроили структуру сайта под поиск и перевели его на латинский домен.

• Удобная админка. Менеджеры сами обновляют ассортимент, запускают акции и управляют контентом.

С чего начали: конкуренты, сценарии покупок, структура

Сначала разобрались, как люди выбирают мебель и что мешает им купить у «Пора спать».

Изучили конкурентов. По подаче клиент ориентировался на divan.ru: современный чистый дизайн и удобный каталог. Мы разобрали каталоги, фильтры, карточки и сценарии покупок у крупных мебельных магазинов с похожим ассортиментом, выбрали удачные решения и собрали мудборд.

Построили user flow. Прошли путь покупателя: как он попадает на сайт, ищет товар, сравнивает варианты и где может застрять. Чтобы человек быстрее дошел до корзины и не бросил покупку на полпути, убрали лишние шаги, упростили навигацию и добавили визуальные якоря.

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

Заложили требования к админке и структуре, чтобы менеджеры могли сами обновлять контент.

Дизайн: мебель на первом плане

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

Айдентика. Взяли логотип клиента и построили от него визуальный язык. Цвета, шрифты и фоновые паттерны подчеркивают домашний характер бренда.

Акцент на товарах. Добавили больше фотографий материалов, текстур и деталей. Ткани, изголовья и комплектации можно рассмотреть почти как в офлайн-магазине.

Простая структура. От главной до карточки товара все выстроено логично и не перегружает покупателя. Визуальные эффекты специально не добавляли, чтобы они не отвлекали от выбора.

Каталог и карточки товаров, которые работают на SEO

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

Заодно это решение помогло с SEO. «Пора спать» — молодой бренд, а у divan.ru и Askona каталоги на тысячи товаров и домены с многолетней историей. Соревноваться с ними числом позиций сложно, зато отдельные карточки вариаций дают поисковикам больше страниц для индексации.

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

Главное для выбора мебели — на виду. В превью вынесли габариты, цену и материал. Подробные характеристики убрали в раскрывающиеся блоки, чтобы не перегружать страницу.

Акционные баннеры

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

Баннеры встроили в ключевые точки пути: на главную, в каталог и в карточки товаров. Они выглядят нативно и не мешают смотреть товары, но остаются заметными.

Остальные страницы

О компании. Рассказ клиента о бренде: чем занимается и чем отличается от других.

Контакты. Телефон, почта, юридический адрес, реквизиты и кнопки «Заказать звонок» и «Оставить обращение».

Акции и новости. Здесь клиент пишет о новых коллекциях и сезонных скидках.

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

Корзина и оформление заказа. Покупатель видит выбранные товары, меняет количество, применяет промокод и оформляет заказ. Данные из формы уходят в админку и на почту менеджерам, чтобы те сразу связались с клиентом. Онлайн-оплату подключим на следующем этапе.

Окно подписки на рассылку. При входе на сайт предлагает оставить почту и получить скидку на первый заказ.

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

Разработка

Собрали магазин на современном стеке:

• Frontend — Next.js: сайт быстро работает и удобен на любом устройстве.

• Backend — Laravel + Filament CMS: гибкая масштабируемая админка, в которой менеджеры управляют контентом без разработчиков.

Упростили работу менеджерам. Раньше запуск акции, смена цен или новый товар отнимали много времени. Теперь на это уходит пара кликов в админке.

Обучили команду клиента. Руководитель проекта Наташа созвонилась с владельцем магазина Алексеем и контент-менеджером. Вместе прошли все процессы и разобрали, где и что редактировать. Созвон записали, и у команды осталась готовая видеоинструкция. Обучение прошло легко: устраивали мини-тесты, смеялись, разбирали реальные рабочие ситуации. После запуска команда уверенно наполняет сайт и не боится что-то сломать.

Подключили Telegram-бота. Когда покупатель оформляет заказ или просит перезвонить, менеджер сразу получает уведомление в мессенджере: имя, телефон, выбранные товары и сумму.

SEO: ИКС 40 через 1,5 месяца после запуска

Для «Пора спать» органический поиск — один из главных каналов продаж. Поэтому требования к SEO заложили еще при проектировании, вместе с SEO-оптимизатором.

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

SEO-блоки для категорий и товаров. Тексты в них можно редактировать под нужные запросы. Они помогают продвижению и не мешают выбирать мебель.

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

Аналитика. Клиент может сразу подключить метрики и увидеть в цифрах, как ведут себя пользователи и на каком шаге уходят.

После разработки провели SEO-аудит. Это обязательный этап любого нашего проекта: нашли и исправили технические ошибки, дубли страниц, битые ссылки и недостающие метатеги.

Обычно первые полгода ИКС нового сайта держится на нуле: Яндекс не спешит присваивать рейтинг молодым доменам. «Пора спать» получил ИКС 40 уже через полтора месяца, а сейчас показатель дорос до 60.

Для клиента это значит, что сайт начал приносить органический трафик почти сразу после запуска, позиции в поиске растут, а SEO-фундамент готов к масштабированию и долгому продвижению.

• Цены и товары правильно отображаются в каждом городе, и компания продает по всей России без ручной правки цен.

• Команда сама добавляет товары, акции и тексты, без разработчиков.

• Сайт индексируется по ключевым запросам и получает от 2 до 8 заказов в сутки из поиска. Заказов становится больше.

• Через полтора месяца после запуска ИКС достиг 40, сейчас он 60.

• Покупателям проще искать товары и оформлять заказы.

• Сайт выглядит на уровне федеральных игроков.

Что дальше

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

Карточки товаров тоже будем развивать.

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

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