Кейс: разработка мобильного приложение для сети магазинов электроинструментов.
ЗаказчикСеть магазинов электроинструментов
Кейс будет полезен руководителям и маркетологам магазинов, торгующих электроинструментами (и не только им).
Решение создавать приложение для сети магазинов инструментов к нам пришло в совместном диалоге с клиентом. Дело в том, что приложение должно было быть способно решать разного рода задачи. Среди них:
- Оцифровка системы лояльности. То есть, если у компании есть бонусная или скидочная система, которая привязана к пластиковым карточкам и системе учета 1С или какой-то другой базе данных, то карточки можно перенести в приложение и тем самым избавить и покупателя компании, и офис компании от ненужной рутины с этими пластиковыми карточками,
- Сделать прозрачную для покупателя систему лояльности. То есть система лояльности должна быть не только удобной в использовании, но и прозрачной. Например, в нашем случае покупатель сможет зайти в раздел «покупки» и увидеть, что, когда и за какую цену он покупал. Сколько за каждую покупку у него списалось и начислялось бонусов? Все эти данные подгружаются из уже прописанной в 1С или другой базы данных системы лояльности,
- Посмотреть каталог продукции. В данной версии приложения мы не сделали полноценный магазин, потому что это не было выбрано первичным функционалом для разработки. Однако в приложении есть подробный перечень категорий товаров со ссылками на соответствующие разделы в интернет-магазин, у которого есть мобильная версия,
- Узнать адреса и контакты всех магазинов, все это есть в разделе «Магазины»,
- Обратная связь с офисом компании,
- Последнее, но одно из самых важных — возможность посылать пуш уведомления на мобильные телефоны всех установивших приложение пользователей. То есть, по сути, после установки приложения пользователю можно бесплатно напоминать о себе акциям, предложениями и новостями.
Мы, кстати, записали видео о том, зачем вообще бизнесу нужно свое мобильное приложение. Разные идеи и наброски тут.
При разработке этого приложения также встал вопрос о том, по какой технологии делать? Нативной или гибридной? Напомню, что нативная — это когда для iOS мы пишем свое приложение, а для Android другое. А в случае с гибридом мы разрабатываем одно приложение, которое можно развернуть сразу и для iOS и для Android. Существует множество мнений на этот счет. Мнения в поддержку гибридных технологий недавно было опубликовано на сайте одной из платформ ionic framework. Почитайте, интересно: https://ionicframework.com/books/hybrid-vs-native
Лично наши соображения в пользу гибридной технологии были такими:
- Скорость разработки. Это быстрее натива в 2–3 раза,
- Стоимость для заказчика. Дешевле соответственно в 2 раза минимум,
- Нет потери в качестве для наших целей. Тот же ionic сейчас обладает отличным функционалом,
- У нас неплохой опыт работы с гибридными технологиями, мы знали, что делали.
Ну в общем-то это основные причины, по которым мы выбрали гибрид.
Первым этапом было построение WBS проекта (work breakdown structure). То есть план, с разбивкой по этапам работ, учетом непредсказуемых элементов проекта, закладкой люфтов. Своим девизом мы считаем «Разрабатывать проекты точно по заданию и в срок». Соответственно такое планирование, по нашему мнению, необходимо. Для построения WBS мы любим использовать Gant таблицы или Kanban таблицы. И то и другое отлично делает сервис Bitrix24.
Следующим этапом, как это обычно бывает, мы разрабатывали техническое задание и прототипы экранов будущего мобильного приложения. В техническом задании мы подробно описали все нюансы и детали функционала будущего приложения. Прорисовали чертежи и схемы для прототипа. Ведь, как известно, хорошее техническое задание — залог эффективной работы по всему проекту. Пока прорисовываются прототипы экранов приложения, пока прописывается функционал, происходят различные обсуждения тех или иных нюансов приложения, в которых рождается четкое видение того, что мы получим на выходе. Данный этап занял у нас около двух недель, включая все согласования.
Созданные чертежи выглядели они примерно вот так (пример):
Далее, на основе прототипа был создан дизайн в сервисе Figma. Это кропотливая работа дизайнера с продумываением всего интерфейса приложения, дизайна его элементов, шрифтов, отступов, цветов и т.д. Было создано не менее 15-ти экаранов, которые отображали ту или иную информацию в приложении.
Эта работа заняла у нас около трех недель, включая различные согласования.
После согласования функционала и дизайна наш разработчик приступил к написанию кода приложения с использованием фреймворка Ionic. Работать нужно было в плотной связке со разработчиком 1С, так как приложение должно было отображать различные данные, передаваемые из базы данных 1С. А именно — информацию о регистрации новых карт лояльности, информацию о количестве бонусов, об их расходе. В такой связке мы работали над различными проектами по разработке мобильных приложений и сайтов уже не первый год, так что особых сложностей в организации взаимодействия не было. Развернутая тестовая среда на устройствах iOS и Android позволяли нам быстро проверять работу кода и устранять ошибки.
Данный этап разработки мобильного приложения занял у нас примерно три недели. Такие темпы разработки мы закладывали в план проекта, шли в них, и это устраивало нас и заказчика.
Оправдало ли себя?
Приложение сейчас находится на стадии внедрения, но мы уверены, что, оно оправдает себя. Количество мобильных устройств уже достигло таких показателей, что ни у кого не вызывает сомнения востребованность использования мобильных приложений при взаимодействии с той или иной компанией (будь то магазин инструментов, салон красоты, тренажерный зал или что-то другое). Это преимущество для покупателей магазинов, а для администрации магазинов — отличный способ донести быстро свои сообщения до лояльной аудитории, установившей приложение.
В заключении хотелось бы несколько слов сказать о разработанном нами плане продвижения приложения. Он достаточно прост, но эффективен:
- Продвижение в самих магазинах на кассе,
- Продвижение через сайт. Известно, что основная масса посетителей сайтов сейчас идет через мобильные устройства. Соответственно им можно показывать ссылки на приложение через специальные баннеры для мобильных устройств,
- Таргетированная реклама в социальных сетях.
Спасибо за внимание. Кстати, вот здесь наш Телеграмм канал «Тусовка владельцев сайтов». Там публикуется полезное инфо для тех, кто управляет сайтами и интернет-магазинами. Если вам хотелось бы, чтобы мы подключились к созданию, доработке, продвижению Вашего сайта или разработке мобильного приложения, нас можно найти здесь: Honey Hunters Digital.
Другие наши кейсы здесь.
Полный текст статьи читайте на CMS Magazine