koblik

CRM-система для производителя сельхозтехники Koblik Group

готовое приложение в APP STORE

о проекте

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

У заказчика уже была корпоративная CRM-система на базе 1С, но она работала только на ПК. Менеджерам по продажам приходилось во время сделок все записывать в блокноты, а по приезде в офис вручную вносить в систему.  Это было неудобно и долго.

К нам обратился производитель сельхозтехники для разработки  мобильного приложения.

Так как сделки по продаже техники чаще всего происходят  в поле, где не ловит интернет, заказчику нужно было приложение,  которое работало бы оффлайн.

У заказчика уже была корпоративная CRM-система на базе 1С,  
но она работала только на ПК.

Так как сделки по продаже техники чаще всего происходят в поле, где не ловит интернет, заказчику нужно было приложение, которое работало бы оффлайн.

задачи

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

Создать простой и минималистичный дизайн, который будет понятен сотрудникам разных возрастов

Сохранить знакомую для сотрудников логику и нейминги

Сделать фронтенд-часть и подключить ее к бэкенду заказчика

Настроить всё так, чтобы при повторном подключении к интернету заметки автоматически синхронизировались  с базой данных

как работает приложение

календарь

Если менеджер хочет добавить новую задачу, он нажимает на и создает взаимодействие.

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

Если менеджер хочет добавить новую задачу, он нажимает на и создает взаимодействие.

Далее менеджер заполняет информацию о клиенте
и подробно описывает взаимодействие.

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

Далее менеджер заполняет информацию о клиенте  и подробно описывает взаимодействие.

Выявлена потребность

Договор

КП направлено

Когда заключается новая сделка, менеджер переходит на вкладку «Интерес» и создает сделку через кнопку «Добавить интерес»

Там он вносит подробные данные о партнере и виде сделки.

интерес

В разделе «Интересы» менеджер может просматривать прогресс текущих сделок и отфильтровать их по определенным критериям или датам.

партнеры

В разделе «Партнеры» менеджер может просмотреть весь список партнеров:  от физических лиц до дилеров.

Если вам нужно разработать CRM-систему, мы можем сделать ее под ключ.

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

Пообщаться с командой

Шрифт и цвета

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

Grayscale Dark

#0D0D0D

Grayscale Medium

#4D4D4D

Grayscale Light

#FFFFFF

Main Color

#EB7742

Noto Sans

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

Также у Noto Sans открытая лицензия, что позволило  нам сэкономить бюджет заказчика.

Weights	Regular	Medium	Semibold	Bold
Sizes	12/16	14/18	12/16	18/24
	16/21	16/21	14/18	20/26
		18/24	16/21	26/36
		20/27	18/24

Дизайн-решения

Избавились от лишних функций

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

CRM koblik

Календарь

Интересы

Партнеры

Переделали раздел «Интересы»

Дизайн десктопной версии не подходил  для мобильной версии, поэтому для удобства мы решили переделать этот раздел с нуля.

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

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

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

Добавили прогресс-бар, чтобы при заполнении сделки менеджеры понимали, сколько информации им осталось заполнить.

Раздел «Интересы» мы сделали в виде  канбан-доски и добавили цветовое кодирование — так менеджерам будет  легче отслеживать этапы сделок.

Сохранили принципы работы календаря

Менеджеры привыкли отслеживать свою загруженность на месяц, неделю и день, поэтому мы сохранили эту возможность.

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

Сэкономили деньги клиента
на разделе «Партнеры»

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

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

Принцип работы оффлайн режима

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

Интернет-соединение пропадает

Менеджер пользуется приложением

Например, создает нового партнера

Все изменения сохраняются в локальной базе данных  и становятся в очередь  для отправки на сервер

Смартфон подключается к интернету

Изменения в том же порядке отправляются на сервер и синхронизируют базы данных

Приложение разрабатывалось  на фреймворке React Native.
Это позволяет экономить
до 30-35% бюджета и разрабатывать приложение одновременно
для двух ОС — iOS и Android.

Приложение получилось разработать на 2 недели раньше запланированного. На дизайн ушло 2 месяца, а разработка заняла 2,5. Приложение уже доступно в App Store.
Для телефонов на Android оно распространяется в виде APK.

Хотите бесплатно рассчитаем стоимость вашего проекта?

Оставьте заявку!

Хочу

Результат