Оффтоп Angelina Volkova
255

Ориентация на mobile. Как в 1,5 раза поднять продажи с мобильных устройств и на 60% снизить показатель отказов

Кейс Интаро
В закладки

Мобильный сегмент пользователей в eCommerce играет все большую значимость. За 2017 год прирост мобильной аудитории в России составил 15%. При этом 63% всех мобильных продаж совершается в приложениях (по данным ритейлеров, имеющих как мобильный сайт, так и приложение). Данная аудитория не только наиболее активна и прогрессивна, но и формирует рынок потребления в перспективе ближайших лет. Именно поэтому правильной концепцией редизайна является ориентация на разрешения мобильных устройств, в целях обеспечения максимально удобного функционала, с последующим масштабированием на десктопную версию сайта.

Задача:

Разработать мобильное приложение Столплит для iOS и Android, а также мобильную версию сайта

Что мы делали:

  • Проектирование
  • Дизайн
  • Разработка
  • Интеграция

О заказчике

Крупнейшая мебельная фабрика Столплит — наш давний партнер. Наше сотрудничество началось в далеком 2011 году и продолжается до сих пор.

Реализация

Разбор метрик старого приложения показал низкую конверсию, недопустимую современному бизнесу. Была поставлена задача увеличить показатели на 70%.

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

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

Проектирование и Дизайн

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

Что под капотом?

Приложение iOS использует RealmSwift для хранения и обработки информации. Для работы с сетью используется библиотека Alamofire с ObjectMapper сериализацией данных.

Приложение Android написано на Java, работа с данными на kotlin. Для обмена и обновления данных используются библиотеки retrofit и rxJava. В основе модуля отображения данных лежит концепция MVP.

Архитектура приложения соответствует abstract factory паттерну.

Данное архитектурное решение делает приложение более гибким и независимым от специфики последующих доработок.

Google Analytics, AppMetrica и Firebase помогают нам лучше понять поведение пользователя при работе с приложением, сегментировать аудиторию и отправлять только целевые уведомления покупателям.

Специфика проекта и API

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

Клиент получает уже полностью обработанные данные.

API на Столплит — это

  • Версионирование API. Сейчас используются 3 версии — v5, v6, v7.
  • 30+ методов
  • Полная функциональность работы с каталогом — сортировки, умный фильтр, полнотекстовый поиск.
  • Полное оформление заказа, включая заполнение всех необходимых данных и онлайн-оплату заказа, бонусная система, применение купонов и скидок.
  • Начиная с v6 наличие актуальной документации, генерируемой автоматически via doxygen.

API — довольно трудоемкий и важный этап в разработке любого приложения. Именно от него во многом зависят возможности разрабатываемого функционала и его масштабирование в дальнейшем. В случае со Столплитом, API создавалось нами с учетом архитектуры сайта stolplit.ru и шло параллельно с созданием приложений для Android и iOS, что позволяло разработчикам приложений сосредоточиться на внешнем виде и соответствии актуальными требованиям магазинов приложений.

Результаты

Статистика за первые 4 месяца функционирования нового мобильного приложения

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

Гришакова Ольга
Менеджер интернет-проектов «Столплит»

#ecommerce #интегратор #mobile #API #столплит #интаро #intaro

Материал опубликован пользователем. Нажмите кнопку «Написать», чтобы поделиться мнением или рассказать о своём проекте.

Написать
{ "author_name": "Angelina Volkova", "author_type": "self", "tags": ["\u0441\u0442\u043e\u043b\u043f\u043b\u0438\u0442","\u0438\u043d\u0442\u0435\u0433\u0440\u0430\u0442\u043e\u0440","\u0438\u043d\u0442\u0430\u0440\u043e","mobile","intaro","ecommerce","api"], "comments": 0, "likes": 10, "favorites": 1, "is_advertisement": false, "subsite_label": "flood", "id": 40644, "is_wide": false }
00
дни
00
часы
00
мин
00
сек
(function(){ var banner = document.querySelector('.teaserSberbank'); var isAdsDisabled = document.querySelector('noad'); if (!isAdsDisabled){ var countdownTimer = null; var timerItem = document.querySelectorAll('[data-sber-timer]'); var seconds = parseInt('15395' + '50799') - now(); function now(){ return Math.round(new Date().getTime()/1000.0); } function timer() { var days = Math.floor(seconds / 24 / 60 / 60); var hoursLeft = Math.floor((seconds) - (days * 86400)); var hours = Math.floor(hoursLeft / 3600); var minutesLeft = Math.floor((hoursLeft) - (hours * 3600)); var minutes = Math.floor(minutesLeft / 60); var remainingSeconds = seconds % 60; if (days < 10) days = '0' + days; if (hours < 10) hours = '0' + hours; if (minutes < 10) minutes = '0' + minutes; if (remainingSeconds < 10) remainingSeconds = '0' + remainingSeconds; if (seconds <= 0) { clearInterval(countdownTimer); } else { timerItem[0].textContent = days; timerItem[1].textContent = hours; timerItem[2].textContent = minutes; timerItem[3].textContent = remainingSeconds; seconds -= 1; } } timer(); countdownTimer = setInterval(timer, 1000); } else { banner.style.display = 'none'; } })();
{ "id": 40644, "author_id": 164702, "diff_limit": 1000, "urls": {"diff":"\/comments\/40644\/get","add":"\/comments\/40644\/add","edit":"\/comments\/edit","remove":"\/admin\/comments\/remove","pin":"\/admin\/comments\/pin","get4edit":"\/comments\/get4edit","complain":"\/comments\/complain","load_more":"\/comments\/loading\/40644"}, "attach_limit": 2, "max_comment_text_length": 5000, "subsite_id": 199791 }

