Объединить всех рукодельниц страны: как не провалить редизайн сайта и увеличить доход в 5 раз

Слышали про провальный редизайн соков Tropicana? Это та самая история, когда PepsiCo, владеющая брендом, поменяла оформление пачек на более современное и облажалась. Маркетологи надеялись поднять продажи, но просчитались: компания потеряла 50 млн $, ведь покупатели просто перестали узнавать любимый сок на полках супермаркетов. Моей команде удалось избежать такого эффекта, разрабатывая новый сайт для крупнейшего в России интернет-магазина для рукодельниц Greenbird.

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

Объединить всех рукодельниц страны: как не провалить редизайн сайта и увеличить доход в 5 раз

Рай для мастериц

Компания Greenbird — крупнейший онлайн-магазин и шоурум товаров для рукоделия, в котором доступно около 30 тысяч наименований продукции. Компания с 2008 года привозит со всего мира бисер, кристаллы и сопутствующие товары, которые помогают мастерицам создавать украшения. Это действительно популярный магазин среди тех, кто увлечен рукоделием.

Кроме того, Greenbird намеренно формирует вокруг себя сообщество заинтересованных людей. Например, компания ведет популярный YouTube-канал с мастер-классами по созданию украшений и обзорами новинок. На него подписаны почти 100 тысяч человек.

Объединить всех рукодельниц страны: как не провалить редизайн сайта и увеличить доход в 5 раз

Также есть большая группа в ВК: в ней состоят почти 30 тысяч человек. А еще Greenbird активно проводит конкурсы среди покупателей и организует мастер-классы онлайн.

Проблема: устаревший неудобный сайт без мобильной версии

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

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

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

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

Сделать по-новому, сохранив узнаваемость

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

Далее мы разработали UI kit — набор готовых решений пользовательского интерфейса. Сохранили фирменные цвета, но поменяли иконки и типографику на более современные. В итоге получили свежие решения, в которых сразу можно узнать привычный и любимый магазин с бисером и кристаллами.

На основе UI kit разработали все основные страницы сайта. Вот только часть процесса работы над созданием нового дизайна страниц.

Объединить всех рукодельниц страны: как не провалить редизайн сайта и увеличить доход в 5 раз

В процессе мы избавились от устаревших элементов: например, от вензелей в «шапке», но сохранили все отличительные особенности сайта.

Объединить всех рукодельниц страны: как не провалить редизайн сайта и увеличить доход в 5 раз

Нешаблонная разработка на шаблоне от «Аспро»

Для экономии ресурсов за основу взяли стандартный функционал интернет-магазина на основе готового решения Аспро Максимум на 1С-Битрикс: с каталогом товаров, онлайн-оформлением заказов и выбором способа оплаты и доставки.

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

Обновили админку и управление складом, сохранив удобство работы

Как правило мы интегрируем интернет-магазины с Битрикс24 и базой данных 1С. В стандартной схеме все работы с заказами делаются через 1C или через CRM, но менеджеры клиента привыкли принимать и обрабатывать заказы прямо в админке. В итоге мы настроили интеграцию с 1С, чтобы все товары приходили на сайт и обновлялись через 1С. А работа с пользователями, заказами и обновление контента происходит через админку сайта.

Объединить всех рукодельниц страны: как не провалить редизайн сайта и увеличить доход в 5 раз

Вишлисты для мастериц: добавили раздел «Избранное»

Сейчас почти во всех сервисах есть раздел с понравившимися товарами. Особенность этого функционала для GreenBird в том, что пользователи могут не только лайкнуть товар и добавить его в один список, но и создавать несколько персональных списков. Например, мастерицам бывает удобно собрать в один список бусины и леску для новой подвески, а в другой — кристаллы, оправы и кусачки для создания сережек.

Объединить всех рукодельниц страны: как не провалить редизайн сайта и увеличить доход в 5 раз

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

Навигация, которая показывает всё

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

Также теперь в «шапке» отображается поисковая строка, корзина и список избранных товаров.

Объединить всех рукодельниц страны: как не провалить редизайн сайта и увеличить доход в 5 раз

Поможем найти любую бусинку

Чтобы было легко и просто найти любую мелочь, добавили на сайт удобную строку поиска, которая подбирает товары уже по первым нескольким буквам — покупателям даже не нужно дописывать слово.

Объединить всех рукодельниц страны: как не провалить редизайн сайта и увеличить доход в 5 раз

Сделали сайт удобным для администраторов. Например, товары, которые загрузили на сайт в последний месяц автоматически получают плашку «Новинки». По истечении месяца плашка пропадает. Так мы избавили сотрудников GreenBird от лишней работы. Только за последний месяц на сайт добавили около 400 товаров, даже если тратить на отметку для каждого по минуте, что набежит 6,5 часов рабочего времени. Почти целый рабочий день.

Объединить всех рукодельниц страны: как не провалить редизайн сайта и увеличить доход в 5 раз

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

