Разработка мобильных приложений и сайтов

← Все проекты

Интернет-магазин товаров для животных

Интернет-магазин зоотоваров

Исследовали привычки покупателей и спроектировали интернет-магазин зоотоваров: каталог, оформление заказов и личный кабинет.

Исследования и CJMUX/UI-дизайнИнтернет-магазин
От исследования к интерфейсу
Оригинальный дизайн магазина НормаКорма: каталог, подбор корма, карточки товаров и корзина
Главная страница · оригинальный интерфейс проекта

Задача проекта

Учесть разные привычки покупателей

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

Мы изучили рынок и бизнес-процессы компании, провели интервью с покупателями. Результаты помогли определить требования к магазину и порядок его развития.

Исследования и пользовательский опыт

Исследование магазинов и интервью с покупателями

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

Конкурентный анализ

Сравнение магазинов

Сравнили, как в других магазинах устроены каталог, выбор товара и оформление заказа.

Интервью с покупателями

Привычки покупателей

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

Карта пути покупателя

Покупка и доставка

Для каждого профиля покупателя составили карту пути — CJM. В ней зафиксировали ожидания на этапах выбора, покупки и доставки.

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

Каталог и выбор товара

Каталог и карточки товаров

В каталоге предусмотрели категории и фильтры. В карточке товара покупатель может сравнить варианты упаковки и изучить характеристики. Для телефона подготовили отдельные макеты с той же структурой магазина.

Мобильное меню магазина: категории, бренды, контакты и информация о доставке

Меню магазина

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

Мобильный каталог сухого корма: фильтры, товары, цены и варианты веса

Каталог и фильтры

Фильтры помогают отобрать подходящие товары и сравнить их в каталоге.

Карточка корма на мобильном экране: упаковки, цена, описание и характеристики

Карточка товара

На странице показаны варианты упаковки, описание и характеристики товара.

Экран оформления заказа с выбором доставки, адреса и данных покупателяИстория заказов покупателя: состав, статусы и повторный заказ

Оформление и история заказов

Оформление и история заказов

В интерфейсе связали выбор товара, оформление доставки и работу с заказами. Покупатель видит состав заказа и может вернуться к предыдущим покупкам.

Оформление заказа
и личный кабинет покупателя.

Визуальный язык

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

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

Дизайн-система интернет-магазина: баннеры, поля, формы и повторяющиеся элементыНабор вариантов меню и элементов категорий магазина

Развитие по итерациям

План развития магазина в маркетплейс

Клиент планирует развивать магазин в маркетплейс. Мы составили план релизов и распределили функции по этапам.

Первый релиз

Основной сценарий покупки

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

Следующие итерации

Постепенное расширение

Распределили будущие функции по релизам и заложили возможность развивать магазин как маркетплейс.

Запланированная возможность

Аккаунты благотворительных фондов

Проработали идею отдельных аккаунтов для благотворительных фондов. Эта функция отложена на будущие релизы.

Результат проектирования

Интерфейсы и план развития магазина

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

Отдельно определили состав первого релиза и дальнейшие шаги к формату маркетплейса. Аккаунты благотворительных фондов остались в плане будущих версий.

Проектирование интернет-магазинов

Обсудим ваш интернет-магазин

Обсудить проект

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

Технофабрика · на связи

Обсудим
ваш проект.

Напишите нам в удобном мессенджере или позвоните.

Удобнее голосом?Позвоните нам+7 909 681-06-16

От идеи до работающего продукта.