Лауреат независимой премии Workspace Digital Awards 2023
Клиент
«М-постель» с 2006 года производит и продает по всей России постельное белье и домашнюю одежду: используют премиальные ткани и современные технологии пошива.
«М-постель» делает ставку на качество продукции и высокий сервис. За годы работы удалось создать большую базу покупателей, которые стали постоянными.
Задача
Разработать полноценный интернет-магазин с удобным подборщиком белья
В последнее время приток новых клиентов уменьшился. Одной из причин был устаревший самописный сайт — товарная витрина с возможностью оставить заявку. Кроме того, сайт имел несовременный дизайн, неудобный интерфейс, была слабо проработана навигация, не соблюдены SEO-рекомендации. Отсутствие интеграции с CRM очень усложняло обработку заказов.
За последние 5 лет рынок наводнили конкуренты. Многие из них не имеют собственного производства, например, заказывают товар в Китае, но при этом разработали удобные сайты и приложения с сильной маркетинговой проработкой.
«М-постель» обратилась в «Четвертый Рим» за новым сайтом с полноценным функционалом интернет-магазина, современным дизайном и конфигуратором по сборке комплекта постельного белья. Владельцы не были готовы тратить огромный бюджет и много времени на разработку.
Как мы это сделали
Анализ конкурентов и проектирование
Детально изучили конкурентов и проанализировали целевую аудиторию. Отобрали самых известных игроков на рынке: Morpheus, home story, Ikea, и тд. Изучили их навигацию, дизайн, функционал, узнали, на чем разработаны сайты, на кого ориентированы и тд.
В проектировании основное внимание уделили каталогу и подборщику комплектов белья. Конкуренты задали высокую планку в разработке такого конфигуратора. При этом, в сравнении с конкурентами, каталог у «М-постель» был задуман значительно сложнее и обширнее.
Подготовка к SEO-продвижению
Собрали семантическое ядро. Совместно с клиентом проработали структуру каталога товаров, что позволило заранее продумать, какие страницы должны быть на сайте для корректного SEO-продвижения. Структура позволит в дальнейшем планомерно добавлять новые товарные группы и информационные разделы. Это было необходимо сделать на старте проекта, иначе в дальнейшем потребуется переделывать каталог и структуру сайта, что повлечет большие денежные затраты. Также SEO-специалисты подготовили ряд технических рекомендаций, которым сайт должен соответствовать для корректного отображения в поисковых системах.
Архитектурные решения
Выбрали современное готовое решение Аспро Максимум на 1С Битрикс с последними обновлениями в одной коробке с CRM Битрикс 24. Готовое решение обладает основным функционалом интернет-магазина. Это сильно сократило сроки и бюджет проекта, позволило перенаправить бюджет на ключевой функционал подборщика и кастомный дизайн. Развернули тестовые площадки на своем сервере, что позволило сократить бюджет клиента на время разработки. На проект выделили двух middle backend разработчиков и одного middle frontend, который работал в тесной связке с дизайнером. Также под управлением менеджера-аналитика в работу включились продуктовый дизайнер, контент-менеджер и SEO-специалист.
Конфигуратор для подбора постельного белья
Среди конкурентов не найти аналогичный нашему функционал подборщика. Из-за сложной структуры каталога и большого количества товарных связок мы столкнулись с трудностями в проработке логики функционала и его реализации. Однако старания стоят того: пользователи сайта могут собрать комплект и узнать цену заказа в несколько кликов.
Попадая на страницу комплекта, покупатель должен иметь возможность собрать заказ из нужных элементов. Например, выбрать количество и вид, цвет изделий, размеры, добавить в корзину дополнительные элементы, рекомендованные товары.
Каждый выбранный элемент влияет на генерацию цены. Чтобы при сборке комплекта, она считалась корректно и формировался заказ, нужно создать каждый элемент комплекта по отдельности и связать их в рамках одного комплекта. В итоге получается огромное количество связок, с учетом, что у нас два типа комплектов: с резинкой и без.
Также на разные элементы комплекта может быть уникальная скидка, которая тоже влияет на подсчет суммы. Все товары должны корректно фильтроваться в каталоге. Для удобства обновления цен на сайте мы разработали загрузчик цен. После наполнения товарами сайт, выгружается таблица со всеми товарами и полем цены. Администратор сайта заходит, правит цены и загружает обратно таблицу. 1С у клиента нет, и в ближайшее время не планируют использовать.
«Наш конфигуратор позволяет покупателю без каких-либо ограничений собрать свой уникальный комплект и сразу получить его стоимость без дополнительных действий менеджеров службы поддержки сайта».
Владимир Игнатьев, UX Team Lead
Фирменный стиль
Параллельно разработке сайта компания «М-постель» обновляла бренд-бук. Новый фирменный стиль планировали использовать на упаковках, пакетах, магазине и тд. Нужно было учесть новый фирм стиль в оформлении сайта: передать ощущение уюта, комфорта и стильного дома.
Навигационная панель
Удобный и компактный фильтр каталога и популярные категории.
Двухуровневая шапка сайта. Основное меню разбито на популярные товарные группы. Посетитель может выбрать как комплект белья, так и по отдельности каждый элемент белья.
Фотографии для инстаграма
Согласно пожеланиям клиента, сделали вертикальную галерею в карточке товара с пропорциями для инстаграма. После фотосессии можно не обрабатывать фотографии в разных размерах, а добавлять одно и тоже изображение в разные источники.
Для этого пришлось делать новый дизайн галереи и верстку, так как готовое решение имело галерею с другой ориентацией.
Верстка
Перед версткой сайта проработали UI kit — набор готовых решений пользовательского интерфейса. Это сильно упростило работу верстальщику при создании компонентов. Также это помогло при дальнейшей поддержке сайта.
Наполнение сайта контентом
Каталог товаров «М-постель» наполняют сотрудники компании сами. Справиться с этим новичку может быть непросто: каталог имеет много сложносоставных товаров. Чтобы наполнить одну карточку, нужно каждый элемент добавить в соответствующие товарные категории, создать комплект, прописать связки с каждым элементом, прописать связки с другими комплектами белья, наполнить всю описательную информацию.
Для удобства мы подготовили понятную инструкцию, чтобы контент-менеджеры без проблем наполнили каталог сайта и могли в дальнейшем без труда его актуализировать.
«Владельцы „М-постель“, как мы уже упоминали, трепетно относятся к своему бизнесу и отношениям с клиентами. Так же ответственно они отнеслись к брифованию, формулировке своего УТП, составлению списка конкурентов. Это здорово помогло нам в работе».
Руслан Малухин, lead project manager
Результат
Создали понятный, удобный интернет-магазин со стильным минималистичным дизайном в короткие сроки — всего за 9 месяцев. Обычно на разработку подобных магазинов на самописном движке уходит до полутора лет.
Чтобы сэкономить время и деньги клиента, использовали шаблон, который значительно кастомизировали.
Сайт разработан с крепкой базой для SEO-продвижения и дальнейшего совершенствования. В ближайшие планы входит интеграция с Б24, настройка автоматизации продаж и продвижение интернет-магазина через контекстную рекламу.
Фишка проекта и самый сложный элемент разработки — подборщик белья, который автоматически считает сумму заказа клиента с точностью до рубля.
Отзыв клиента
Генеральный директор «М-Постель»
Михальчук Марина Николаевна
Наш сайт был разработан на Джумле в 2011 году. Сайт был в рабочем состоянии. Но были моменты, которые не позволяли дальше работать на нем, основными из которых были: сайт не адаптировался под мобильные устройства, мы не могли массово редактировать цены на продукцию — а последние годы цены стали меняться постоянно вслед за курсом доллара и в целом сайт выглядел устаревшим во всех смыслах. Докручивать Джумлу не было смысла, серьезные компании с ней давно не работают, а взаимодействие с частными фрилансерами последние годы не складывалось позитивно, к тому же хотелось чтобы сайт был технологически продвинутым с заделом на перспективу хотя бы на последующие 5 лет — с возможностью интеграции с СРМ, 1С и т.п.
Разработка сайта и отладка всех процессов заняла больше времени, чем мы ожидали, но зато параллельно за это время мы смогли масштабно обновиться в результате чего сайт получился более эффектным: актуализировали стратегию развития, на ее основе обновили весь фирменный стиль и внедрили его на сайт, пересняли почти весь фотоконтент, переписали тексты.
В работе с Четвертым Римом прежде всего понравился конечный результат: было реализовано все, что мы задумали изначально, а некоторый функционал получился лучше ожиданий. А также работа ведущих нас менеджеров — Руслана на этапе разработки и Валентины на этапе реализации. Они всегда были на связи, как и остальная команда, включая руководителя компании Дмитрия, что давало ощущение надежности.
Считаем, что совместными усилиями наш сайт получился одним из лучших и современных в текстильной сфере. Благодарим команду Четвертого Рима. Будем работать дальше над оптимизацией и повышением конверсий.