Объединить всех рукодельниц страны: как не провалить редизайн сайта и увеличить доход в 5 раз

Проработали разделы сайта с учетом SEO

Первым делом собрали семантическое ядро, то есть все ключевые слова, по которым клиенты обычно ищут продукцию Greenbird.

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

Проработали раздел блога

Мы уже говорили, что GreenBird объединяет мастеров со всей страны и организует мастер-классы, обучения и съемку видео для канала. Это живые страницы, на которых люди оставляют комментарии, советуются с друг другом и задают вопросы авторам. Важно было отразить это на сайте.

Для этого мы добавили раздел #Live. Там собраны все материалы: как новые, так и архивные. Также пользователи могут предложить свою статью для публикации на сайте. Все комментарии в разделе проходят автоматическую премодерацию. Тексты, в которых есть нецензурные слова, автоматически отфильтровываются.

Объединить всех рукодельниц страны: как не провалить редизайн сайта и увеличить доход в 5 раз

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

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

Объединить всех рукодельниц страны: как не провалить редизайн сайта и увеличить доход в 5 раз

Заложили основу для будущего маркетинга

Разработали накопительную систему скидок. Ее размер зависит от суммы покупок за предыдущий год:

  • 5% при покупках от 50 до 100 тысяч рублей,
  • 10%, если сумма покупок попадает в интервал 100-200 000 тысяч рублей,
  • 15% при сумме от 200 до 500 тысяч рублей,
  • 20% за годовые покупки на сумму более 500 тысяч рублей.

Добавили возможность персонализировать скидки 一 менеджеры могут назначать выгодные условия для лояльных покупателей. Скидки могут быть назначены и на группы товаров и на отдельные товары. Администраторы могут выбирать одну позицию, которая появится в этом разделе со скидкой 30%. Эти товары постоянно меняются, чтобы покупатели смогли купить со скидкой что-то актуальное. Так мы мотивируем покупателей чаще заходить на сайт, чтобы проверить, не появился ли нужный товар в разделе со скидкой.

Объединить всех рукодельниц страны: как не провалить редизайн сайта и увеличить доход в 5 раз

Настроили взаимодействие с покупателями через email и SMS

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

Объединить всех рукодельниц страны: как не провалить редизайн сайта и увеличить доход в 5 раз

Также можно отправлять информационные письма по базе пользователей. Например, так оповещают о запланированных конкурсах или мастер-классах.

Организовали переезд на новый сайт

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

Мы внимательно подошли к этой задаче. В итоге почти все данные заказов смогли перенести автоматически. Если какие-то данные не перенеслись, менеджеры могли перенести их вручную, используя архив, который мы заранее выгрузили со старого сайта. Также на этом этапе учли SEO-рекомендации, которые помогли сайту сохранить позиции в поисковиках.

Удобный сайт и для клиентов, и для менеджеров

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

Также мы видим улучшения в цифрах. Так, показатель отказов снизился с 12% до 8%, это значит, что пользователи, заходящие на сайт, остаются там чаще, а конверсия выросла с 0,57% до 3,63%.

Объединить всех рукодельниц страны: как не провалить редизайн сайта и увеличить доход в 5 раз

Также увеличилась глубина просмотров. Количество покупок выросло с 200 до 700 в месяц, а за ним и доход — с ~500 тыс. до ~2,6 млн руб. в месяц.

Объединить всех рукодельниц страны: как не провалить редизайн сайта и увеличить доход в 5 раз

Редизайн сайта — ответственный и важный шаг в развитии бизнеса. Без современного дизайна и удобного функционала пользователи не будут совершать покупки. Поэтому очень важно подходить к редизайну с чётким планом и ответственной командой профессионалов, иначе можно потерять онлайн-заказы. В ТГ-канале даем полезные советы и лайфхаки для интернет-магазинов — присоединяйтесь!

38
51 комментарий

Грибёрд знаем, любим, уважаем! С редизайном сайт стал еще лучше!

3
Ответить

такого комментария никогда не увидите на дтф

Ответить

очень актуальненько для нас, кое что забрали

2
Ответить

Рады, что кейс полезен для вас :)

1
Ответить

Согласен. Вроде все банально, но не используют очевидные вещи, толи от лени, то ли от халатности

Ответить

За последние три меясца трафик сайта упал со 111 тысяч в марте до 44 тысяч в мае (посмотрел аналитику similarweb.com).
Так ли всё хорошо с новым дизайном?
Получается, сайт на глазах схлопнулся в 3 раза.

1
Ответить

Разработка нового сайта и поддержка старого сайта были в 2022 году. Новый сайт был опубликован в апреле 2023 года. После переезда был рост, с мая 2023 до января 2024. В 2024 году заказчик решил своими усилиями поддерживать сайт и вести рекламу. Приложил скриншот метрики, где указан рост в 23 году сразу после переезда.

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

Может быть, чуть позже, наши SEO специалисты опишут подробнее ситуацию.

2
Ответить