Кейс: разработка мобильного приложение для сети магазинов электроинструментов.

ЗаказчикСеть магазинов электроинструментов

Кейс будет полезен руководителям и маркетологам магазинов, торгующих электроинструментами (и не только им).

Решение создавать приложение для сети магазинов инструментов к нам пришло в совместном диалоге с клиентом. Дело в том, что приложение должно было быть способно решать разного рода задачи. Среди них:

  • Оцифровка системы лояльности. То есть, если у компании есть бонусная или скидочная система, которая привязана к пластиковым карточкам и системе учета 1С или какой-то другой базе данных, то карточки можно перенести в приложение и тем самым избавить и покупателя компании, и офис компании от ненужной рутины с этими пластиковыми карточками,

274562edc0b152aaec628cad29f609a7.jpg

  • Сделать прозрачную для покупателя систему лояльности. То есть система лояльности должна быть не только удобной в использовании, но и прозрачной. Например, в нашем случае покупатель сможет зайти в раздел «покупки» и увидеть, что, когда и за какую цену он покупал. Сколько за каждую покупку у него списалось и начислялось бонусов? Все эти данные подгружаются из уже прописанной в 1С или другой базы данных системы лояльности,

f4746f22c5c2fb24e8f301f0d32aeb5f.jpg

  • Посмотреть каталог продукции. В данной версии приложения мы не сделали полноценный магазин, потому что это не было выбрано первичным функционалом для разработки. Однако в приложении есть подробный перечень категорий товаров со ссылками на соответствующие разделы в интернет-магазин, у которого есть мобильная версия,

919261913c14d421daeb00af0c16e373.jpg

  • Узнать адреса и контакты всех магазинов, все это есть в разделе «Магазины»,
  • Обратная связь с офисом компании,
  • Последнее, но одно из самых важных — возможность посылать пуш уведомления на мобильные телефоны всех установивших приложение пользователей. То есть, по сути, после установки приложения пользователю можно бесплатно напоминать о себе акциям, предложениями и новостями.

Мы, кстати, записали видео о том, зачем вообще бизнесу нужно свое мобильное приложение. Разные идеи и наброски тут.

При разработке этого приложения также встал вопрос о том, по какой технологии делать? Нативной или гибридной? Напомню, что нативная — это когда для iOS мы пишем свое приложение, а для Android другое. А в случае с гибридом мы разрабатываем одно приложение, которое можно развернуть сразу и для iOS и для Android. Существует множество мнений на этот счет. Мнения в поддержку гибридных технологий недавно было опубликовано на сайте одной из платформ ionic framework. Почитайте, интересно:  https://ionicframework.com/books/hybrid-vs-native

07bdd9df90c8b1eed30c1d96a7a56d76.jpg

Лично наши соображения в пользу гибридной технологии были такими:

  • Скорость разработки. Это быстрее натива в 2–3 раза,
  • Стоимость для заказчика. Дешевле соответственно в 2 раза минимум,
  • Нет потери в качестве для наших целей. Тот же ionic сейчас обладает отличным функционалом,
  • У нас неплохой опыт работы с гибридными технологиями, мы знали, что делали.

Ну в общем-то это основные причины, по которым мы выбрали гибрид. 

Первым этапом было построение WBS проекта (work breakdown structure). То есть план, с разбивкой по этапам работ, учетом непредсказуемых элементов проекта, закладкой люфтов. Своим девизом мы считаем «Разрабатывать проекты точно по заданию и в срок». Соответственно такое планирование, по нашему мнению, необходимо. Для построения WBS мы любим использовать Gant таблицы или Kanban таблицы. И то и другое отлично делает сервис Bitrix24. 

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

Созданные чертежи выглядели они примерно вот так (пример):
b100aa59ee4502ebeaca5e7038467124.jpg

Далее, на основе прототипа был создан дизайн в сервисе Figma. Это кропотливая работа дизайнера с продумываением всего интерфейса приложения, дизайна его элементов, шрифтов, отступов, цветов и т.д. Было создано не менее 15-ти экаранов, которые отображали ту или иную информацию в приложении.

05ea3e4e9d3bd720d614b79b2004fab9.png

Эта работа заняла у нас около трех недель, включая различные согласования.

После согласования функционала и дизайна наш разработчик приступил к написанию кода приложения с использованием фреймворка Ionic. Работать нужно было в плотной связке со разработчиком 1С, так как приложение должно было отображать различные данные, передаваемые из базы данных 1С. А именно — информацию о регистрации новых карт лояльности, информацию о количестве бонусов, об их расходе. В такой связке мы работали над различными проектами по разработке мобильных приложений и сайтов уже не первый год, так что особых сложностей в организации взаимодействия не было. Развернутая тестовая среда на устройствах iOS и Android позволяли нам быстро проверять работу кода и устранять ошибки. 

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

Оправдало ли себя?

Приложение сейчас находится на стадии внедрения, но мы уверены, что, оно оправдает себя. Количество мобильных устройств уже достигло таких показателей, что ни у кого не вызывает сомнения востребованность использования мобильных приложений при взаимодействии с той или иной компанией (будь то магазин инструментов, салон красоты, тренажерный зал или что-то другое). Это преимущество для покупателей магазинов, а для администрации магазинов — отличный способ донести быстро свои сообщения до лояльной аудитории, установившей приложение.

В заключении хотелось бы несколько слов сказать о разработанном нами плане продвижения приложения. Он достаточно прост, но эффективен:

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

Спасибо за внимание. Кстати, вот здесь наш Телеграмм канал «Тусовка владельцев сайтов». Там публикуется полезное инфо для тех, кто управляет сайтами и интернет-магазинами. Если вам хотелось бы, чтобы мы подключились к созданию, доработке,  продвижению Вашего сайта или разработке мобильного приложения, нас можно найти здесь:  Honey Hunters Digital.

Другие наши кейсы здесь.

Полный текст статьи читайте на CMS Magazine