Street Beat мобильное приложение

Кейс

STREET BEAT

Мобильное приложение для сети мультибрендовых магазинов одежды и обуви

Проблема

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

Street Beat

Задача

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

Решение

Разработка мобильного приложения "Street Beat" с компанией FITTIN на кросс-платформе Flutter.

Техническая реализация нового дизайна приложения

Дизайн приложения Street Beat
Интерфейс приложения Street Beat
Экраны приложения Street Beat

Разные витрины для каждой группы пользователей

Витрина Street Beat — Мужчины
Витрина Street Beat — Женщины
Витрина Street Beat — Дети
Витрина Street Beat — Детали

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

Витрина Street Beat
Витрина Street Beat — Мужчины Витрина Street Beat — Женщины Витрина Street Beat — Дети

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

Каталог

Пролистывание свайпом фото в мини превью в каталоге

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

Пролистывание фото свайпом в каталоге Street Beat

Каталог

Пролистывание свайпом фото в мини превью в каталоге

Пролистывание фото свайпом в каталоге Street Beat

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

Быстрый заказ Street Beat Быстрый заказ — детали

Оформление

Быстрый заказ

Это упрощенное оформление заказа, минуя корзину, когда добавить можно только 1 товар.

  • Облегчить и ускорить принимаемое решение о покупке
  • Возможность оформить быстрый заказ, если товар можно купить только по предоплате

Оформление

Быстрый заказ

Быстрый заказ Street Beat Быстрый заказ — детали

Это упрощенное оформление заказа, минуя корзину, когда добавить можно только 1 товар.

Взаимодействие

Шиммер-анимация в карточке товара

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

Шиммер-анимация в карточке товара Street Beat

Взаимодействие

Шиммер-анимация в карточке товара

Шиммер-анимация в карточке товара Street Beat

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

Прелоадер Street Beat Прелоадер лого

Загрузка

Прелоадер и обновление страницы по свайпу вниз

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

Загрузка

Прелоадер и обновление страницы по свайпу вниз

Прелоадер Street Beat Прелоадер лого

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

Детали

Увеличение карточки товара по тапу

По тапу на фото в карточке товара, фото масштабируется на весь экран смартфона для более детального просмотра товара.

Увеличение карточки товара Street Beat

Детали

Увеличение карточки товара по тапу

Увеличение карточки товара Street Beat

По тапу на фото в карточке товара, фото масштабируется на весь экран смартфона для более детального просмотра товара.

Какие проблемы были решены для удобства внутренней работы команды Street Beat

Админ-панель Street Beat

Контент

Работа с контентом

Теперь картинки для баннеров, витрин и сторис можно загружать напрямую в админ-панель, избегая ненужных действий с загрузкой на сайт, копированием ссылки. Это ускоряет работу контентщиков, упрощает обновление контента.

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

Контент

Работа с контентом

Админ-панель Street Beat

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

Теперь картинки для баннеров, витрин и сторис можно загружать напрямую в админ-панель, избегая ненужных действий с загрузкой на сайт, копированием ссылки. Это ускоряет работу контентщиков, упрощает обновление контента.

Поиск

Объединение поискового механизма и сбор статистики между сайтом и приложением

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

Объединение поиска Street Beat

Поиск

Объединение поискового механизма и сбор статистики между сайтом и приложением

Объединение поиска Street Beat

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

Структура заказа Street Beat

Заказы

Сложная структура заказа с массивной внутренней логикой

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

Заказы

Сложная структура заказа с массивной внутренней логикой

Структура заказа Street Beat

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

Магазины

Объединение информации о магазинах

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

Карта магазинов Street Beat

Магазины

Объединение информации о магазинах

Карта магазинов Street Beat

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

Товары с предоплатой Street Beat

Оплата

Товары с предоплатой

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

Оплата

Товары с предоплатой

Товары с предоплатой Street Beat

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

Результат за 5 месяцев после запуска

Результаты Street Beat

Обратная связь

Хотите такой же результат?

Обсудим ваш проект и предложим решение, которое будет работать на рост вашего бизнеса.

ОБСУДИТЬ ПРОЕКТ