Создание мобильного приложения для e-comm

2023 · Наше Золото · app · e-comm

Задача

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

Результат

После проверки гипотез на MVP мы запустили собственное мобильное приложение. По результатам после запуска:

  • Конверсия в покупку в приложении оказалась выше, чем на сайте;
  • Средний чек — выше, чем на сайте;
  • Доля повторных покупок — выше, чем на сайте;
  • Приложение стало формировать 40% выручки e-commerce-направления.

Спустя год после релиза приложение показало высокие результаты и окупило все вложения.

Моя роль

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

Контекст

До определённого момента сайт оставался для «НАШЕГО ЗОЛОТА» основным каналом онлайн-продаж. При этом крупные конкуренты уже развивали собственные мобильные приложения.

Перед запуском было важно понять, нужен ли компании ещё один e-commerce-канал и оправдает ли он инвестиции.

Основные риски:

  • Ювелирные изделия покупают относительно редко, поэтому потенциал повторного использования приложения был неочевиден;
  • Разработка собственного приложения требовала значительных вложений;
  • Внутри компании не было ресурсов для полноценной мобильной разработки.

Поэтому вместо того, чтобы сразу инвестировать в собственный продукт, сначала решили проверить основные гипотезы.

Гипотезы и MVP

На основе анализа конкурентов сформировали три гипотезы:

  • Конверсия в покупку в приложении будет выше, чем на сайте;
  • Приложение поможет сформировать более лояльную аудиторию;
  • Средний чек в приложении будет выше.

Для проверки использовали IMSHOP — платформу для быстрого запуска e-commerce-приложений. Такой подход позволил получить работающий MVP без больших затрат на собственную разработку.

Первые пользователи получили доступ к приложению в мае 2022 года. В течение следующих шести месяцев команда анализировала результаты.

Приложение на базе IMSHOP
Приложение на базе IMSHOP
Приложение на базе IMSHOP
Приложение на базе IMSHOP

Гипотезы подтвердились, поэтому следующим шагом стал запуск собственного приложения с расширенным функционалом

Переход к собственному приложению

В апреле 2023 года к разработке подключили подрядчика — «Бюро цифровых технологий».

Из-за отсутствия собственной мобильной команды для iOS и Android выбрали Flutter. Единая кодовая база позволяла быстрее развивать обе платформы и упрощала дальнейшую поддержку продукта.

Параллельно проработали детальный User Flow. Он помог собрать основные сценарии в единую структуру, определить необходимые экраны и разбить разработку на релизы.

User Flow приложения
User Flow приложения

Первый релиз

В первую версию вошли основные e-commerce-сценарии, для которых уже была готова серверная часть:

  • Каталог и фильтры;
  • Поиск;
  • Карточка товара;
  • Корзина;
  • Оформление заказа;
  • Личный кабинет.

Целью первого релиза было собрать полноценный путь пользователя — от поиска украшения до покупки и управления заказом

Главная страница
Главная страница
Главная страница
Главная страница
Главная страница
Главная страница
Главная страница
Главная страница
Экран активного поиска
Экран активного поиска
Экран ввода поискового запроса
Экран ввода поискового запроса
Экран с результатами поиска
Экран с результатами поиска
Карточка товара
Карточка товара
Карточка товара
Карточка товара
Карточка товара
Карточка товара
Карточка товара
Карточка товара
Корзина
Корзина
Чекаут
Чекаут
Выбор адреса доставки
Выбор адреса доставки
Экран успешной оплаты
Экран успешной оплаты
Личный кабинет пользователя
Личный кабинет пользователя
Редактирование данных пользователя
Редактирование данных пользователя
Отображение заказов в личном кабинете
Отображение заказов в личном кабинете

Прототипирование

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

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

Скринкаст кликабельного прототипа

Второй релиз

После запуска основных e-commerce-сценариев приложение начали расширять.

Во второй релиз вошли:

  • Сканнер штрихкода;
  • Истории;
  • Отзывы к товарам;
  • оформление подарочных карт.

Сканер штрихкода связал приложение с офлайн-магазинами: пользователь мог отсканировать товар и открыть информацию о нём в приложении.

Истории добавили новый формат для продуктового и маркетингового контента.

Отзывы и подарочные карты расширили возможности приложения уже за пределами базового сценария покупки

Сканнер штрих–кода
Сканнер штрих–кода
Просмотр истории
Просмотр истории
Просмотр истории
Просмотр истории
Просмотр товара из истории
Просмотр товара из истории
Спсиок товаров из истории
Спсиок товаров из истории
Комментарии в карточке товара
Комментарии в карточке товара
Добавление отзыва
Добавление отзыва
Просмотр отзыва
Просмотр отзыва
Настройка подарочной карты
Настройка подарочной карты
Настройка подарочной карты
Настройка подарочной карты
Оформление подарочной карты
Оформление подарочной карты

Работа с разработкой

Дизайн и разработка шли параллельно.

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

Так дизайн не заканчивался после передачи макетов — решения сопровождались до реализации.

Итоги

После запуска собственное приложение показало более высокие показатели по сравнению с сайтом:

  • Выросла конверсия в покупку;
  • Средний чек оказался выше;
  • Доля повторных покупок оказалась выше;
  • Приложение стало формировать 40% выручки e-commerce-направления.

Спустя год после релиза приложение окупило вложения.

Для компании это стало подтверждением того, что мобильное приложение может быть самостоятельным и значимым каналом e-commerce, а предварительная проверка через MVP помогла снизить риски перед полноценной разработкой

Другие кейсы