Мобильное приложение для интернет-магазина Brav-o

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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