CosmoPet: редизайн-концепция интернет-магазина кормов нового поколения

CosmoPet производит корма и уход для кошек и собак на основе легкоусвояемого белка, который подходит животным с аллергией и чувствительным пищеварением. Это осознанная покупка с длинным циклом принятия решения: прежде чем заказать, владелец хочет понять, подойдет ли корм питомцу и в каком объеме его давать.

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

Клиенту требовался не косметический рефреш, а интерфейс, который передает премиальность продукта, выводит упаковку на первый план и доводит покупателя от вопроса «подойдет ли» до заказа.

Мы начали с аудита, и он показал главное: CosmoPet продает не корм, а доказательную заботу о здоровье. Визуальный шум сайта этому противоречил. На этом основании сменили интонацию бренда в digital: вместо пестрого магазина сдержанный технологичный продукт.

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

Главное отличие от обычной витрины — сервисные инструменты. Квиз подбора корма из пяти вопросов предлагает продукт и порцию.

Калькулятор нормы кормления показывает суточный объем, разбивку по приемам и запас упаковки.

Страница «Формула» объясняет состав диаграммой и гарантированным анализом.

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

Все сценарии проработаны и для мобильных как полноценные экраны.

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