Следите за обновлениями в наших соцсетях
Twitter
Vkontakte
YouTube
LinkedIn
Dribble
Behance

UX/Ui

Разработка

Экология

Пластик

2020

Разработка мобильного приложения «ПроПластик» для СИБУРа — гид по экологичному образу жизни

Можно ли разогревать еду в пластиковом контейнере? А наливать горячее в пластиковый стакан? А как обстоят дела с переработкой пластика в моем городе? 

Чтобы ответы на эти вопросы всегда были под рукой, мы создали с компанией СИБУР приложение  «ПроПластик» которое в понятной форме рассказывает о пластике. 


Статьи о проекте в СМИ

О клиенте

СИБУР Холдинг — крупнейшая нефтехимическая компания в России.


Задача

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

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


Решение

Многие считают, что в пластиковой посуде нельзя разогревать еду или что пластиковые игрушки нельзя покупать детям. Информация разнится от источника к источнику, и интересующемуся человеку надо прочитать тонну информации, чтобы найти ответы на все свои вопросы. СИБУР хотел создать удобное приложение, которое давало бы всю необходимую информацию за пару кликов.

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

«ПроПластик» состоит из краткого обучающего каталога по каждому виду пластика и карты с пунктами приема пластика во всех городах России.

В каталоге собраны все виды пластика с примерами вещей, которые из него сделаны, и потенциалом их переработки в России.

Для карт мы используем решение от сервиса 2ГИС. Заботиться о природе можно из любого города России — на карте можно найти точки приема пластика как в городах-миллионниках вроде Москвы или Санкт-Петербурга, так и в небольших городах вроде Рязани.


Таймлайн проекта

Анализ бизнес-задачи

Если говорить про методологию, то мы придерживались стандартного «Водопада» (waterfall или каскадная модель).

Обсуждение содержания проекта (project scope) с заказчиком → создание прототипов → дизайн → разработка → тестирование на нашей среде → тестирование на среде заказчика → исправление ошибок → релиз.

При выборе методологии мы часто подстраиваемся под клиента. Чаще всего это «Водопад» — лучше всего подходит для небольших проектов с фиксом (fix price) и чёткими требованиями. Иногда канбан с беклогом задач, которые время от времени приоритезируем. Но может быть и SCRUM со стандартными спринтами. Выбираем подход, учитывая специфику проекта и пожелания клиента.

По нашей практике самые энергозатратные этапы — выяснение требований и сдача проекта. Сразу оговоримся, что это не случай «ПроПластик», здесь всё было хорошо. Но порой добиться чёткого ТЗ непросто. Но и пропускать этот этап ни в коем случае нельзя, потому что без него есть риск сделать продукт, который заказчику попросту не нужен (даже если сам продукт — хороший).

Про аудиторию и актуальность проекта

Изначальная аудитория проекта — сознательные рефлексирующие люди от 14 до 40 лет. Ядро аудитории — 14–18 лет, это экологически активная молодёжь, которая не только сортирует и сдаёт отходы в переработку, но и активно приобщает к этому делу семью и друзей. Мы считаем, что именно в этом возрасте формируется характер, привычки и взгляды, и если человек с юношества начинает заботиться об экологии, скорее всего, продолжит делать это всю жизнь.

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

Главное отличие «ПроПластик» от остальных проектов — нишевость. «ПроПластик» — не гид по сортировке мусора, и не сервис по сбору отходов домохозяйств. Это удобный справочник, в котором собрана информация о разных видах пластика, а ещё приложение показывает места, куда можно этот пластик сдать.

Заказать консультацию по проекту

Наши опытные менеджеры проконсультруют вас по любым вопросам в течении 15 минут

Разработка

Выбор платформы — React Native

Изначально во время тендера мы планировали разрабатывать нативное приложение под каждую платформу. Но когда дело дошло до оценки ТЗ, все разработчики единогласно выбрали кроссплатформенное решение. Сроки были сжатые (2–3 месяца), а технически проект был простым — без интеграций с платёжными системами, эквайрингом или highload-решениями.

Оставалось выбрать React Native или Flutter. Выбрали первый, на то есть несколько причин:

React Native существует уже 5 лет. За это время платформа сильно выросла и стала более перспективной.

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

Так как React Native существует дольше, на его основе создано больше проектов, в том числе приложения Instagram, Facebook и других больших игроков. Поэтому он выглядит надёжнее, в том числе и в глазах клиента; можно показать больше успешных кейсов.

Команда проекта не работала с Flutter. Зато у нас был опыт с React Native во время разработки других приложений. Например, для грузинского каршеринга AiCar.

Обсудив выбор React Native с заказчиком, мы решили, что сделаем одно приложение под две платформы, а выделенные часы возьмём про запас. Потом это решение сыграло нам на руку — когда внедряли дизайн, потратили больше ресурсов на отрисовку и согласование, но благодаря запасу успели сделать в срок.

Как устроено приложение Пропластик

«ПроПластик» — это удобный мобильный гид, содержащий информацию по всем существующим видам пластика, возможностям его применения в быту и потенциале переработки.

Каталог

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

Каталог работает как справочник. У каждого вида пластика есть своя памятка, в которой собраны:

Вещи, сделанные из этого пластика. Например, в пластике типа 4 (LDPE) изображены пластиковые пакеты и плёнки.

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

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

Карты

Изначально мы хотели использовать в приложении карту Recycle Map — сервис карт, который заточен под раздельный сбор отходов. Однако Recycle Map за последнее время практически не обновлялся в Москве и Московской области. А устаревшие сведения могли негативно сказаться на отзывах пользователей. Решили использовать карты 2ГИС — самые точные карты в России на сегодняшний день.

В первой версии приложения мы решили пойти быстрым и экономичным путём — подключили карты 2GIS с помощью web view. Но после выпуска приложения увидели, что у пользователей постоянно возникают ошибки. Находясь в Ярославле, люди видели карту Москвы и не могли переключить свой город — всё дело было в устройстве web view. Чтобы обезопасить себя от этих багов, мы решили перейти на нативное решение.

Сейчас в приложении нативно встроены карты 2ГИС, на которых отмечены пункты приёма пластика. Заботиться о природе можно из любого города России — в картах можно найти точки как в миллионниках вроде Москвы, так и в небольших городах и даже посёлках.

Команда

После переговоров с заказчиком и понимания объёма задач, мы утвердили состав команды: руководитель проекта, дизайнер, разработчик React Native, тестировщик.

Технологии

React Native

Результат

Многие СМИ и лидеры общественного мнения рассказали о приложении «ПроПластик» на страницах своих изданий и в личных соцсетях. 

Среди них:

Коммуникационная кампания в поддержку приложения достигла 2 млн+ просмотров.

«ПроПластик» — имиджевый проект, но если говорить про цифры, то в декабре 2021 статистика установок следующая:

2500+

скачиваний на iOS

1800+

скачиваний на Android

Отзыв клиента

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

Дарья Мезурнишвили

Эксперт Информационная политика ООО «СИБУР»

    Заказать проект