Explore
Уложитесь в мой дедлайн?
Обязательное поле
Некорректный номер
Некорректный Email
Обязательное поле
Все поля обязательны к заполнению
Далее
Далее
Роль в проекте
Интересующая услуга
Примерный бюджет
Пожалуйста, проставьте по варианту в каждой категории
Отправить
Отправить
several colorful figures
Заявка отправлена
В ближайшее время с вами свяжется наш менеджер
Oops! Something went wrong while submitting the form.

Hozain: мобильная CRM-система

о проекте

A man in a wheat field

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

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

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

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

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

но она работала только на ПК.

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

задачи

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

01

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

02

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

03

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

04

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

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

01

календарь

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

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

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

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

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

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

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

02
04

интерес

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

05

партнеры

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

Если вам нужно разработать 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

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

01

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

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

CRM koblik

Календарь
Интересы
Партнеры
Переделали раздел «Интересы»
Дизайн десктопной версии не подходил 
для мобильной версии, поэтому для удобства мы решили переделать этот раздел с нуля.
02
02
Дизайн десктопной версии не подходил 
для мобильной версии, поэтому для удобства мы решили переделать этот раздел с нуля.
В десктопной версии много текста, кнопок и полей для заполнения. На мобильном экране столько информации только бы запутало пользователя
Mobile app contact information screen
А так выглядит страница интереса в мобильной версии. Вся информация распределена по блокам, чтобы менеджер мог быстро найти нужные данные
Дизайн десктопной версии не подходил 
для мобильной версии, поэтому для удобства мы решили переделать этот раздел с нуля.
В десктопной версии много текста, кнопок и полей для заполнения. На мобильном экране столько информации только бы запутало пользователя
А так выглядит страница интереса 

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

мог быстро найти нужные данные
Mobile app contact information screen

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

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

Phone calendarPhone calendar
03

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

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

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

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

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

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

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

Базы данных на сервере и смартфоне должны быть одинаковыми и постоянно синхронизироваться. Поэтому мы придумали механизм, который позволяет данным отправляться на сервер, когда у менеджера снова появляется интернет соединение.
Интернет-соединение пропадает
01
02
Менеджер пользуется приложением
Например, создает нового партнера
Все изменения сохраняются в локальной базе данных 
и становятся в очередь 
для отправки на сервер
03
04
Смартфон подключается к интернету
Изменения в том же порядке отправляются на сервер и синхронизируют базы данных
05
Приложение разрабатывалось 
на фреймворке React Native.
Это позволяет экономить
до 30-35% бюджета и разрабатывать приложение одновременно
для двух ОС — iOS и Android.
Приложение получилось разработать на 2 недели раньше запланированного. На дизайн ушло 2 месяца, а разработка заняла 2,5. Приложение уже доступно в App Store.
Для телефонов на Android оно распространяется в виде APK.
Хотите бесплатно рассчитаем стоимость вашего проекта?
Оставьте заявку!
Хочу
Tractor with attached trailer
Результат