Мы начали работу над редизайном еще в 2019 году. Тогда состоялся ребрендинг “Утконоса” и компания обновила логотип и айдентику. Это стало триггером к изменениям, целью которых было также создание бесшовного клиентского опыта. На тот момент интерфейсы мобильной и десктопной версии сильно различались, что сильно влияло на конверсию. В среднем, заказ из мобильной версии делал только каждый сотый пользователь, в то время как конверсии с десктопа и приложения были в разы выше.

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

Влиял на конверсию и размер корзины – в среднем 60 товаров. Ее не просто собрать в один заход, при этом пользователи часто попадали на сайт благодаря рекламе конкретного товара, к которому нужно было набрать еще 59 для заказа. Задачей нового сайта было также помочь покупателям не упустить важные товары для дома и интерфейсно направить их в сторону интересных именно им товаров. Для этого было по-новому использовано полезное пространство экрана, а также увеличена плотность размещения продуктов. Важную роль сыграла персонализация: теперь постоянный клиент Утконоса видит товары из предыдущих заказов на Главной и может добавить их в корзину.

По итогам тестирования, конверсия на смартфонах превысила показатели прежнего сайта на 21,88%, а для планшетов на 28,26%.

Раньше много пользователей не заканчивали процесс регистрации и оформления заказа. Поэтому мы сделали его максимально простым: «Клиент может заранее посмотреть доступные временные интервалы доставки по своему адресу, — рассказывает Екатерина Забавина. — Без авторизации можно зарезервировать время и проверить стоимость доставки»

Теперь чтобы оформить заказ достаточно авторизации по номеру телефона. Информация о предыдущих заказах, включая адрес, способ оплаты и контактные данные, подтянется автоматически. Этот подход позволил сократить время оформления заказа для новичков на 53%, а для постоянных клиентов на 7%.

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

«При выборе холодильника пользователь несколько часов сравнивает технические характеристики, читает отзывы и обзоры, с едой все наоборот: многие уже знакомы с продуктом и просто ищут по фото в каталоге любимые бренды»

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

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

«Такой раздел был и на старом сайте «Утконоса», но для него было мало точек входа и не многие пользователи туда заходили. Еще одной проблемой этого формата была низкая конверсия в покупки из-за высокой стоимости приготовления блюд. Эту проблему мы решили предложением альтернативных товаров (любимого бренда или по более привлекательной цене) и автоматическим исключением из общего списка тех продуктов, которые уже есть в корзине».

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

“Люди боятся, что им привезут несвежее мясо или рыбу, снимать опасения покупателей можно в том числе с помощью дизайна сайта — работать с деревом отзывов, мотивировать пользователей делиться мнением и даже фотографиями доставленных продуктов: смотрите, мясо приехало свежее”.