Клиент

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

Проблема

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

Но бизнес быстро рос:

• компания открывала склады в новых городах;
• выстраивала логистику;
• наращивала ассортимент.

На этом этапе сайт на конструкторе перестал закрывать все потребности бизнеса.

Задача

Разработать масштабируемый интернет-магазин, который:

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

Проанализировали конкурентов, сценарии покупок и структура сайта

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

Построили юзер флоу

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

Учли специфику ассортимента

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

Отрисовали дизайн: мебель на первом плане

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

Айдентика родилась из позиционирования компании

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

Главный акцент — на товарах

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

Простая структура

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

Каталог и умные карточки товаров для роста SEO

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

Это решение помогло вырастить SEO-показатели

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

Продумали умную механику внутри карточки

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

Фокус на том, что важно при выборе мебели

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

Продумали акционные баннеры

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

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

Разработали интернет-магазин

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

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

Разработали удобную админку и обучили команду клиента

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

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

Интегрировали сайт с Телеграм-ботом

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

Подготовили к SEO-продвижению

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

Продумали структуру

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

Добавили SEO-блоки для категорий и товаров

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

Сделали геопривязку

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

Подготовили к аналитике

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

Провели SEO-аудит

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

Результаты

Новый интернет-магазин «Пора спать» работает стабильно и решает задачи, с которыми клиент пришел:

• Цены и товары отображаются корректно для каждого города.
• Команда самостоятельно управляет сайтом.
• SEO-фундамент уже приносит первые результаты — от 2 до 8 заказов в сутки из поиска, и этот показатель продолжает расти.
• Интерфейс стал интуитивным, покупателям проще искать и оформлять заказы.
• Бренд выглядит на уровне федеральных игроков.