Комментариев нет 0 комм.

Популярные

По порядку

Комментарий удален

0

Прямой эфир

[ { "id": 1, "label": "100%×150_Branding_desktop", "provider": "adfox", "adaptive": [ "desktop" ], "adfox_method": "createAdaptive", "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "ezfl" } } }, { "id": 2, "label": "1200х400", "provider": "adfox", "adaptive": [ "phone" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "ezfn" } } }, { "id": 3, "label": "240х200 _ТГБ_desktop", "provider": "adfox", "adaptive": [ "desktop" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "fizc" } } }, { "id": 4, "label": "240х200_mobile", "provider": "adfox", "adaptive": [ "phone" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "flbq" } } }, { "id": 5, "label": "300x500_desktop", "provider": "adfox", "adaptive": [ "desktop" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "ezfk" } } }, { "id": 6, "label": "1180х250_Interpool_баннер над комментариями_Desktop", "provider": "adfox", "adaptive": [ "desktop" ], "adfox": { "ownerId": 228129, "params": { "pp": "h", "ps": "bugf", "p2": "ffyh" } } }, { "id": 7, "label": "Article Footer 100%_desktop_mobile", "provider": "adfox", "adaptive": [ "desktop", "tablet", "phone" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "fjxb" } } }, { "id": 8, "label": "Fullscreen Desktop", "provider": "adfox", "adaptive": [ "desktop", "tablet" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "fjoh" } } }, { "id": 9, "label": "Fullscreen Mobile", "provider": "adfox", "adaptive": [ "phone" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "fjog" } } }, { "id": 10, "disable": true, "label": "Native Partner Desktop", "provider": "adfox", "adaptive": [ "desktop", "tablet" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "clmf", "p2": "fmyb" } } }, { "id": 11, "disable": true, "label": "Native Partner Mobile", "provider": "adfox", "adaptive": [ "phone" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "clmf", "p2": "fmyc" } } }, { "id": 12, "label": "Кнопка в шапке", "provider": "adfox", "adaptive": [ "desktop" ], "adfox": { "ownerId": 228129, "params": { "p1": "bscsh", "p2": "fdhx" } } }, { "id": 13, "label": "DM InPage Video PartnerCode", "provider": "adfox", "adaptive": [ "desktop", "tablet", "phone" ], "adfox_method": "createAdaptive", "adfox": { "ownerId": 228129, "params": { "pp": "h", "ps": "bugf", "p2": "flvn" } } }, { "id": 14, "label": "Yandex context video banner", "provider": "yandex", "yandex": { "block_id": "VI-223676-0", "render_to": "inpage_VI-223676-0-1104503429", "adfox_url": "//ads.adfox.ru/228129/getCode?pp=h&ps=bugf&p2=fpjw&puid1=&puid2=&puid3=&puid4=&puid8=&puid9=&puid10=&puid21=&puid22=&puid31=&puid32=&puid33=&fmt=1&dl={REFERER}&pr=" } }, { "id": 15, "label": "Плашка на главной", "provider": "adfox", "adaptive": [ "desktop", "tablet", "phone" ], "adfox": { "ownerId": 228129, "params": { "p1": "byudx", "p2": "ftjf" } } }, { "id": 16, "label": "Кнопка в шапке мобайл", "provider": "adfox", "adaptive": [ "tablet", "phone" ], "adfox": { "ownerId": 228129, "params": { "p1": "byzqf", "p2": "ftwx" } } }, { "id": 17, "label": "Stratum Desktop", "provider": "adfox", "adaptive": [ "desktop" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "fzvb" } } }, { "id": 18, "label": "Stratum Mobile", "provider": "adfox", "adaptive": [ "tablet", "phone" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "fzvc" } } }, { "id": 19, "label": "Тизер на главной", "provider": "adfox", "adaptive": [ "desktop", "tablet", "phone" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "p1": "cbltd", "p2": "gazs" } } } ]
Нейронная сеть научилась читать стихи
голосом Пастернака и смотреть в окно на осень
Подписаться на push-уведомления