Трансформация сайтов интернет-магазинов за 11 лет

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

Какие изменения произошли в пользовательском опыте на сайтах интернет-магазинов за последние 11 лет? Какие функции и возможности стали более востребованными? Разбираемся в статье.

Как это все началось

Эком кейсы у нас в Morizo ​​с 2014 года. Первый проект — Lacoste, логистическая часть сайта и вся электронная коммерция построена на базе SPSR (система поддержки принятия стратегических решений). Мы взяли зарубежные механизмы заказа и адаптировали их к России. Через полтора года мы получили результат: интернет-магазин стал отдавать значительную часть заказов.

Пример разработки бизнес-процесса

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

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

Давайте подробнее рассмотрим, что изменилось на сайтах интернет-магазинов.

Виджеты

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

К 2023 году приоритетами являются:

• персонализация — добавлен блок с индивидуальным подбором товаров и рассылок с помощью таких инструментов, как RetailRocket и Mindbox;
• двусторонняя связь — полная обработка входящих запросов с сайта, когда через виджет можно не только получить консультацию, но и полностью оформить заказ.

Поисковая оптимизация

Техническое задание по SEO стало больше и объемнее, а сама сфера SEO стала более рутинной. Например, частый запрос — вставить в футер текст на 1000+ символов с ключевыми словами. Но были и необычные запросы: например, мы сделали шаблоны метатегов и заголовков страниц для сайта SuperStep.

Мобильная и адаптивная версии

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

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

Затем 3G, 4G и развитие смартфонов привели к буму адаптивных версий, и функционал мобильных версий стал полноценным. Сейчас две трети покупателей — мобильные пользователи.

Источник: Статистика сайтов Рунета (liveinternet.ru)

Аналитика

Раньше под аналитикой подразумевался просто счетчик посетителей, а теперь это мощные системы анализа трафика, которые учитывают буквально все: от запуска воронок до достижения целей. Для экома появились отличные аналитические инструменты, такие как тепловые карты.

Например, мы использовали A/B-тестирование веб-страниц для Lacoste в 2016 году. Тогда был большой запрос на аналитические отчеты для BI-систем. Компании действительно стали тратить много сил на сбор и обработку данных, у клиентов стали возникать запросы на дашборды в системах продаж.

Новые фреймворки и языки программирования

PHP был преобразован в Laravel и Symfony.

Спереди: Nuxt.JS делится на Bitrix сзади и Nuxt + Vue спереди. Преимущества такого решения — разделение труда программистов и возможность параллельной разработки. Увеличилась скорость отрисовки клиента: каждый блок страницы перезагружается отдельно. Например, SkyShop был сделан по этой технологии еще в 2019 году.

Битрикс стал лидером рынка CMS, для большинства веб-разработчиков это наиболее часто используемый экоинструмент.

На Magento WordPress по-прежнему делает интернет-магазины. Чаще это небольшие компании, которые создают интернет-магазин впервые. Это адекватное решение для старта, когда еще нет понимания, какой функционал нужен. Со временем компания понимает его требования и предлагает индивидуальный проект разработки.

У нас был крупный клиент бренда, который использовал Magento. Их проблема заключалась в том, что трудно было найти поддержку для редких систем. Бюджеты на поддержку таких систем выше среднерыночных, степень привязанности к разработчику высокая.

Защита от взлома, вирусов, DDoS

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

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

Производительность

Чем быстрее работает сайт интернет-магазина, тем выше конверсия. При большом объеме трафика это чувствительно. Поэтому появились новые инструменты: CDN, оптимизация кода, фронт и бэк, разделение фронта и бека.

Интеграции с внешними системами

Появились новые возможности интеграции: службы доставки, внешние склады, системы управления запасами, системы управления заказами, обработка данных. Многие интернет-магазины внедрили автоматизацию email-маркетинга, CRM, сквозные системы лояльности.

Сейчас готовятся автоматические фиды для маркетплейсов, балансы и цены должны быстро обновляться и передаваться.

У крупного экома есть складские процессы, у них тоже сейчас отдельная интеграция.

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

У покупателей больше понимания, что интернет-магазин — это в первую очередь каталог, и его лучше делать отдельной системой. Например, на сайте Техмаркет ассортимент составляет 50 000 товаров. Управлять всем на сайте стало неудобно, поэтому мы перенесли каталог с сайта в 1С.

Еще несколько изменений в формате вопросов и ответов

Что изменилось в законах?

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

Насколько развиты наши экотехнологии по сравнению с мировыми?

В мире эко-сайты делают на WordPress и ShoppingCart, но в нашей стране пользователи интернет-магазинов более требовательны. Доставка за 1-2 дня — это уже наша реальность, хотя в других странах такой скорости почти нигде нет.

У нас есть несколько крупных торговых площадок: Яндекс Маркет, Сбермаркет, Озон — за счет конкуренции у нас продвинутый сервис и быстрая доставка.

Каков прогноз на ближайшие 5 лет?

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

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

Краткое содержание

Пройдемся по основным моментам, на что ориентироваться при разработке интернет-магазина в 2023 году:

• Виджеты. Они помогают персонализировать подбор товаров и рассылок, дают возможность полноценно обрабатывать входящие запросы с сайта и закрывать заказ.
• Поисковая оптимизация. Помогает сайту лучше ранжироваться в поисковых системах за счет оптимизации заголовков страниц, метаописаний и т. д.
• Мобильная и адаптивная версии. Все больше и больше пользователей используют мобильные устройства для выхода в Интернет. Плюс поисковые системы учитывают адаптивность сайта при ранжировании результатов поиска.
• Аналитика. Теперь аналитика сайта — это не просто счетчик посетителей, а мощные системы анализа трафика, которые учитывают буквально все: от запуска воронок до достижения целей.
• Новые фреймворки и языки программирования. PHP был преобразован в Laravel и Symfony. Для фронта эффективно использовать Nuxt + Vue, а для тыла — Битрикс. Это увеличивает скорость создания продукта — процессы разработки могут выполняться параллельно.
• Безопасность. Сайты взламывают не только через XSS, но и через уязвимости версий ПО, ошибки сертификатов и так далее. Например, если посчитать потери от ежедневных DDoS, то вложения в систему защиты становятся оправданными.
• Производительность. Чем быстрее работает сайт интернет-магазина, тем выше конверсия. При большом объеме трафика это чувствительно. Кроме того, скорость загрузки сайта влияет на удобство использования и удовлетворенность пользователей.
• Интеграции с внешними системами. Интеграции улучшают функциональность интернет-магазина и повышают удобство работы пользователей. Автоматизация email-маркетинга, CRM, сквозные системы лояльности оптимизируют внутренние бизнес-процессы.