Мокрый нос — редизайн e-commerce платформы для владельцев питомцев
Редизайн цифрового продукта, объединяющего покупку зоотоваров, ветаптеку и сервисы для питомцев
О проекте
«Мокрый нос» — pet-care e-commerce платформа для владельцев питомцев, объединяющая интернет-магазин, ветаптеку, груминг-салон и ветеринарный кабинет. В ассортименте — тысячи товаров для ежедневного ухода, здоровья и содержания животных.
Продукт решает не только задачу покупки товаров, а помогает владельцу закрывать основные потребности питомца в одном месте — от регулярных покупок до ухода и ветеринарных услуг.
Проблема
Магазин конкурирует с маркетплейсами, но проигрывает им в главном — удобстве подбора и покупки. Владелец приходит с конкретным запросом, а сайт просит перевести его в сложный технический язык товарных категорий. На этом переводе теряется время, появляются ошибки и падает доверие, в результате чего пользователь покидает платформу не совершив покупку.
Задача
- Перестроить интернет-магазин вокруг реального сценария покупки: сделать подбор понятным без знания терминологии.
- Обновить визуал сайта, сделав его более привлекательным и современным для пользователя. Тем самым повысить уровень доверия. Заложить дизайн-систему, на которой магазин сможет расти дальше.
Метрики успеха
Перед началом работы я зафиксировала ключевые метрики, по которым можно оценить, стал ли новый сценарий покупки понятнее и эффективнее для пользователей.
- Высокая успешность подбора — пользователь находит подходящий товар без помощи консультанта.
- Отсутствие ошибок фасовки — человек кладет в корзину нужный объем и формат товара.
- Безопасность ветаптеки — верный вид животного и корректные ограничения перед покупкой.
- Низкое количество шагов до ключевых сценариев: подбор, корзина и оформление.
Рабочий процесс
Анализ сервиса и его конкурентов
Для изучения подходов пользователей к покупке товаров для животных было проведено глубинное интервью.
Глубинное интервью и CJM
Чтобы зафиксировать текущий сценарий действий пользователя на сайте и понять его проблемы, было проведено интервью, в котором участвовали 5 респондентов, после чего собрана CJM.
Ключевые экраны и тестирование
Собрали кликабельные прототипы основных сценариев и провели модерируемое UX-тестирование. Проверяли, насколько быстро пользователи понимают интерфейс, находят нужные действия и проходят путь до покупки.
Экран 1. Главная
Главная — не витрина бренда, а развилка. За десять секунд человек должен понять, где его товар.
Было
Главная работала скорее как лендинг: большой баннер занимал первый экран, каталог был спрятан, а путь до нужного товара получался длинным. Интерфейс плохо поддерживал основную задачу магазина — быстро найти и купить товар.
Стало
Категории вынесли на первый экран, добавили быстрые товарные подборки и полноценные карточки с покупкой прямо с главной. Главная стала работать как точка входа в каталог, а не как рекламная витрина.
Что показал тест
После изменений пользователи быстрее понимали структуру интерфейса и увереннее проходили сценарий покупки.
Успешность сценария
58% → 92%Время до нужной категории
41 с → 12 сВерный первый клик
46% → 88%Экран 2. Каталог и фильтрация
Фильтры должны сокращать выбор, а не добавлять лишние решения.
Было
Фильтрация была перегружена и требовала от пользователя знания товарной логики магазина. Часть параметров дублировалась, а важные признаки питомца не были вынесены в быстрый доступ.
Стало
Фильтры перестроили вокруг питомца и сценария покупки: вид животного, возраст, назначение и формат товара стали основой подбора. Убрали лишние параметры и сделали результат фильтрации более предсказуемым.
Что показал тест
Пользователи быстрее доходили до релевантной выдачи и реже сбрасывали фильтры из-за непонимания.
Успешность подбора
62% → 90%Ошибки фильтрации
−57%Время до выдачи
38 с → 17 сЭкран 3. Карточка товара
Карточка должна быстро отвечать на главный вопрос: подходит ли этот товар и стоит ли его покупать.
Было
Ключевая информация была разнесена по странице и плохо считывалась: характеристики, цена, отзывы и варианты товара конкурировали между собой. Чтобы сравнить товары, пользователю приходилось постоянно переходить между карточками.
Стало
Пересобрали иерархию вокруг принятия решения: на первом экране собрали цену, рейтинг, ключевые характеристики и основное действие. Подробности и отзывы сделали доступными без перегрузки основной части карточки.
Что показал тест
Пользователи быстрее понимали, подходит ли им товар, и реже возвращались к листингу для повторного сравнения.
Время до решения
16 с → 10 сУспешность выбора товара
68% → 93%Экран 4. Корзина и оформление
Перед оплатой пользователь должен быстро проверить заказ и без лишних препятствий пройти оформление.
Было
Корзина и оформление были перегружены и плохо поддерживали длинный сценарий покупки: часть действий приходилось повторять, а введенные данные могли сбрасываться. Дополнительно страдала читаемость — интерфейс был плотным и местами слишком мелким.
Стало
Упростили структуру корзины, сделали ключевые действия и итог заказа заметнее, а оформление разбили на последовательные шаги. Повысили читаемость интерфейса и сохранили данные между этапами.
Что показал тест
Пользователи быстрее проверяли корзину, реже возвращались назад и увереннее завершали оформление.
Время оформления
19 с → 10 сЭкран 5. Избранное
Инструмент для отложенного выбора и повторных покупок.
Цель механики
Пользователь не всегда готов купить товар сразу: часть позиций нужно сохранить, сравнить позже или быстро найти при следующем заказе. Для зоомагазина это особенно важно из-за повторяющихся
Итог
В рамках редизайна было спроектировано 90+ экранов и состояний, включая адаптивные версии для основных разрешений. Переработали ключевой путь покупки: от главной и каталога до карточки товара, корзины и оформления заказа.
Все основные сценарии проверили на кликабельных прототипах в рамках модерируемого UX-тестирования.
Успешность ключевых сценариев
64% → 92%Время прохождения сценариев
−48%Ошибки и возвраты назад
−64%Удовлетворенность интерфейсом
3,1 → 6,2 из 7