«Айрис» — разработка и дизайн мобильного приложения для терминала персонального покупателя Zebra PS20
Компания «Айрис» — федеральный оптовый поставщик швейной фурнитуры, товаров для рукоделия, творчества и текстильной галантереи.
Сфера
E-commerce
Команда
6 человек
Технологии
Kotlin (android)
![case-airis-1](/themes/neti/assets/images/pixel/cases/airis/case-airis-1.jpg)
О проекте
Создали мобильное приложение для терминалов магазина, чтобы разгрузить менеджеров и повысить лояльность покупателей
![case-airis-2](/themes/neti/assets/images/pixel/cases/airis/case-airis-2.jpg)
С чего начинали
Учли проблемы производительности и адаптации API. Обеспечили полную информацию о товарах с удобным интерфейсом.
![case-airis-3](/themes/neti/assets/images/pixel/cases/airis/case-airis-3.jpg)
Оптимизация мобильного приложения: шаг за шагом
Синхронизировались с 1С
Мы взяли на себя все работы по интеграции с 1С, синхронизировали логику мобильного приложения с клиентом и разработали API для взаимодействия с 1С. При этом дополнительные доработки системы 1С не требовались — все решения были внедрены на стороне мобильного приложения.
![case-airis-4](/themes/neti/assets/images/pixel/cases/airis/case-airis-4.png)
Оптимизировали мобильное приложение
Для решения проблем с производительностью мобильного приложения, вызванными старой версией ОС Android на терминалах, мы тщательно изучили аппаратную сторону терминала, его SDK и другие внутренние механизмы. В результате приложение работает бесперебойно, обеспечивая быстрый доступ к информации о товаре.
![case-airis-5](/themes/neti/assets/images/pixel/cases/airis/case-airis-5.jpg)
Адаптировали интерфейс
На экране терминала должна помещаться вся необходимая информация о товаре, поэтому мы разработали дизайн с учетом размеров и пропорций кнопок, иконок и изображений. Дизайн приложения адаптировали так, чтобы взаимодействие с ним было простым и комфортным, даже на маленьком экране.
![case-airis-6](/themes/neti/assets/images/pixel/cases/airis/case-airis-6.jpg)
Тестирование и взаимодействие с клиентом
Мы создали прототип дизайна и тщательно протестировали его на терминале, чтобы гарантировать удобство его использования. После чего презентовали дизайн и согласовали его со всей командой клиента — от менеджеров, работающих в торговых залах, до высшего руководства компании.
Новый уровень покупок: что в итоге получилось
Основной экран
Перед покупкой пользователю достаточно просканировать карту покупателя. Чтобы новичку было легко разобраться в работе с приложением, на каждом экране мы добавили подсказки.
![case-airis-7](/themes/neti/assets/images/pixel/cases/airis/case-airis-7.jpg)
Карточка товара
После сканирования товара пользователь видит его фотографии с подробным описанием и ценой. Здесь он может выбрать нужное количество и положить товар в корзину.
Корзина
Как только товар отправляется в корзину, появляется анимация с добавленной позицией и количеством товара.
![case-airis-8](/themes/neti/assets/images/pixel/cases/airis/case-airis-8.png)
Оформление заказа
Теперь самый интересный момент — оформление заказа. Пользователь видит свой персональный код, который нужно показать менеджеру для перехода к оплате.
Сканирование карты и проверка в 1С
Перед покупкой сотрудник магазина сканирует карту и проверяет в 1С, есть ли такой клиент. Процесс быстрый и легкий, дающий дополнительные опции для пользователей.
![case-airis-9](/themes/neti/assets/images/pixel/cases/airis/case-airis-9.jpg)
Итог
После запуска мобильного приложения заказчик отметил положительные изменения — объем продаж существенно повысился. Это также привело к уменьшению нагрузки на менеджеров торгового зала. Теперь покупателям легче и быстрее выбирать товары, совершать покупки и наслаждаться улучшенным опытом шопинга.
Запишитесь на бесплатную консультацию
Мы проанализируем ваш проект и дадим индивидуальные рекомендации
Нажимая кнопку, вы соглашаетесь с нашей политикой конфиденциальности
В подарок отправим методичку
![puzzle](/themes/neti/assets/images/pixel/other/puzzle.png)
Просто о сложном: этапы разработки мобильных приложений
Другие проекты
![Образовательная карта](/storage/app/media/obr-karta/obraz%20karta.jpg)
Образовательная карта
Обучение
![project-mockup](/storage/app/media/obr-karta/iPhone.png)
![Автоматизация ввода данных при тестировании электросетей на объекте](/storage/app/media/labtest-energo/labtest%20energo.jpg)
Автоматизация ввода данных при тестировании электросетей на объекте
![project-mockup](/storage/app/media/labtest-energo/Labtest-Energo_projects-img-new.png)
![Зарядка](/storage/app/media/powerbank-sharing/battery%20rent.jpg)
Зарядка
eCommerce Startup
![project-mockup](/storage/app/media/powerbank-sharing/Powerbank-Sharing_projects-img-new.png)