Разработка интернет-магазина на 1С-Битрикс, интеграция сайта с FloraPoint для сети цветочных баров Flower Herbarium

О компании Herbarium

Herbarium — розничная сеть цветочных баров в Москве, работает более 20 лет. 

Проблемы клиента

Цели клиента

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

Чем Вебфлай помогли

Наше сотрудничество с заказчиком состояло из 5 этапов: проектирование и прототипы, дизайн, вёрстка макетов, программирование функционала, интеграция с внешними системами. Самый важный этап работ — предпроектное исследование. Это SEO-аудит, создание структуры сайта и анализ поведения пользователя в интернет-магазине.

Предпроектное исследование

SEO-аудит для интернет-магазина цветов

В ходе SEO-аудита мы описали базовый портрет покупателя, выяснили спрос на группы товаров по тематикам, проанализировали информационные запросы, сезонность бизнеса и топ конкурентов в поисковой и рекламной выдаче. На основании этого описали рекомендации по структуре сайта herbarium.ru.

Например, аудит выявил, что женщины заказывают цветы в интернете так же часто, как и мужчины. По массиву популярных запросов мы определили, какие разделы интернет-магазина наиболее важны, какие должны быть на первом месте и будут пользоваться максимальным спросом. Например, «розы» ищет около 1,2 млн человек месяц, а «тюльпаны» — в 3 раза меньше. А запросов «цветы» в 4 раза больше, чем «букеты».

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

Ещё мы проанализировали сезонность и вычислили спады покупательской активности. Оказалось, что для цветочных интернет-магазинов, пик заказов приходится не только на 8 Марта, но и на 1 сентября, День матери и 14 февраля.

Понимание этих нюансов помогло нам оптимизировать каталог букетов для создания smart-фильтров, описать путь клиента на сайте и спроектировать разделы.

CJM-карта для интернет-магазина цветов

При проектировании интернет-магазина Herbarium мы использовали CJM-карту (Customer Journey Map). В ней описали целевые аудитории и их путь на сайте: как клиенты выбирают букет, как оформляют его, что важно заказчикам на каждом шаге. В карте указали какие у потребителей точки касания с сайтом, действия, барьеры и как их устранить. Среди ЦА интернет-магазина — 52% женщин и 48% мужчин. И они по-разному ведут себя при покупке.

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

У женщин свой путь на сайте. Они часто фильтруют цветы по названию, оттенку и мероприятию. Ищут «герберы для мамы», «жёлтые цветы», «букет на день рождения» и так далее. То есть, женщинам важны детализированные фильтры. А мужчины, как правило, фильтруют только по цене.

Оптимизация товарного каталога интернет-магазина

Объёмный торговый каталог перебрали и оптимизировали. Сделали это, чтобы smart-фильтры на сайте работали корректно и как можно больше комбинаций совпадало с тем, что ищут клиенты в интернете.

Прототипы интернет-магазина

Интерактивные прототипы интернет-магазина собрали на онлайн-сервисе Figma. Все 25 экранов кликабельны. Их можно тестировать, заходить в разделы, листать страницы. Уже на этом этапе понятно, что клиенту от выбора букета до оформления и оплаты удобно и легко пользоваться сайтом.

Дизайн интернет-магазина

Дизайн будущего интернет-магазина создали на основании фирменного стиля и гайдов Herbarium Flower. Стиль и атмосферу бренда нам удалось полностью перенести в цифровую среду.

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

Также создали для бренда цифровую библиотеку дизайн-компонентов, и использовали её для сборки 38 макетов в Figma. 

Функционал интернет-магазина

Интернет-магазин Herbarium разработали на платформе 1С-Битрикс. С помощью этого решения заказчик или его сотрудники смогут легко и быстро публиковать контент на сайте, редактировать цены, добавлять отзывы и выполнять другие действия без программиста.

Проработали и настроили 3 сценария доставки: самовывоз, доставка до заказчика и доставка на указанный адрес.

Настроили интернет-эквайринг. С его помощью клиент может оплатить заказ удобным способом: по банковской карте, QR-коду, через онлайн-кошельки

Интеграции интернет-магазина 

Связали интернет-магазин на CMS 1C-Битрикс с Florapoint — системой учёта продаж в цветочном бизнесе, который использует Flower Herbarium во всех офлайн-точках. Настроили двусторонний обмен товарной номенклатурой и остатками между 1С-Битрикс и Florapoint. Теперь, что у бренда стоит на витрине, то и в интернет-магазине.

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