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

← Все проекты

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

Большой магазин.
С заботой о маленьких.

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

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

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

Понять людей.
Позаботиться
о питомцах.

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

Мы начали с исследования рынка и бизнес-процессов компании. Затем связали требования бизнеса с ожиданиями покупателей и заложили основу для постепенного развития сервиса.

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

До первого экрана —
правильные вопросы.

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

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

Как устроен
выбор?

Сравнили функциональные блоки магазинов и собрали ориентиры для будущего сервиса.

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

Кто и как
покупает?

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

Customer Journey Map

Что важно
на пути?

Для каждого профиля составили CJM и зафиксировали ожидания от покупки и доставки.

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

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

От «что купить»
к «то, что нужно».

Категории, фильтры, карточки товаров и варианты упаковки помогают разобраться в ассортименте. Мобильные экраны сохраняют логику магазина в компактном формате.

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

Найти свой раздел

Навигация по ассортименту и полезная информация — в одном меню.

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

Сравнить варианты

Фильтры и карточки помогают перейти от общего каталога к выбору.

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

Узнать подробности

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

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

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

Покупка —
это целый
путь.

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

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

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

Единый язык
всех экранов.

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

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

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

Магазин сегодня.
Возможности
на завтра.

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

Первый релиз

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

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

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

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

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

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

Помощь вместе с фондами

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

Что объединил проект

Бизнес, покупатель
и забота
о животных.

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

Дорожная карта сохранила фокус первого релиза и обозначила развитие продукта — от магазина к более широкому сервису.

От вашей идеи — к продукту

Следующий
проект — ваш.

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

Планируете интернет-магазин или развитие действующего сервиса? Обсудим задачи бизнеса, путь покупателя и состав первого релиза.

Написать нам
Технофабрика · на связи

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

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

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

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