Задача
Период работ: апрель 2022 – апрель 2023 (поддержка сайта)
Какие велись работы
Ссылка на проект
mebelgrad.com«Мебельград» – это современное предприятие с полным циклом обработки древесины и производства корпусной мебели, мягкой мебели и мебели из массива. Используется сырье, качество и безопасность которого подтверждено документально.
История
Фабрика «Мебельград» создана в 1997 году на базе одного из крупнейших мебельных предприятий Центрального региона – Брянской мебельной фабрики №1 – предприятия с более чем столетней историей.
Производство
«Мебельград» — это современное предприятие с полным циклом обработки древесины и производства мягкой мебели и мебели из массива. Используется сырье, качество и безопасность которого подтверждены документально.
Экологичность
С момента основания фабрики вся мебель проходит обязательную сертификацию. Использование только экологически чистых материалов в производстве является неотъемлемым и неизменным принципом.
Каталог интернет-магазина после переработки
За первый квартал 2022 года рынок онлайн-продаж вырос на 65%. За весь 2022 год онлайн-продажи в России увеличились почти в полтора раза, а второе место по объему заняли мебель и товары для дома (17,7%).
Однако, в связи с уходом иностранных компаний, открылись возможности для отечественных производителей и интернет-магазинов занять свободную нишу и расширить свой бизнес.
Компания «Мебельград» поставила цель на 2022 выстроить онлайн продажи мебели розничным покупателям в ЦФО, а также оказать поддержку традиционным каналам продаж компании.
С этой задачей к нам и обратился директор по интернет-продвижению группы компаний «Мебельград» Константин Компаниец.
Эту большую задачу мы разделили на несколько частей:
В этом кейсе мы рассмотрим 1 и 2 части: работы по обновлению интернет-магазина.
Чтобы выстроить стратегию по работе с сайтом, сначала провели анализ существующего сайта и анализ основного конкурента.
По текущему сайту совместно с SEO специалистами проанализировали, что имеем:
Старый сайт клиента имел много ярких элементов, от которых у пользователя разбегались глаза.
Главная страница старого сайта клиента
В 2022 году современные интернет-магазины стараются придерживаться минимализма на своих сайтах. Размещают информацию важную информацию не отвлекая внимание клиента лишними деталями.
Пример сайта конкурента
На десктопной и мобильной версиях в первом же пункте меню каталога пункт «Акции» ведет на страницу без товаров, отображается только серая кнопка, при клике на которую обновляется страница и больше ничего не происходит.
Пустой первый экран страницы «Акции»
Почему важно, чтобы первый экран не был пуст? В первую очередь человек видит то, что умещается в экран его устройства. Именно здесь он решает, остаться на странице или идти дальше. На это решение уходит всего несколько секунд. Если за это время клиент увидел, что ему предлагают решение его проблемы, то остается изучать страницу дальше, если нет – уходит к конкурентам.
При переключении города – карта не подтягивает данные по выбранному городу, а выводит общий список магазинов по всем регионам.
Раздел контакты. Независимо от выбранного города, выводится список контактов и магазинов всех регионов.
При нажатии на некоторые из них, сайт выдает ошибки – пользователя ведет на несуществующие страницы.
Один из слайдеров перебрасывает пользователя на другой сайт. Таким образом, у него уже нет возможности дальнейшего изучения каталога. Также есть слайдер с ссылкой на главную. При клике на него страница обновляется и больше ничего не происходит.
Слайдеры не имеют единого стиля оформления, что влияет на визуальное восприятие сайта пользователем.
Когда клиент заходит на ваш сайт из поисковых систем, у вас есть всего 3 секунды зацепить внимание пользователя, чтобы он остался на сайте. Рекламные баннеры помогают расширить аудиторию и привлечь новых пользователей на сайт. Кроме того, они помогают улучшить имидж компании, предоставляя информацию о новых продуктах и услугах.
Баннеры в слайдере на сайте играют важную роль не только в продвижении товаров и услуг. Они помогают увеличить конверсию и улучшить взаимодействие с клиентами,а также привлекают внимание пользователей.
Большая часть трафика на старый сайт шла с мобильных устройств. Поэтому большой проблемой была его плохая адаптивность под мобильные устройства. Например, на странице «Контакты» номера телефонов переносятся на вторую строку.
При работе с каталогом товары появлялись только на втором экране. 85% пространства занимает меню, логотип и пусты места. Чтобы увидеть сами товары, пользователю приходилось скролить экран.
Вывод: анализ показал, что сайт морально устарел в плане дизайна, юзабилити и в технической части. Новым пользователям, которые попадают на сайт, трудно разобраться в разделах, часто видят ошибки в виде 404 страниц. Сайт не конкурентоспособен на фоне других сайтов этой тематики.
Отметим также минималистичный дизайн: нет лишних элементов, которые отвлекают пользователя от основной информации. Сайт выполнен белом цвете, рекламные баннеры – в спокойных нюдовых цветах, однако отлично привлекают внимание пользователя, добавляют «уюта».
На главной странице расположены акционные баннеры, спецпредложения. Которые сразу «цепляют» потенциального покупателя.
Были хорошо проработаны страницы списков товаров и детальная карточек товаров: есть информация о доставке, отзывы, рейтинг товара и т.д.
Вывод по анализу конкурентов:
на сайтах конкурентов просто ориентироваться, можно быстро и удобно подобрать подходящий товар и оформить заказ. Сделано все для того, чтобы пользователь сделал заказ на несколько товаров или заказал доп. аксессуары (подушки к кроватям, чехол на матрас и т.д.)
Результат сравнения сайта клиента с сайтами конкурентов:
Неудобная навигация по сайту, неинформативная главная страница, агрессивный дизайн по сравнению с прямыми конкурентами. Старый сайт отталкивал потенциальных покупателей от покупки в интернет-магазине. Клиенты предпочитали посещать офлайн точки. Сайт не подходит для решения поставленных клиентом задач: занять нишу ушедших компаний.
Описали каждый этап разработки, который нашим специалистам предстояло выполнить:
1. Определили платформу для разработки. Старый сайт был сделан на 1С-Битрикс и на древнем модуле alexkova.market2. Однако платформа не обновлялась и не обслуживалась с 2020 года. Для интернет-магазинов не обновляться даже полгода критично и может повлечь за собой ряд проблем: поломка сайта, перестанет работать один из важных модулей и т.д.
Решили остаться на 1С-Битрикс + АСПРО: Максимум. Эта связка решит проблемы с адаптивностью сайта под разные устройства, пользовательским опытом и решит критические ошибки сайта:
2. Сделали копию сайта, развернули на сервере клиента на тестовом домене. Так как сайт клиента действующий и приносит заявки, он должен работать. Поэтому дальнейшую разработку и все последующие доработки мы делали на этой тестовой копии сайта.
Таким образом у нас был старый действующий сайт и тестовый сайт на новом решении, на котором мы делали все работы.
3. Обновили систему управления 1С-Битрикс до актуальной версии, установили платформу Аспро и перенесли все страницы, которые были на старом сайте. Важно отметить, что все URL мы сохранили, чтобы не потерять позиции сайта в поисковых системах (и не делать редиректы)
4. Собрали страницы
Разработали главную страницу, добавили необходимые рекламные блоки. Заполнили страницу «О компании», «Контакты» и тд). Вместе с контент-менеджером со стороны клиента сделали совместную работу по добавлению магазинов. Наполнили каталог товаров.
5. Настроили мультиязычность (перевод сайта на 6 языков).
Компания «Мебельград» стремится расширить свое присутствие на рынке корпусной и мягкой мебели, поэтому активно развивает экспортное направление в другие страны.
Поэтому мы настроили автоматический перевод сайта на английский, немецкий, китайский и др. языки.
6. Настроили мультирегиональность.
Мультирегиональность дает возможность пользователю сайта выбрать свой округ, регион, город и увидеть не только актуальные контакты для их местоположения, но и остатки, цены и даже каталоги.
Для клиента настроили мультирегиональность, чтобы в каждом регионе отображались свои цены. Пользователю нужно выбрать регион, чтобы увидеть актуальные цены и контакты.
При переходе на страницу отображаются магазины выбранного региона.
Клиенту нужно выбрать регион, чтобы увидеть актуальные цены и контакты (в футере и в шапке).
При переходе на страницу отображаются магазины выбранного региона:
Если убираем город, то отображаются магазины выбранной области:
На страницу контакты перенесли доработку с точками на карте, как на старом сайте:
7. Чтобы на сайте была представлена актуальная информация по остаткам и ценам нужно было создать связь между 1С и товарами на сайте.
Для этого мы написали скрипт, чтобы из обычных товаров создавались товары с торговыми предложениями. А клиент сопоставил внешние коды торговых предложений на сайте с такими же товарами в 1С.
На страницу «Мебель под заказ» добавили форму, которая позволяет клиентам заказывать изготовление мебели по индивидуальным размерам и требованиям. Преимущества такой формы в том, что покупатели могут получить мебель, которая идеально подходит для их конкретных потребностей и желаний, а не только выбирать из того, что доступно в каталоге.
При первой встрече клиент рассказал нам о своих идеях и вместе мы разработали функционал в карточке товара, чтобы при смене торговых предложений страница не перезагружалась. Пришлось писать скрипт, чтобы из обычных товаров создать товары с торговыми.
Эта доработка дает возможность пользователю быстро и легко просмотреть все торговые предложения в карточке товара, не теряя времени на ожидание загрузки страницы. Такой функционал повышает удобство использования сайта.
На сайтах конкурентов нет такого функционала, что делает нашу доработку уникальной и привлекательной для пользователей.
В карточке товара реализовали не только вывод торговых предложений, но и вывод комплектов. Покупатель может собрать индивидуальный комплект под свое жилище.
При выборе кровати пользователь может положить в корзину дополнительные товары. Например: подушку, матрас, чехол и т.д. То есть все необходимые дополнительные опции найдутся прямо в карточке товара, чтобы клиенты могли легко и быстро заказать все необходимое для спальни.
В мобильной версии сделали кликабельными названия разделов, где есть выпадающий список.
При нажатии на заголовок раздела должно перенаправлять в раздел, а при нажатии на стрелочку выпадать список подразделов.
Реализовали функционал с уведомлениями администратору о новом отзыве, который оставлен к товару, то есть пока модератор его не проверит и не одобрит, отзыв на товаре не отображается.
Далее клиенту приходит письмо на почту:
В административном разделе сайта новые отзывы попадают в комментарии и выглядят так:
После того, как администратор примет отзыв, он публикуется на сайте:
Подключили авторизацию по SMS для пользователей.
Авторизация в через СМС необходима для защиты личных данных покупателей при совершении онлайн-покупок. Пользователь получает на свой мобильный телефон уникальный код, который нужно ввести для доступа к личному кабинету или для совершения покупки. Также СМС-авторизация позволяет избежать использования одного и того же пароля для различных сервисов, что делает аккаунт личного кабинета более защищенным.
Для самого интернет-магазина авторизация по СМС позволяет получить базу номеров своих клиентов, чтобы более эффективно настраивать рекламу или делиться скидками и промокодами для постоянных покупателей.
Для создания новой структуры нужно было перенести на копию товары, которые были созданы на бою за время разработки нового сайта.
Все это время клиент на тестовой копии сайта объединял разные варианты исполнения товаров (на старом сайте – это были разные товары) в один товар с торговыми предложениями, заполнял свойства и добавлял картинки товаров.
Директор по интернет-продвижению проявил инициативу и решил сделать наполнение сайта своими силами.
Первым делом он заполнил карточки товара на своем сайте: разместил на них всю необходимую информацию, от описания товара до изображений и цен. Все карточки товара на сайте выглядели привлекательно для потенциальных покупателей.
Также клиент разместил рекламные баннеры на главной странице сайта. Он сделал это так, чтобы они не привлекали слишком много внимания и не отвлекали пользователей от основной информации на сайте. Но при этом они все же заметны и помогают клиенту увеличивать свою клиентскую базу.
В результате, благодаря усилиям команды компании «Мебельград», сайт выглядит профессионально и полностью готов к запуску. Это также существенно сократило время, которое мы потратили на разработку сайта.
На завершающем этапе доработок внедрили и настроили возможность покупки товаров в рассрочку для покупателей интернет-магазина.
Перед переносом нового сайта нужно было обновить Аспро и проверить, что новая версия платформы «дружила» с нашими доработками. Дело в том, что разработка сайта длилась около 6-ти месяцев. За это время Аспро успели выпустить несколько обновлений для интернет-магазина «Максимум».
Затем нужно было перенести каталог товаров с тестового сайта на основной.
На этом этапе при импорте возникали ошибки из-за битых картинок в товарах и разделах, а также одинаковых внешних кодов у свойств. Написали скрип, чтобы удалить битые картинки и заменили внешние коды у свойств.
Столкнулись с проблемами панели сервера при выпуске SSL-сертификатов.
Изначально, другими подрядчиками был неправильно создан сайт на сервере (через симлинк). Из-за этого панель управления сервера выдавала ошибки при выпуске SSL-сертификатов.
После переноса сайта с тестового домена на основной URL у товаров изменились. Все товары при переходе в карточку выдавали 404 ошибку. Поэтому в срочном порядке наши SEO-специалисты делали склейку.
Сделали финальную миграцию на боевой сайт.
При тестировании исправили ошибки в работе компонентов, проверили корректность работы мобильной версии, системы оплаты, отправку почтовых уведомлений (в целом корректность работы оформления заказа), чтобы работали все доработки
Далее необходимо было вернуть сайту позиции в поисковой системе после переезда. Наши SEO-специалисты сделали работы:
1. Подготовили подробный файл склейки с учетом торговых предложений.
2. Перенесли и восстановили метаданные со старого сайта.
3. Перенесли и отредактировали заголовки
4. Заново настроили и отредактировали карты сайта как для основного домена, так и для поддоменов.
5. Настроили и отредактировали файл robots.txt.
6. Провели подробный SEO аудит и тестирование сайта, чтобы убедиться в отсутствии ошибок.
Эти работы помогли нам не потерять позиции сайта в поисковой выдаче. В настоящее время наши SEO-специалисты продолжают вести работы по оптимизации интернет-магазина для улучшения выдачи.
Итак, мы разработали новый сайт, сделали его более удобным для пользователей.
Провели тщательное исследование и выявили слабые места сайта клиента по сравнению с конкурентами, которые негативно влияли на пользовательский опыт потенциальных покупателей.
Улучшили мобильную версию сайта, изменили оформление главной страницы, каталога и контактной информации, чтобы сделать сайт более привлекательным и легким для использования. За счет этого повысили CR (конверсию в покупку).
Кроме того, мы оперативно смогли решить все критические проблемы старого сайта, чтобы обеспечить бесперебойную работу интернет-магазина: пользователи могут заказывать товары в любое время, клиент – не теряет деньги.
Благодаря нашей совместной работе с директором по интернет-продвижению компании «Мебельград» и его командой у нас получился интернет-магазин мебели, выгодно отличающийся от конкурентов.
Вы хотите быть сильнее своих конкурентов?
Лев?..
Благодарим за доверие и подписку на рассылку Веб-центра"
Будем рады видеть тебя в наших друзьях в группе VK. Там мы обсуждаем материалы и отвечаем на вопросы о продвижении в интернете.
Держи телефон рядом!
Мы позвоним и расскажем, как получить подарок!
