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

Mobile

О проекте

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% от общего количества интернет-заказов.

Технологии
Bitrix
Flutter

Дарья Малкова

Руководитель проекта

Мария Воробьева

Руководитель проектного офиса

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

Teamlead Flutter

Роман Марков

QA

Александр Чаплыгин

Flutter-разработчик

Олег Коваленко

QA

Другие проекты

Web

HR-сайт для SOKOLOV

HR-сайт для SOKOLOV

Web | NDA

Мегафон

Мегафон

Web | В работе

Русплитка

Русплитка

Mobile | NDA

DHL Express

DHL Express

Web

Образовательный портал Школа гениев

Образовательный портал Школа гениев

Web

Транспортная компания №1

Транспортная компания №1

Web | Minicase

Интернет-магазин мебели Трио

Интернет-магазин мебели Трио

Web | NDA

Nike

Nike

Web | NDA

ERP-система лизинга автопарка

ERP-система лизинга автопарка

Mobile | NDA

Rockwool

Rockwool

Web | Minicase

Аникура

Аникура

Web | NDA

Casio

Casio

Mobile

Образовательный проект Easy. Приложение в VK

Образовательный проект Easy. Приложение в VK

Web

Маркетплейс горного оборудования

Маркетплейс горного оборудования

Mobile | NDA

AI-приложение Get Art

AI-приложение Get Art

Mobile

Приложение с интеграцией ML

Приложение  с интеграцией ML

Web

Корпоративный портал ЕМС Team

Корпоративный портал ЕМС Team

Mobile | NDA

М.Видео

М.Видео

Mobile | NDA

Бизнес-приложение Жёлтая печать

Бизнес-приложение Жёлтая печать

Mobile | В работе

CMstore

CMstore

Web | В работе

Makita

Makita

Mobile

Мобильное приложение для АЗС ХТК

Мобильное приложение для АЗС ХТК

Mobile | NDA

Shell

Shell

Web | NDA

Aviasales

Aviasales

Web | NDA

Mercedes-Benz

Mercedes-Benz

Web | NDA

Samsung

Samsung

Web

Крупное федеральное СМИ

Крупное федеральное СМИ

Web | NDA

НЛМК

НЛМК

Mobile | NDA

Сбер

Сбер

Web | NDA

Ecco

Ecco

Mobile

Интернет-магазин Bravo

Интернет-магазин Bravo

Web

Имиджевый сайт «Шахтинская плитка»

Имиджевый сайт «Шахтинская плитка»

Mobile

Приложение для пекарен Хлеб Хмельницкого

Приложение для пекарен Хлеб Хмельницкого

Mobile | NDA

Интернет-магазин NL Store

Интернет-магазин  NL Store

Mobile

Приложение-сканер товаров с TV

Приложение-сканер товаров с TV

Mobile | NDA

Приложение для здоровья CW Clinic

Приложение для здоровья CW Clinic

Mobile

Программа лояльности Vaillant Group

Программа лояльности Vaillant Group

Web

Маркетплейс специалистов Gigoo

Маркетплейс специалистов Gigoo

Mobile

Airspector

Airspector

Mobile

Мобильное приложение для сети аптек «Ваша №1»

Мобильное приложение для сети аптек «Ваша №1»

Web | NDA

Газпром

Газпром

Web

Маркетплейс нефтяных продуктов Proleum

Маркетплейс нефтяных продуктов Proleum
Хотите связаться с владельцем
компании напрямую?
Дмитрий Тарасов
Дмитрий Тарасов
СЕО

НАПИСАТЬ