Мобильное приложение для интернет-магазина Brav-o – кейс агентства продуктовой разработки Amiga

О проекте

Brav-o — одна из крупнейших в России и в мире компаний по продаже воздушных шаров, карнавальной продукции, товаров для праздника, подарочной и цветочной упаковки. На рынке представлены более 15 лет. Поставки производятся в Россию, Казахстан, Беларусь, Армения и Киргизию. У заказчика уже был готовый сайт на Bitrix и дизайн приложения, который нужно было провалидировать и взять в работу.

Задача

За 3 месяца разработать мобильное приложение. Сжатые сроки связаны с сезонным спросом. Основная задача нового приложения – расширение каналов продаж.

Реализация

Мы выбрали фреймворк Flutter из-за его способности создавать высокопроизводительные приложения с выразительным и гибким пользовательским интерфейсом. Это обеспечивает быстрый цикл разработки, который был нужен для соблюдения сжатых сроков. Функция горячей перезагрузки Flutter позволяет разработчикам быстро повторять и тестировать изменения в приложении.

Кроме того, единая кодовая база Flutter для Android и iOS означает, что приложение можно разрабатывать и тестировать одновременно на обеих платформах.

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

Елена Борисова

Интернет-маркетолог Brav-o

Результат

Одно из главных преимуществ мобильного приложения Brav-o — простота и удобство использования. Приложение имеет интуитивно понятный интерфейс, что дает пользователям легко просматривать товары, добавлять товары в корзину и совершать покупки.

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

Дизайн

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

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

Разработка

С помощью Flutter получилось разработать и развернуть приложение в короткие сроки — 3 месяца. Мы активно взаимодействовали с разработчиками на стороне заказчика, чтобы подключить API сайта к приложению. Раз в неделю мы показывали сборки. Всего было 5 этапов разработки.

Этап 1

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

Этап 2

Каталог – сердце приложения Brav-o, в нем пользователи могут просматривать широкий ассортимент декоративной продукции. Этот этап разработки включал создание надежной системы каталога, который включает в себя большое количество продуктов и категорий. Каталог разработан таким образом, чтобы в нем было легко ориентироваться, а интуитивно понятный поиск и фильтры помогали покупателям быстро находить нужные товары.

Этап 3

Функции карточки товара и корзины были разработаны на этапе 3. Карточка товара содержала подробную информацию о каждом товаре, включая изображения, цены и описания. В корзине можно просматривать общую стоимость покупки и переходить к оформлению заказа.

Этап 4

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

Этап 5

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

Перед релизом мы добавили функционал, позволяющий пользователям удалять свои учетные записи – ни один e-com не хочет, чтобы пользователи удаляли учетки, но такое требование есть со стороны App Store. Без этого функционала приложение не могло бы пройти модерацию.

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

Тимур Моисеев

Руководитель мобильной разработки Amiga

Тестирование

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

На каждом этапе проводилось также бизнес-тестирование: заказчик смотрел приложение и давал комментарии со своей стороны. Это важно для процесса разработки, потому что только заказчик полноценно знаком с реальными данными: ценами, карточками товаров, особенностями категорий товаров. В основном эти данные передавались с бэка, а на стороне приложения только отображались, и именно в процессе бизнес-тестирования иногда мы выявляли мелочи, которые были не очевидны на старте, и дорабатывали их на стороне приложения или обращались к команде back-end.

Результаты

За 3 месяца мы разработали мобильное приложение Brav-o на Flutter. Его можно скачать в App Store и в Google Play. За 2 месяца после запуска приложения доля заказов с приложения составила более 5% от общего количества интернет-заказов.