Как редизайн превращает недостатки сайта в УТП
Что делать со старым сайтом без базы 1С и онлайн-оплаты?
Необязательно создавать интернет-магазин: можно разработать уникальное решение и занять особую нишу на рынке. Точно как в нашем кейсе-преображении ростовской «Славянки».
Ищем слабые места и ставим цели
Мебельный магазин «Славянка» за 10 лет превратился из маленькой торговой точки в крупного поставщика. Специализация — офисная мебель для сотрудников и руководителей. Сервис на уровне: магазин бесплатно разрабатывает проект, делает замеры объекта, быстро доставляет и собирает мебель. Поэтому с ним сотрудничают оптовики, госструктуры и даже дизайнеры.
Однако у проекта есть особенность: наш клиент не ведет базу 1С с ценами товаров, их наличием на складе и описанием. Это значит, что посетители сайта не могут:
- увидеть фиксированную цену;
- добавить товар в избранное или корзину;
- выбрать дату и способ доставки;
- оплатить покупку онлайн.
У мебельных салонов федерального значения сайты обладают всем функционалом интернет-магазинов. Но у «Славянки» есть свои особенности, с которыми мы научились работать. Сотрудничество с магазином продолжается более 5 лет. Для нас это не клиент-долгожитель. В «Rocket Business» средний срок сотрудничества с заказчиками — 5 лет 11 месяцев. Опыт в решении непростых случаев нам пригодился: мы сделали отсутствие базы 1С фишкой «Славянки». Об этом читайте немного ниже.
Почему новый сайт?
- Нелогичная структура сайта усложняла поиски товара.
Пользователи делали от 6 до 10 кликов, чтобы добраться до нужного предмета мебели.
- Минимум информации в карточке товара не внушал доверия посетителю сайта.
Привычно кликнуть на предмет коллекции было нельзя, пользователь видел лишь фото готового интерьера. Условия доставки и сотрудничества, отзывы реальных клиентов, реализованные проекты — все это приходилось долго искать.
- Устаревший дизайн не вызывал желания сделать заказ.
За 10 лет работы сайт перестал конвертировать посетителя в покупателя — в том числе из-за непривлекательного визуала.
Изобретаем фишку сайта
На slavameb.ru нельзя реализовать привычный для пользователей сценарий «увидеть цену — добавить в корзину — сделать заказ». Это может негативно повлиять на конверсионность сайта.
Но мы нашли решение: на место классического значка корзины добавить раздел «Почему у нас нет корзины». Там пользователь узнает политику ценообразования, условия сотрудничества и направляется на форму отправки заявки.
Кстати, о ценообразовании. У «Славянки» гибкий подход к клиентам из разных категорий. Для каждой из них мы указали свои преимущества.
- Оптовикам
Регулярные скидки, расширенный каталог, доставка уже на следующий день после оплаты.
- Госучреждениям
Чистая репутация, прозрачная отчетность, строгое соблюдение сроков и большое портфолио.
- Дизайнерам
Бесплатный 3D дизайн-проект, программа лояльности, возможность комбинировать и дополнять коллекции.
Так отсутствие прайса превращается из минуса в УТП. Клиенты чувствуют, что о них заботятся, и не боятся совершать покупки.
Разрабатываем актуальный дизайн
Из старой концепции мы сохранили цветовое решение. Насыщенный зеленый нужно было осветлить на несколько тонов, а дизайн разбавить воздухом и концептуальными блоками. Цветом мы выделили конверсионные кнопки. Общее впечатление от сайта изменилось: интерфейс стал более дружелюбным, легким и естественным.
Клиент доверился нам на все 100, и мы не хотели его подвести. В итоге отрисовали более 20 страниц со всеми адаптивными версиями. На дизайн ушло много часов — но результат того стоил. Заказчик принял новую концепцию сайта без единой правки.
Новая структура
UX/UI-эксперт переработала структуру сайта и добавила:
- модернизированные детальные страницы сайта;
- удобную галерею в разделе готовых проектов;
- логичный каталог с подкатегориями;
- акцентные блоки о выгодных условиях доставки и проектирования;
- новые разделы «Отзывы», «Готовые проекты», «Бесплатный дизайн проекта».
Создаем универсальную картинку
Метрика показала, что половина пользователей заходит на slavameb. ru с ПК. Эту особенность мы учли при редизайне и отрисовке адаптивных версий сайта.
Из-за мелкой сетки в предыдущей версии — 1100 px — контент смотрелся слипшимся и низкокачественным. В новой версии появились:
- широкая сетка на 1600 пикселей;
- фото в высоком разрешении;
- масштабные элементы интерфейса.
Офисную мебель ищут и руководители, и подчиненные. Все страницы теперь смотрятся одинаково хорошо на экранах управленцев, госслужащих и 4К-мониторах дизайнеров.
Улучшаем коммерческие факторы
Честные отзывы — один из важных факторов, склоняющий пользователя к покупке. Именно они вызывают доверие и формируют мнение о бренде. Мы добавили раздел с подробными отзывами от реальных людей и форму обратной связи.
Еще один шаг на пути пользователя к заявке: просмотр портфолио. Для этого посетители направляются на страницу с реализованными проектами.
Офис «Headhunter», автосалон «Дон Моторс» или актовый зал городской администрации — здесь каждый потенциальный клиент найдет примеры из своей отрасли.
Бутиковый и современный — такое впечатление оставляет магазин после редизайна. Теперь целевая аудитория — дизайнеры, госорганизации, оптовые закупщики — понимает, что покупает мебель у одного из лидеров рынка.
Собираем сайт на обновленной CMS
Разработчики решили не менять CMS — предыдущая версия была также собрана на 1С-Битрикс. Однако на ней код много раз переписывали, адаптировали под новые пожелания заказчика и расширяющийся ассортимент. Решения были временными: обновления CMS стерли бы эти изменения.
После редизайна программисты сверстали интернет-магазин на последней версии 1С-Битрикс. Оптимизировали код, убрали лишние скрипты и стили. А еще:
Добавили отдельные предметы мебели в коллекцию — в карточке товара можно рассмотреть каждую тумбочку или стол в любом цвете.
- Создали детальные карточки товара с полным описанием, размерами и вариантами расцветок.
Настроили ресайз изображений. Теперь они отображаются на сайте в оптимальном сжатом размере. Рассмотреть фото в высоком качестве посетитель, кликнув на иконку изображения.
- Ускорили загрузку сайта. Оптимизированные размеры фото снизили показатели FCP и LCP в несколько раз.
Оцениваем результат
Клиент получил то, что хотел — современный и удобный сайт. А еще — удобную систему добавления контента и понятный каталог товаров.
Бренд больше не выглядит устаревшим. Посетители сайта легко находят нужные позиции, проводят больше времени на странице и чаще отправляют заявки.
Пишите в комментариях: как вам результат? Какие еще решения существуют для сайтов без синхронизации с 1С?